Cara Membuat Sitemap - Daftar Isi Blog Berdasarkan Tanggal

Sitemap adalah peta situs yang menunjukkan konten atau isi blog/website. Nama yang lebih tepat adalah "daftar isi" (table of content/toc).

Cara Membuat Sitemap - Daftar Isi Blog Berdasarkan Tanggal

Sitemap berupa daftar isi ini disebut Sitemap HTML. Sedangkan sitemap yang disubmit atau didaftarkan ke Google Search Console disebut Sitemap XML dan hanya bisa dipahami atau dibaca oleh mesin pencari karena berupa kode.

Berikut ini cara membuat Sitemap HTML berupa daftar isi blog. Halaman statis berisi daftar postingan ini bagus buat SEO.

Cara Membuat Sitemap - Daftar Isi Blog Berdasarkan Tanggal 

Banyak desain sitemap blog. Salah satunya berdasarkan tanggal publikasi. Lihat Demo.
Copas kode berikut ini:

1. Klik Halaman (Pages)
2. Klik Halaman Baru (New Page)
3. Isi judul halaman dengan Sitemap
4. Klik Mode HTML
5. Copas kode berikut ini:

<style>
#w-sitemap-wrapper {font-size:13px}
#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:bold}
#w-sitemap-loading-msg {height:100px;line-height:100px;text-align:center;font-weight:bold;letter-spacing:1px;font-size:18px;color:#bbbbbb}
#w-sitemap-wrapper ol, #w-sitemap-wrapper ul {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>

5. Langsung Publikasikan! (Jangan klik Mode Compose)

Jika gagal (tidak muncul), ulangi!

Cara Menampilkan Sitemap di Menu

Halaman Sitmap biasanya ditampilkan di navigasi menu, baik menu atas (header menu) maupun menu bawah (footer menu), berdampingan dengan halaman About, Kontak, dan Disclaimer.

Link atau URL halaman sitemap yang sudah dibuat di atas adalah

/p/sitemap.html

Copas link tersebut di navigasi menu. Misalnya:

<li><a href='/p/sitemap.html'>Sitemap</a></li>

Demikian Cara Membuat Sitemap - Daftar Isi Blog Berdasarkan Tanggal  dan menampilkannya di menu.*

4 Comments

Previous Post Next Post