Hak cipta dan penggunaan kembali:
Lisensi ini mengizinkan setiap orang untuk menggubah, memperbaiki, dan membuat ciptaan turunan bukan untuk kepentingan komersial, selama anda mencantumkan nama penulis dan melisensikan ciptaan turunan dengan syarat yang serupa dengan ciptaan asli.
Copyright and reuse:
This license lets you remix, tweak, and build upon work
non-commercially, as long as you credit the origin creator
and license it on your new creations under the identical
terms.
IMPLEMENTASI SEARCH ENGINE OPTIMIZATION PADA PORTAL BERITA DENGAN TEKNIK
STRUCTURED DATA MARKUP DAN FORMAT MICRODATA
SKRIPSI
Diajukan sebagai salah satu syarat untuk memperoleh gelar Sarjana Komputer (S. Kom.)
Teddy Aryono 1110110004
PROGRAM STUDI TEKNIK INFORMATIKA
HALAMAN PENGESAHAN SKRIPSI
IMPLEMENTASI SEARCH ENGINE OPTIMIZATION (SEO) PADA PORTAL BERITA DENGAN TEKNIK
STRUCTURED DATA MARKUP DAN FORMAT MICRODATA
Oleh
Nama : Teddy Aryono
Nim : 11110110004
Program Studi : Teknik Informatika
Fakultas : Teknologi Informasi dan Komunikasi
Skripsi ini telah diujikan pada 12 Juni 2015 dan dinyatakan lulus dengan susunan penguji sebagai berikut.
Ketua Sidang
Maria Irmina P., S. Kom., M.T.
Dosen Penguji
Dennis Gunawan, S. Kom., M. Sc.
Dosen Pembimbing
Seng Hansun, S. Si., M. Cs.
Mengetahui,
Ketua Program Studi Teknik Informatika
Maria Irmina P., S. Kom., M. T.
PERNYATAAN TIDAK MELAKUKAN PLAGIAT
Dengan ini, saya
Nama : Teddy Aryono
NIM : 11110110004
Fakultas : Teknologi Informasi dan Komunikasi Program Studi : Teknik Informatika
menyatakan bahwa skripsi yang berjudul “Implementasi Search Engine Optimization (SEO) pada Portal Berita dengan Teknik Structured Data Markup dan Format Microdata” ini adalah karya ilmiah saya sendiri, bukan plagiat dari karya ilmiah yang ditulis oleh orang atau lembaga lain, dan semua karya ilmiah orang lain atau lembaga lain yang dirujuk dalam skripsi ini telah disebutkan sumbernya serta dicantumkan di Daftar Pustaka.
Jika di kemudian hari terbukti ditemukan kecurangan/penyimpangan, baik dalam pelaksanaan skripsi maupun dalam penulisan laporan skripsi, saya bersedia menerima konsekuensi dinyatakan TIDAK LULUS untuk mata kuliah Skripsi yang telah saya tempuh.
Tangerang, 29 Mei 2015
Teddy Aryono
IMPLEMENTASI SEARCH ENGINE OPTIMIZATION (SEO) PADA PORTAL BERITA DENGAN TEKNIK
STRUCTURED DATA MARKUP DAN FORMAT MICRODATA
ABSTRAK
Berkembangnya teknologi internet membuat permintaan akan informasi di internet meningkat. Peningkatan tersebut harus diikuti implementasi Search Engine Optimization (SEO) yang baik agar situs yang mengandung informasi yang baik bisa mendapatkan peringkat yang baik pula pada hasil pencarian oleh mesin pencari. Penelitian ini membahas tentang implementasi metode structured data markup untuk melakukan Search Engine Optimization (SEO) pada suatu situs.
Tujuan penelitian ini adalah untuk menganalisis tingkat efektivitas metode structured data markup dalam meningkatkan pageview suatu situs. Pengujian pada penelitian dilakukan dengan membangun dua buah situs portal berita yang identik dan mengimplementasikan metode structured data markup pada salah satu situs tersebut. Pengukuran keberhasilan dilakukan dengan menggunakan Google Analytics selama 31 hari berturut-turut dengan pageview sebagai parameternya.
Hasil penelitian menunjukkan bahwa situs yang menerapkan metode ini memiliki pageview 5,7% lebih banyak dibanding situs yang tidak menerapkan metode ini.
Pada hari ke-31, situs guratpena yang mengimplementasikan structured data markup, memiliki 871 pageviews, sedangkan situs suaralensa yang tidak mengimplementasikan metode tersebut memiliki 822 pageviews.
Kata Kunci: Microdata, pageview, Search Engine Optimization (SEO), structured data markup.
IMPLEMENTATION OF SEARCH ENGINE OPTIMIZATION (SEO) ON NEWS PORTAL WITH STRUCTURED DATA MARKUP
TECHNIQUE AND MICRODATA FORMAT
ABSTRACT
Revolution of technology makes information demand through internet increases. The increasing has to be followed by implementing well Search Engine Optimization (SEO), so that sites that contain good information could get high rank in search result by the search engines. This thesis describes implementation of structured data markup method to implement a Search Engine Optimization (SEO) in a website. The objective of the research is to analyze the effectiveness of structured data markup method to increase pageview of a website. Research testing is done by building two identical news portal sites and implementing structured data markup on one of these sites. Benchmarking of success is done by using Google Analytics for 31 consecutive days with the pageview as parameters. The results show that the sites that implement this method has pageviews 5.7% more than the sites that does not implement this method. On the 31th day, guratpena website that implementing structured data markup has 871 pageviews, while suaralensa website that does not implement the method only has 822 pageviews.
Keywords: microdata, pageview, Search Engine Optimization (SEO), structured data markup.
KATA PENGANTAR
Empat tahun tak terasa telah dilalui dan halaman demi halaman terangkai hingga menjadi sebuah skripsi. Puji dan syukur penulis panjatkan ke hadirat Tuhan Yang Maha Esa atas berkat rahmat serta kasih-Nya sehingga penulis dapat menyelesaikan skripsi ini dengan judul “Implementasi Search Engine Optimization (SEO) pada Portal Berita dengan Teknik Structured Data Markup dan Format Microdata”. Skripsi ini merupakan salah satu syarat kelulusan untuk memperoleh gelar sarjana komputer dari Universitas Multimedia Nusantara.
Skripsi ini bukanlah akhir dari sebuah perjalanan penulis, namun menjadi awal untuk memasuki dunia yang baru. Sedih dan senang menjadi satu telah dilewati penulis dalam menjalani masa perkuliahan. Sudah saatnya penulis berpisah.
Pada kesempatan ini, diucapkan terima kasih kepada pihak-pihak yang telah membantu penulis untuk menyelesaikan skripsi ini, secara langsung maupun tidak langsung dalam berbagai bentuk: kesabaran, bimbingan, motivasi, arahan, waktu, tenaga dan pikiran. Mereka adalah
1. Bapak Seng Hansun, selaku pembimbing akademik penulis dalam penulisan skripsi ini. Beliau banyak memberikan masukan dan saran yang membangun selama skripsi ini ditulis.
2. Ibu Maria Irmina, selaku Kepala Program Studi Teknik Informatika UMN.
3. Bapak Andreas Yulius Nugraha yang telah memberikan inspirasi dan ide bagi penulis untuk memilih topik penelitian ini.
4. Bapak dan Ibu dosen UMN yang telah memberikan bekal ilmu pengetahuan sehingga penulis dapat menyelesaikan studi dan penulisan skripsi ini.
5. Alvian Dimas dan seluruh kru inigame.com yang telah menyediakan data untuk portal berita yang dibangun oleh penulis.
6. Seluruh keluarga penulis, terutama kedua orang tua penulis yang telah memberikan dukungan yang luar biasa bagi penulis.
7. Teman-teman perkuliahan penulis yang telah banyak menghabiskan waktu bersama-sama untuk mengerjakan tugas-tugas perkuliahan.
Pada akhirnya, penulis berharap skripsi ini dapat bermanfaat tidak hanya bagi penulis sendiri, namun juga bagi siapapun yang membacanya, termasuk bagi dunia pendidikan di Indonesia.
Tangerang, 29 Mei 2015
Teddy Aryono
DAFTAR ISI
HALAMAN PENGESAHAN SKRIPSI ... ii
PERNYATAAN TIDAK MELAKUKAN PLAGIAT ... iii
ABSTRAK ... iv
ABSTRACT ... v
KATA PENGANTAR ... vi
DAFTAR ISI ... viii
DAFTAR GAMBAR ... ix
DAFTAR TABEL ... xi
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang Masalah ... 1
1.2 Rumusan Masalah ... 3
1.3 Tujuan Penelitian ... 3
1.4 Manfaat Penelitian ... 3
1.5 Batasan Penelitian ... 4
1.6 Sistematika Penelitian ... 4
BAB II LANDASAN TEORI ... 6
2.1 Search Engine Optimization (SEO) ... 6
2.2 HTML5 ... 7
2.3 Structured Data Markup dan Format Microdata ... 8
2.4. Pageview ... 10
BAB III METODE DAN PERANCANGAN APLIKASI ... 12
3.1 Metode Penelitian... 12
3.2 Rancangan Aplikasi ... 13
3.2.1 Pemilihan Skema untuk Structured Data Markup ... 15
3.2.2 Struktur Basis Data Aplikasi ... 17
3.2.3 Alur Aplikasi ... 21
3.3 Rancangan Tampilan Antarmuka Aplikasi ... 32
BAB IV IMPLEMENTASI DAN HASIL PENELITIAN ... 44
4.1 Spesifikasi Sistem ... 44
4.1.1 Spesifikasi untuk Mengembangkan Sistem ... 44
4.1.2 Spesifikasi untuk Menguji Sistem dan Mengumpulkan Data ... 44
4.2 Tampilan Antarmuka Aplikasi ... 45
4.3 Pengumpulan dan Analisis Sampel Data ... 57
BAB V SIMPULAN DAN SARAN ... 62
5.1 Simpulan ... 62
5.2 Saran ... 62
DAFTAR PUSTAKA ... 64 Lampiran 1 – Formulir Konsultasi Skripsi
DAFTAR GAMBAR
Gambar 2.1 Contoh Implementasi Microdata pada HTML5 ... 9
Gambar 3.1 Cara Kerja Generator Structured Data Markup ... 14
Gambar 3.2 Skema yang Digunakan pada Portal Berita ... 15
Gambar 3.3 Markup HTML5 dengan Structured Data Markup ... 16
Gambar 3.4 Keluaran Structured Data Markup Setelah Divalidasi ... 17
Gambar 3.5 Entity Relationship Diagram pada Portal Berita Guratpena ... 18
Gambar 3.6 Context Diagram Portal Berita... 22
Gambar 3.7 Level 1 Data Flow Diagram Portal Berita ... Error! Bookmark not defined. Gambar 3.8 Level 2 DFD Proses Manajemen Berita (Proses 1) ... 29
Gambar 3.9 Level 2 DFD Proses Manajemen Penulis (Proses 2) ... 30
Gambar 3.10 Level 2 DFD Proses Manajemen Kategori (Proses 3) ... 31
Gambar 3.11 Level 2 DFD Proses Manajemen Editor (Proses 4) ... 32
Gambar 3.12 Rancangan Layar Beranda pada Pengunjung ... 33
Gambar 3.13 Rancangan Layar Detail Berita pada Pengunjung ... 35
Gambar 3.14 Rancangan Layar Login pada Admin ... 35
Gambar 3.15 Rancangan Layar Beranda pada Admin ... 36
Gambar 3.16 Rancangan Layar Penulis pada Admin ... 37
Gambar 3.17 Rancangan Layar Lihat Berita Berdasarkan Penulis, Editor dan Kategori pada Admin ... 38
Gambar 3.18 Rancangan Layar Tambah Penulis dan Editor pada Admin ... 39
Gambar 3.19 Rancangan Layar Tambah Kategori pada Admin ... 39
Gambar 3.20 Rancangan Layar Berita pada Admin ... 40
Gambar 3.21 Rancangan Layar Lihat Detail Berita pada Admin ... 41
Gambar 3.22 Rancangan Layar Tambah Berita pada Admin (Bagian 1) ... 41
Gambar 3.23 Rancangan Layar Tambah Berita pada Admin (Bagian 2) ... 42
Gambar 3.24 Rancangan Layar Profil pada Admin ... 43
Gambar 3.25 Rancangan Layar Ubah Sandi pada Admin ... 43
Gambar 4.1 Halaman Beranda untuk Pengunjung ... 46
Gambar 4.2 Halaman Detail Berita untuk Pengunjung ... 47
Gambar 4.3 Halaman Login untuk Admin ... 47
Gambar 4.4 Halaman Beranda untuk Admin ... 48
Gambar 4.5 Halaman Manajemen Penulis untuk Admin ... 48
Gambar 4.6 Halaman Lihat Penulis untuk Admin ... 49
Gambar 4.7 Halaman Ubah Penulis untuk Admin ... 49
Gambar 4.8 Popup Tambah Penulis untuk Admin ... 50
Gambar 4.15 Halaman Ubah Kategori untuk Admin ... 53
Gambar 4.16 Halaman Tambah Kategori untuk Admin ... 54
Gambar 4.17 Halaman Manajemen Berita untuk Admin ... 54
Gambar 4.18 Halaman Lihat Berita untuk Admin ... 55
Gambar 4.19 Halaman Ubah Berita untuk Admin ... 55
Gambar 4.20 Halaman Tambah Editor untuk Admin ... 56
Gambar 4.21 Halaman Ubah Profil untuk Admin ... 57
Gambar 4.22 Halaman Ubah Kata Sandi untuk Admin ... 57
Gambar 4.23 Grafik Pageviews Guratpena vs Suaralensa ... 60
Gambar 4.24 Cetak Layar Google Analytics Situs Guratpena ... 60
Gambar 4.25 Cetak Layar Google Analytics Situs Suaralensa ... 61
DAFTAR TABEL
Tabel 3.1 Struktur Tabel Kategori... 19
Tabel 3.2 Struktur Tabel Penulis ... 19
Tabel 3.3 Struktur Tabel Editor... 19
Tabel 3.4 Struktur Tabel Berita ... 20
Tabel 3.5 Struktur Tabel Admin ... 21
Tabel 4.1 Pageviews Situs Guratpena vs Suaralensa ... 58