Sitemap atau Peta Situs dibagi menjadi 2 jenis, yang pertama adalah sitemap xml yang diperuntukkan untuk mesin pencari agar setiap postingan dapat terindeks dengan baik.
Dan yang kedua adalah sitemap html, agar setiap postingan yang terdapat pada blog kamu dapat ditemukan dengan mudah oleh para pengunjung blog.
Maka berikut adalah langkah-langkah membuat sitemap html untuk blog kamu.
- Masuk ke akun blog kamu.
- Kemudian buat halaman baru.
- Pada kolom menulis, ubah ke tampilan html.
- Lalu copy paste script di bawah ini.
<style>
#w-sitemap-wrapper {font-size:15px}
#w-sitemap-wrapper li {position:relative;padding:.385em 0 .385em 6.923em;border-top:none;border-bottom:1px solid #bbbbbb}
#w-sitemap-wrapper span {position:absolute;left:0;color:#bbbbbb}
#w-sitemap-wrapper a {font-weight:bold}
#w-sitemap-loading-msg {height:100px;line-height:100px;text-align:center;font-weight:bold;letter-spacing:1px;font-size:22px;color:#bbbbbb}
</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>
- Beri nama halaman di kolom entri dengan site map/peta situs, atau di kosongkanpun boleh.
- Lalu publikasikan atau pratinjau terlebih dahulu.
Itulah cara membuat sitemap html yang ramah SEO untuk blog kamu.
Dan dapat kamu modifikasi juga sesuai tema dan kebutuhan blog kamu.