PENERAPAN TEKNIK SEO PADA WEBSITE ONLINE

TOKO BUKU SARI ILMU

NASKAH PUBLIKASI

Diajukan oleh

R. Dimas Satrio Legowo 10.02.7733

Melkianus Leki Seran 10.02.7746

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA

YOGYAKARTA 2013

USE OF SEO TECHNIQUE

ON ONLINE SARI ILMU BOOKSTORE WEBSITE

PENERAPAN TEKNIK SEO PADA WEBSITE ONLINE TOKO BUKU SARI ILMU

R. Dimas Satrio Legowo

Melkianus Leki Seran Dony Ariyus

Jurusan Manajemen Informatika STMIK AMIKOM YOGYAKARTA

ABSTRACT

The number of web-based application users which also including online business are highly increased each day. There are two main reasons for why a company should use website. Firstly, company can use a website as a media for promotion. Secondly, company can use website to sell their products. This appears together with some expectations such as website would increase the income and facilitate more people to buy products.

The success of each company is strongly influenced also by the promotion system. The author believes in the strong influence of an effective and efficient media for promotion used to gain success in each company. Therefore, the author trough this Final Project aims to develop an online business application as a media for promotion and selling of goods.

There are numbers of software used to develop this online book store website namely Macromedia Dreamweaver 8, PHP and MySQL. By using Macromedia Dreamweaver 8 the designing process is much faster and easier. The tables which are used to develop this online book store are category table, city table, statistic table, login table, comment table, and product table. These tables are used to collect all the data which will be used in creating this website. KeyWords: Website, Software, Information System, and Media for Promotion.

1

1. Pendahuluan 1.1 Latar Belakang Masalah Sistem penjualan yang selama ini digunakan oleh Toko Buku Sari Ilmu adalah dengan cara menjual langsung barang-barang kepada pelanggan di toko. Sistem penjualan dengan cara pelanggan berbelanja langsung di toko membutuhkan pengunjung yang banyak dalam proses penjualan. Sementara itu, jumlah pengunjung harus terus meningkat dari waktu ke waktu maka sistem ini dinilai kurang efektif dan efesien. Jika, hanya mengandalkan sistem penjualan dengan cara tersebut maka pendapatan toko buku tidak mengalami peningkatan yang signifikan. Oleh karena itu, dirancang suatu sistem penjualan secara online dengan menggunakan media website atau internet dengan menerapkan teknik Search Engine Optimization (SEO) untuk mempromosikan dan meminimalkan waktu serta proses penjualan dengan tujuan dapat meningkatkan volume penjualan sehingga pendapatan toko dapat meningkat. 1.2 Rumusan Masalah Melihat latar belakang masalah tersebut, serta membaca dokumentasi dan refrensi seputar pembuatan dan pengembangan web toko buku online, maka penulis mencoba membuat rumusan masalah sebagai berikut:

1. Pembuatan Web toko buku online berbasis SEO (Search Engine Optimization). 2. Pengembangan web toko buku online dilengkapi optimasi SEO (Search Engine

Optimization) mampu meningkatkan volume penjualan buku yang berkurang sehingga pendapatan meningkat.

1.3 Batasan Masalah Dalam penulisan Tugas Akhir ini, penulis membatasi permasalahan pada:

Implementasi website Toko Buku Sari Ilmu dengan penerapan teknik Search Engine Optimization (SEO) dan sistem data input, proses pembelian serta data output.

1.4 Tujuan Penelitian

Adapun maksud dan tujuan utama penelitian ini antara lain: 1. Untuk menghasilkan suatu sistem penjualan yang menggunakan media

website atau internet dapat membantu promosi dalam mempromosikan buku agar dapat diakses dengan cepat, dimana saja dan kapan saja oleh semua kalangan masyarakat.

2. Untuk optimasi website dengan penerapan Search Engine Optimization (SEO) sehingga mudah dibaca di mesin pencari.

1.5 Manfaat Penelitian Adapun manfaat penelitian bagi penulis antara lain:

1. Pembuatan karya ilmiah sebagai kewajiban mahasiswa terhadap peraturan akademis dan bukti turut berperan serta khususnya bidang keilmuan IT

2. Prasyarat kelulusan program studi Diploma 3 Manajemen Informatika STMIK AMIKOM YOGYAKARTA untuk memperoleh gelar Ahli Madya Komputer (A.Md).

1.6 Metodelogi Penelitian Metode yang akan digunakan dalam penelitian ini adalah:

1.6.1 Riset Lapangan 1. Survery / Pengamatan, yaitu pengumpulan data dan informasi yang

dilakukan dengan cara mengamati langsung ke objek dan juga menganalisa sistem yang biasa digunakan atau sedang berjalan.

2. Interview / Wawancara, yaitu pengumpulan data dengan cara melakukan tanya jawab dengan pihak-pihak terkait.

2

1.6.2 Studi Pustaka Data diperoleh melalui buku-buku literatur yang berhubungan dengan masalah yang akan diteliti sebagai bahan referensi bagi penulis. 1.7 Sistematika Penulisan

Gambaran secara garis besar mengenai hal-hal yang akan dibahas dalam laporan Tugas Akhir ini terdiri dari lima bab yaitu:

Bab I : Pendahuluan Berisi tentang latar belakang masalah, rumusan masalah, batasan masalah, tujuan penelitian, manfaat penelitian, metodelogi penelitian dan sistematika penulisan.

Bab ll : Dasar Teori Berisi tentang landasan teori yang menunjang pembuatan dan pengembangan web toko buku online di dalam penulisan tugas akhir ini antara lain mengenai Search Engine Optimization (SEO) itu sendiri, World Wide Web dan Web Database, Macromedia Dreamweaver CS6, serta sekilas tentang PHP dan MySQL.

Bab lll :Tinjauan Umum Dalam bab ini dibahas tentang Latar Belakang Toko Buku, Struktur Organisasi, Uraian Tugas dan Tanggung Jawab, Prosedur Sistem Berjalan, Diagram Alur Data (DAD) Sistem Berjalan, DFD (Diagram Data Flow), ERD (Entity Relationship Diagram), Relasi Antar Tabel, Analisa Masukan, Analisa Keluaran, Usulan Pemecahan Masalah.

Bab IV :Pembahasan Penjelasan Penerapan Teknik SEO, Integrasi Web dengan Database, Rancangan Menu dan Form Situs Web Toko Buku Sari Ilmu Promosi Situs Web Dengan Penerapan SEO.

Bab V : Penutup Bab ini berisi tentang kesimpulan dan saran-saran yang sebaiknya dilakukan oleh toko buku untuk menunjang keberhasilan sistem penjualan online

2. Dasar Teori 2.1 Sejarah Internet 2.1.1 Sejarah Perkembangan Internet Di Dunia

Konsep internet pertama kali digunakan untuk kepentingan militer oleh departemen pertahanan di Amerika Serikat sekitar tahun 1969 yang dikenal dengan proyek ARPHANET. Jaringan ini dikembangkan pada masa perang dingin dan digunakan untuk menghubungkan berbagai instalasi militer Amerika Serikat. Implementasi internet untuk kepentingan non-militer mulai di ekploitasi secara besar-besaran setelah laboratorium CERN yaitu Pusat Riset Nuklir di Genewa Swiss pada tahun 1959 yang diprakarsai oleh Bernes-Lee, seorang yang bekerja sebagai programmer komputer berkebangsaan Inggris menemukan sekumpulan protokol komunikasi yang memungkinkan pengaksesan dokumen dalam bentuk teks dengan aplikasi khusus yang disebut dengan Browser. Sistem ini mempermudah pertukaran informasi antar komputer dalam suatu jaringan, yang menjadi cikal bakal WWW (world wide web).

2.1.2 Sejarah Perkembangan Internet Di Indonesia Perkembangan internet di Indonesia secara pesat terjadi pada tahun 1995, pertama kalinya, internet masuk ke jaringan akademik dan pusat-pusat riset sehingga pada waktu itu hanya kalangan akademisi dan peneliti saja yang dapat memanfaatkan fasilitas internet.

3

2.2 Manfaat Internet 1. Manfaat Internet Bagi Organisasi 2. Manfaat Internet Bagi Konsumen 3. Manfaat Internet Bagi Masyarakat

2.3 Hubungan Internet Terhadap Pemasaran di Toko Buku Sari Ilmu

Hubungan internet dengan Toko Buku Sari Ilmu adalah internet sebagai media penunjang kegiatan toko. Tujuan perancangan website ini, yaitu sebagai media informasi, promosi dan pemasaran produk (dalam hal ini buku) Toko Buku Sari Ilmu.

2.4 World Wide Web (WWW)

Website atau WWW (World Wide Web) yaitu sebuah metode baru yang berjalan di dunia internet yang akhir-akhir ini berkembang dengan cepat. Dengan adanya media ini, seseorang dapat menciptakan puluhan bahkan ratusan aplikasi yang berjalan di bawah web (under web).

Dokumen-dokumen di WWW merupakan suatu dokumen yang disusun dengan format HTML (hyper text markup language), dan untuk mengakses atau menampilkan dokumen tersebut, pamakai internet harus menggunakan program aplikasi clientnya atau web browser. Saat ini, sudah banyak web browser yang beredar, diantaranya Google Chrome, Microsoft Internet Explorer, Opera, Mozilla dan lain-lain.

2.5 Sejarah E-Commerce

Penerapan E-Commerce bermula tahun 1970-an, dengan adanya inovasi semacam Electronic Fund Transfer (EFT). Lalu muncul Electronic Data Interchange (EDI), yang berkembang dari transaksi keuangan ke pemrosesan transaksi lain serta memperbesar jumlah perusahaan yang berperan serta, mulai dari lembaga keuangan hingga perusahaan manufaktur, ritel, layanan dan lain-lain. Dengan adanya komersialisasi internet di awal tahun 1990-an, serta pesatnya pertumbuhannya yang mencapai hingga jutaan pelanggan potensial, maka muncullah Electronic Commerce (E-Commerce). Satu alasan bagi pesatnya pertumbuhan teknologi tersebut adalah adanya perkembangan jaringan, protokol, perangkat lunak, spesifikasi, meningkatnya persaingan dan berbagai tekanan bisnis lainnya.

2.6 Alasan Beriklan di Internet

Adapun alasan beriklan di internet, yaitu: 1. Para penonton televisi mulai berpindah ke internet 2. Iklan dapat di update setiap waktu dengan biaya minimal

2.7 Software-Software Yang Digunakan

1. Adobe Photoshop CS3 2. Macromedia Dreamweaver CS6

2.8 Perangkat Lunak Web Programming

1. HTML (Hypertext Markup Language) 2. PHP (Hypertext Preprossesor)

2.9 Keunggulan PHP PHP merupakan sebuah pemrograman yang handal yang mempunyai banyak keunggulan, antara lain:

1. Cross platform 2. PHP banyak mendukung paket database baik yang komersil maupun yang

nonkomersil.

4

2.10 Lunak Web Browser 2.10.1 Google Chrome Google mengeluarkan browser terbaru yang diberi nama Google Chrome. Kenapa Google meluncurkan Google Chrome? Sebab mereka percaya, bahwa mereka dapat menambahkan nilai untuk para pemakai internet dan, pada waktu yang sama, mereka memberikan inovasi pada web browser. 2.11 Perangkat Lunak Web Server XAMPP 2.11.1 PENGERTIAN XAMPP XAMPP adalah perangkat lunak bebas, yang mendukung banyak system oprasi, merupakan kompilasi dari beberapa program.XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan menginstalasi dan mengkonfigurasikannya secara otomatis untuk anda atau auto konfigurasi. 2.11.2 Search Engine Optimitazion (SEO) Apakah yang dimaksud dengan Search Engine Optimization? Search Engine Optimization, disingkat SEO, adalah ilmu yang mempelajari bagaimana mendapatkan posisi teratas di dalam hasil pencarian. 3. Analisis dan Perancangan 3.1 Sejarah Toko Buku Sari Ilmu Toko Buku Sari Ilmu didirikan dengan tujuan untuk mencerdaskan bangsa dengan menjual buku-buku bermutu baik bagi para pelajar, mahasiswa, maupun masyarakat umum. Toko Buku Sari Ilmu merupakan hasil bagi waris, berdiri sejak tahun 1945 dan pemilik dari toko buku ini adalah Bpk. Yohanes Sugianto. Usaha ini mengalami kemajuan pesat. Dimulai dari menampung buku-buku bekas sampai menjadi sebuah toko buku yang terkenal di Yogyakarata dan bahkan di luar negeri. Sampai kini buku pelajaran dan alat tulis masih merupakan primadona. 3.2 Struktur Organisasi Toko Buku Sari Ilmu Yogyakarta Adapun struktur organisasi Toko Buku Sari Ilmu, yaitu:

Gambar 3.1. Struktur Organisasi Toko Buku Sari Ilmu

3.3 Visi dan Misi Toko Buku Sari Ilmu 3.3.1 Visi

Membantu mencerdaskan bangsa dengan menjual buku-buku bermutu.

3.3.2 Misi 1. Sari Ilmu menjadi pusat buku bermutu..

Karyawan

Bagian Staf Bagian Staf Bagian Staf

Direktur/Pemilik

5

2. Melakukan kerjasama dengan para penerbit untuk mendapatkan buku-buku yang dibutuhkan secara tepat dan cepat.

3.4 Strategi Penjualan Toko Buku Sari Ilmu Untuk menarik pelanggan, promosi dilakukan dengan berbagai cara, yaitu:

1. Dengan memasang spanduk, plakat/ poster, dan brosur di tempat-tempat strategis

2. Iklan melalui situs jejaring social Facebook 3. Memberi diskon

3.5 Alur Pemasaran/penjualan Toko Buku Sari Ilmu Berikut ini merupakan alur pemasaran/penjualan yang berlangsung di Toko Buku Sari Ilmu:

Gambar 3.2. Sistem Yang Sedang Berjalan

Tidak

Pelanggan meninggal-

kan toko

Pelanggan masuk toko

Pelanggan memilih buku

Pembelian buku

Pemesanan buku

start

finish

Buku terjual

Tidak

Ya

Ya

6

3.6 Jenis-Jenis Buku Yang Ditawarkan Toko Buku Sari Ilmu Toko Buku Sari Ilmu menyediakan berbagai jenis buku, yaitu:

1. Komputer 2. Teknik Sipil/Arsitek 3. Novel 4. Kesehatan/Kedokteran

3.7 Sistem Pemasaran/Penjualan yang Diusulkan 3.7.1 Diagram Alir Sistem Gambaran bagan alir system dari program Aplikasi Sistem website Penjualan Buku Toko Buku Sari Ilmu ini dapat dilihat pada gambar berikut:

APLIKASI WEBSITE PENJUALAN BUKU TOKO SARI ILMU

Gambar 3.20 Diagram Alir Program

3.7.2 Diagram Arus Data Diagram Arus Data (DAD) atau Data Flow Diagram (DFD) merupakan gerakan data melalui sebuah sistem, mulai dari masuk sampai ke tujuannya. Arus data (data flow)

Keterangan Laporan 1.Daftar seluruh penulis 2.Daftar Seluruh Penerbit 3.Daftar seluruh Kategori 4.Daftar seluruh buku koleksi 5. Daftar seluruh buku koleksi per penulis 6.Daftar seluruh buku koleksi per penerbit 7. Daftar seluruh buku koleksi per kategori 8. Daftar seluruh pelanggan 9. Daftar seluruh pemesanan 10.Laporan Detail Pesan 11. Laporan Detail Pesan per kd_buku 12. Daftar Konfirmasi Pembayaran 13. Daftar Konfirmasi Pembayaran per no pesan

1

Laporan

Penulis

Penulis

Rekam Data

2

Penernit

Rekam Data

Penerbit

Laporan

Kategori

Rekam Data

Kategori

Laporan

3 4

Buku_koleksi

Buku_koleksi

Rekam Data

Laporan

5

6

7

Pemesanan

Rekam Data

Pemesanan

Laporan

9

Laporan

Pelanggan

Rekam Data

Pelanggan

Pemesanan_detail

Pemesanan_detail

Rekam Data

Laporan

10

11

Konfirmasi

Rekam Data

Konfirmasi

Laporan

12

13

8

7

di DFD diberi simbol suatu anak panah. Arus data ini mengalir di antara proses (process), simpanan data (data store) dan kesatuan luar (external entity). (Analisis & Desain (pendekatan terstruktur teori dan praktek aplikasi bisnis) Jogiyanto.HM). DAD juga merupakan alat yang digunakan pada metodologi pengembangan sistem yang terstruktur (structured analysis and design). Pendekatan terstruktur ini mencoba untuk mengambarkan sistem pertama kali secara garis besar (disebut dengan top level) dan memecah-mecahnya menjadi bagian yang lebih rinci (disebut dengan lower level). Diagram DAD yang pertama kali digambarkan adalah yang level teratas (top level) dan diagram ini disebut dengan context diagram. Dari context diagram ini kemudian akan digambar dengan lebih rinci lagi yang disebut overview diagram (level 0). Tiap-tiap proses di overview diagram akan digambarkan secara lebih terinci lagi dan disebut dengan level 1. Tiap-tiap proses di level 1 akan digambarkan kembali dengan lebih terinci lagi dan disebut dengan level 2 dan seterusnya sampai tiap-tiap proses tidak dapat digambar lebih terinci lagi. 3.8 Rancangan Basis Data Pada Aplikasi Penjualan di Toko Buku Sari Ilmu Berbasis Web ini penulis membuat satu database yang bernama sari_ilmu yang terdiri atas beberapa berkas (tabel), yakni: Tabel Kategori, Tabel Penerbit, Tabel Penulis, Tabel Produk, Tabel Pembeli, Tabel Pesan, Tabel Detail_Pesan, Tabel Pembayaran. 3.8.1 Relasi Antar Tabel Relasi antar tabel harus terlebih dahulu dirancang untuk mendukung kelancaran pengolahan data elektronis supaya dapat berjalan dengan baik. Dengan relasi yang baik akan diperoleh gambaran umum jalannya sistem yang dipersiapkan. Relasi antar tabel ini merupakan alat bantu dalam menentukan langkah-langkah kerja yang akan oleh pemrograman dimulai dari proses perekaman data, pembentukan tabel sampai dengan pembentukan laporan-laporan sesuai dengan permasalahan yang ditangani. 3.9 Struktur Situs Web

Struktur situs web berfungsi untuk mengetahui relasi antar dokumen web yang akan dibuat. Dari struktur tersebut, dapat diketahui hubungan antar file sehingga memberikan kemudahan untuk menentukan alur link-link dalam web tersebut. Adapun tahap pembuatan struktur web ini adalah: Rancangan Masukan, Rancangan Masukan Data Kategori, Rancangan Masukan Data Penerbit, Rancangan Masukan Data Penulis, Rancangan Data Masukan Data Produk, Racangan Keranjang Belanja, Rancangan Masukan Data Konsumen, Rancangan Masukan Halaman Cekout.

3.9.1 Metode SEO (Search Engine Optimization) 1. SEO Title Tag 2. SEO Meta Description 3. SEO Meta Keywords

4. Pembahasan 4.1 Implementasi Pembuatan Situs Web Toko Buku Sari Ilmu Pada situs web Toko Buku Sari Ilmu, halaman-halaman webnya terhubung satu sama lain dengan menggunakan link. Halaman utama dan pertama dari situs ini disebut halaman index atau halaman utama atau home yang berisi informasi yang akan disampaikan oleh situs secara garis besar . 4.2 Halaman utama 1. Home Halaman ini merupakan halaman utama dan pertama dari situs web. Halaman utama situs web Toko Buku Sari Ilmu terdiri atas menu home, kategori, profil, buku tamu, kontak kami, dan beberapa menu tambahan, seperti keranjang belanja, menu pencarian,

8

statisk pengunjung tips dan trik terbaru, dan banner agar tampilan halaman web lebih menarik.

Gambar 4.1. Tampilan Halaman Home

<title>Toko Buku Sari Ilmu</title> <meta name="robots" content="index, follow"/> <meta name="description" content="sariilmu.com adalah toko buku sari ilmu berlokasi di Yogyakarta, Indonesia yang memiliki visi untuk mencerdaskan bangsa!Dapatkan diskon 15% untuk buku-buku lokal dan komik, diskon hingga 10% untuk buku impor,Bookstore with vision to support a good education in Indonesia!Get discount up to 15% all items, discount up to 10% import novel and comic."/> <meta name="keywords" content="Toko buku online murah, toko buku online, jual buku, toko buku, pesan buku bestseller, buku terlaris, jual buku, toko buku online indonesia"/> 2. Kategori Komputer 3.Kategori Novel Indonesia 4. Detail Buku 4.3 Uji Coba Sistem

1. White Box Testing 2. Black Box Testing

4.4 Testing SEO (Search Engine Optimization) Bentuk Index SEO (Search Engine Optimization)

Gambar 4.25. Bentuk Index SEO

9

3.5 Web Hosting dan DomainPenulis Menggunakan jasa dan layanan server hosting dan domain cikidot.com untuk mengolah dan menayangkan data yang berhubungan dengan website toko buku Sari Ilmu.

5. Kesimpulan dan Saran 5.1 Kesimpulan

Sebuah toko buku yang ingin bertahan dalam dunia persaingan bisnis, seharusnya mempertimbangkan penggunaan website sebagai salah satu media promosi, informasi dan pemasaran. Hal ini tidak dapat dipungkiri lagi, karena website seiring dengan perkembangan teknologi memberikan fasilitas yang semakin banyak yang tentunya sangat menguntungkan, seperti:

1. Website dapat diakses oleh siapa saja baik dalam maupun luar negeri. 2. Website juga menjanjikan sarana belanja online yang sering disebut e-

commerce, sehingga apapun produk yang ditawarkan dapat diketahui oleh masyarakat secara global, bukan hanya yang berada di daerah tempat toko buku itu berada.

3. Informasi bersifat Up to Date karena apapun informasi terbaru yang akan disampaikan dapat diubah dan ditambah pada situs website.

5.2 Saran

Sebagai penutup dari laporan tugas praktek ini, penulis berharap semoga karya kecil ini bermanfaat baik bagi penulis untuk batu loncatan agar lebih maju dan bagi Toko Buku Sari Ilmu dapat sebagai bahan pertimbangan untuk meningkatkan omset penjualan.

10

DAFTAR PUSTAKA

Adelheid, Andrea. 2012. Mengungkap Rahasia SEO. Yogyakarta: Penerbit ANDI. Data, Refsnes, 1999-2013, “Free HTML, CSS, JavaScript, jQuery, XML, ASP.NET, PHP, and SQL tutorials with lots of working examples and source code”, The World’s

Largest Web Development Site.http://www.w3schools.com/php/default.asp Komputer, Wahana. 2012. Desain Web 3 in 1 – Photoshop, Flash, Dreamweaver.

Yogyakarta: Penerbit ANDI. Lee, Christopher. 2012. 101 & Trik CSS Most Wanted. Yogyakarta: Penerbit ANDI. Madiun, Madcoms.2011. Adobe Dreamweaver CS3 dengan PHP & MySQL. Yogyakarta:

Penerbit ANDI. Moz, 2004, “The Beginners Guide To SEO”, SEOmoz, http://moz.com/ Presetio, Adhi. 2012. Buku Pintar Pembrograman Web. Jakarta: Mediakita. Riyanto. 2011. Sistem Informasi Penjualan Dengan PHP dan MySQL.

Yogyakarta: PENERBIT GAVA MEDIA.