Cara Membuat Sitemap HTML untuk Halaman Daftar Isi Blog Blogger

Baca Juga

Cara Membuat Sitemap HTML untuk Halaman Daftar Isi Blog Blogger. Sitemap atau peta situs di blog atau website ada dua, yaitu Sitemap HTML dan Sitemap XML.

Sitemap HTML adalah peta situs berupa daftar isi (table of content) yang biasa ditampilkan di halaman statis (static page). Peta situs ini bisa dibaca pengunjung dan mesin pencari.

Contoh Sitemap HTML: Daftar Isi, Sitemap.

Sitemap XML adalah peta situs berupa kode (sitemap.xml, sitemap_index.xml) yang berisi daftar postingan blog dan disubmit ke Google Search Console. Submit Sitemap XML ini agar blog mudah diindeks mesin telusur, khususnya Google.

Untuk submit sitemap xml ini bisa ikuti paduan Dasar SEO untuk Blog poin 6.

Menurut Google, peta situs atau sitemap adalah file yang digunakan untuk memberikan informasi tentang halaman, video, dan file lainnya di situs Anda, serta hubungan antara elemen-elemen tersebut. 

Mesin telusur seperti Google membaca file ini untuk meng-crawl situs Anda dengan lebih efisien. Peta situs memberi tahu Google tentang halaman dan file mana saja yang Anda anggap penting di situs Anda, serta memberikan informasi yang berguna tentang file tersebut. Misalnya, kapan terakhir kali halaman diperbarui dan apa versi bahasa lain halaman tersebut.

Anda dapat menggunakan peta situs untuk memberikan informasi tentang jenis konten tertentu di halaman, termasuk konten video, gambar, dan berita. 

Sitemap HTML Bagus buat SEO

Menurut para praktisi SEO seperti Semrush, sitemap atau peta situs HTML adalah file yang mencantumkan semua halaman penting situs web Anda yang ingin diindeks oleh mesin pencari seperti Google dan Bing.

Pengindeksan mengacu pada bagaimana mesin pencari mengumpulkan halaman arahan Anda dan menyimpannya di database mereka. Mesin pencari merujuk ke database ini untuk menanggapi permintaan mesin pencari pengguna.

Itu artinya, halaman daftar isi berisi sitemap HTML bagus buat SEO blog.

Cara Membuat Sitemap HTML

Berikut ini Cara Membuat Sitemap HTML, yakni membuat halaman statis bernama Sitemap atau Daftar Isi, dengan memasukkan kode daftar isi blog. Semua judul postingan akan muncul di sini, layaknya daftar isi buku atau majalah. 

1. Klik New Page (Halaman Baru)

2. Isi kolom Judul dengan Sitemap atau Daftar Isi
3. Klik mode HTML
4. Copas salah satu kode sitemap HTML di bawah ini. 

5. Langsung klik Publish (Publikasikan)

Kode Sitemap Simple

<script type="text/javascript">
var numposts = 100;
var standardstyling = true;
function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}}
posttitle = posttitle.link(posturl);
if (standardstyling) document.write('<li>');
document.write(posttitle);}
if (standardstyling) document.write('</li>');
}
</script>
<ul>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>

Kode Sitemap HTML Berdasarkan Tanggal Publikasi

Kodenya:

<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}

</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>

Itu dia Cara Membuat Sitemap HTML untuk Halaman Daftar Isi Blog Blogger. Ikuti panduan pemasangannya dengan benar saat membuat halaman statisnya.

Sumber