Cara Membuat Sitemap Otomatis dan Keren

Optimasi blog dilakukan melalui berbagai macam cara, salah satunya adalah dengan membuat sitemap atau daftar isi, dimana daftar isi merupakan salah satu metode optimasi yang bersifat on-page.

Fungsi sitemap adalah untuk memudahkan pengunjung menelusuri keseluruhan konten yang ada dalam blog Anda secara muda. Selain itu, sitemap juga akan terbaca oleh spider search engine sehingga peluang untuk mendapatkan pengunjung yang lebih banyak akan semakin terbuka.

Berikut ini adalah cara membuat sitemap untuk blog Blogger/Blogspot menggunakan kode Javascript.

Berikut cara membuat sitemap / daftar isi otomatis di Blogger :

1. Masuk ke akun blogger

2. Pilih menu 'Laman'

3. Buat laman baru (Klik tombol 'Laman baru' > 'Laman kosong')

4. Pilih mode 'HTML'

5. Beri judul Daftar Isi atau Sitemap (judul terserah anda)

6. Masukkan kode berikut

<div dir="ltr" style="text-align: left;" trbidi="on">

<style type="text/css">

#dafis-acc{ font-family:"Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAWJugl3I/AAAAAAAAEBg/bY_3UzrECSg/d/bg5.gif) repeat-y scroll left center #E7F7FB; padding:2px 0; border:1px solid #339DC6; } .dafis-label{ background:url(http://lh6.ggpht.com/_xcD4JK_dIjU/S-KAVk09KSI/AAAAAAAAEBc/Tqfaca2nwmo/d/bg4.gif) repeat-x scroll 0 0 #E1F4FB; font-weight:bold; line-height:1.4em; overflow:hidden; white-space:nowrap; vertical-align: baseline; margin: 1px 3px; outline: none; cursor: pointer; text-decoration: none; padding: 2px 10px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.3); border:1px solid #2F94BA; } .dafis-label:hover{ background:url(http://lh3.ggpht.com/_xcD4JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_8N7qak/d/bg2.gif) repeat-x scroll 0 0 #E1F4FB; color:#003366; } .dafis-daf ol{ margin:0 0 0 30px !important; padding:0 !important; } .dafis-daf ol li{ background-color:#C9E9F4; line-height:1.5em; margin:1px 3px !important; white-space:nowrap; text-align:left; border:1px solid #339DC6; } .dafis-daf ol li a{ text-decoration: none !important; color:#333 !important; display:block; padding-left:10px; } .dafis-daf ol li a:hover{ background: #7BC4DF; border-left: 5px #333 solid; padding-left: 5px; text-shadow: 0 1px 1px rgba(0,0,0,.3); }

</style>

<script src="https://farhanshare-blogspot-com.googlecode.com/files/sitemap%20%281%29.js" type="text/javascript"></script><script src="http://ALAMAT_ANDA.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

</div> 

7. Ganti kode http://ALAMAT_ANDA.blogspot.com di atas dengan alamat blog anda
8. Publikasikan.

Contoh Tampilan Sitemap:

Paste kode Javascript yang sudah Anda copy tadi kedalam kolom editor. Ingat, Anda harus memilih mode HTML (bukan Compose). Silakan preview terlebih dulu untuk memastikan sitemap tersebut sudah terlihat secara sempurna. Dan jika sudah tidak ada lagi yang perlu dirubah, silakan klik tombol Publish/Terbitkan.

Semoga artikel diatas bisa bermanfaat bagi kalian semua.