Cara Membuat Halaman Sitemap, Peta Situs, Daftar Isi Blog Blogger. Blogger atau narablog yang menerapkan SEO pastinya familiar dengan istilah “sitemap”. Pasalnya, sitemap ini terkait dengan Google saat kita mendaftarkan blog/web agar cepat terindeks.
Ada dua jenis sitemap, yaitu Sitemap XML dan Sitemap HTML. Sitemap XML itu untuk mesin telusur. Makanya sitemap xml ini disubmit ke Google Search Console.
Di halaman Google itu kita hanya perlu klik menu Sitemap (Peta Situs) dan menuliskan url blog ditambah /sitemap.xml dan/atau /atom.xml.
Sitemap HTML adalah peta situs berupa daftar isi yang bisa dibaca manusia (pengunjung). Karenanya, Sitemap HTML berupa daftar isi blog ini biasa disimpan di halaman statis, misalnya Sitemap.
Halaman sitemap ini diyakini memengaruhi penilaian Google saat blog kita didaftarkan ke AdSense. Banyak tips menyebutkan, pastikan blog Anda memiliki halaman statis About, Kontak, Disclaimer, dan Sitemap untuk meyakinkan AdSense bahwa blog kita “serius”.
Cara Membuat Halaman Sitemap
Cara membuat halaman Sitemap HTML atau halaman daftar isi (Table of Content) di WordPress bisa menggunakan Plugin Simple TOC. Bisa juga hanya dengan membuat halaman dengan nama Blog.
Di blog WP saya ini (romeltea.com), sitemap html atau daftar isi ada di halaman Indeks. Ini bawaan tema Bloggingpro WP Theme yang saya gunakan.
Bagaimana dengan blog di Blogger/Blogspot? Berikut ini Cara Membuat Halaman Sitemap di halaman statis blog Blogger.
1. Klik link Halaman (Pages)
2. Klik Halaman Baru (New Page) yang ada di bagian atas.
3. Isi judul halaman dengan Sitemap atau Daftar Isi.
4. Klik mode HTML (bukan Compose)
5. Simpan kode berikut ini di kolom isi:
<style>
#w-sitemap-wrapper {font-size:14px}
#w-sitemap-wrapper li {position:relative;padding:.385em 0 .385em 6.923em;border-top:none;border-bottom:1px solid #f6f6f6}
#w-sitemap-wrapper span {position:absolute;left:0;color:#bd8b56}
#w-sitemap-wrapper a {font-weight:500}
#w-sitemap-loading-msg {height:100px;line-height:100px;text-align:center;font-weight:500;letter-spacing:1px;font-size:18px;color:#bbbbbb}
#w-sitemap-wrapper li {list-style: none;}
#w-sitemap-wrapper ol {margin: 0;padding: 0;}
</style>
<script>
(function(c,m){var h=window;var l=document;var e=”w-sitemap-wrapper”;var g=”w-sitemap-loading-msg”;var b=h.location;var n=b.protocol;var f=b.hostname;var k=0;l.write(“<div id=’”+e+”‘><ol></ol><div id=’”+g+”‘>”+m+”</div></div>”);var a=l.getElementById(e);var d=l.getElementById(g);var j=l.getElementById(e).getElementsByTagName(“ol”)[0];function i(o){var p=l.createElement(“script”);p.src=n+”//”+f+”/feeds/posts/summary?alt=json-in-script&callback=wijs_get_sitemap&start-index=”+o+”&max-results=150″;a.appendChild(p)}h.wijs_get_sitemap=function(E){var A=E.feed.entry;var u=parseInt(E.feed.openSearch$totalResults.$t);var x=A.length;var w=””;for(var s=0;s<x;s++){var o=A[s];var C=o.title.$t;var p;var D=o.link;var y=D.length;for(var r=0;r<y;r++){if(D[r].rel===”alternate”){p=D[r].href;break}}var z=o.published.$t;var q=z.substring(0,4);var t=z.substring(5,7);var v=z.substring(8,10);var B=c.replace(“dd”,v).replace(“mm”,t).replace(“yyyy”,q);w+=”<li><span>”+B+”</span><a href=’”+p+”‘>”+C+”</a></li>”}j.innerHTML+=w;k+=x;if(k<u){i(k+1)}else{d.parentNode.removeChild(d)}};i(1)})(“dd/mm/yyyy”,”Loading……”);</script>
6. Langsung klik Publikasikan (Publish)
Jika lancar, maka halaman sitemap blog Anda sudah muncul dan memudahkan pengunjung mengeksplorasi konten blog Anda. Google juga akan “meliriknya” untuk kepentingan perambahan dan indexing.
Demikian cara membuat halaman Sitemap HTML di Blog Blogger.
