September 1, 2021

Cara Membuat Sitemap HTML untuk Halaman Daftar Isi Blog Blogger

By Romeltea | Published: September 1, 2021

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.


Cara Membuat Sitemap HTML untuk Halaman Daftar Isi Blog Blogger

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

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.


Previous
« Prev Post
Author Image

Romeltea
Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Praktisi Media, Blogger, Trainer Komunikasi from Bandung, Indonesia. Follow me: facebook twitter instagram linkedin youtube

Recommended Posts

Related Posts

Show comments
Hide comments

24 comments on Cara Membuat Sitemap HTML untuk Halaman Daftar Isi Blog Blogger

  1. selamat pagi Pak! terima kasih tutorialnya sangat bermanaat, auto saya aplikasikan.

    ReplyDelete
    Replies
    1. Pagi... (meski saya jawabnya malam nih). Semoga demikian, good luck!

      Delete
  2. Alhamdulillah sudah saya coba dan berhasil. Terima kasih Kak atas tutorial nya. Semoga sukses blogging nya.

    ReplyDelete
    Replies
    1. Sama-sama, Amin YRA...

      Delete
    2. Terimakasih mas ilmu nya semoga berkah

      Delete
  3. terima kasih suhu, alhamdulillah akhirnya bisa digunakan. semoga sukses slalu

    ReplyDelete
  4. hallo mas kenapa saya nggak bisa ya

    ReplyDelete
  5. sampun mas matur thank you

    ReplyDelete
  6. Terima kasih min,Sangat membantu. Ijin pasang kode nya . thanks.. Sukses buat blog nya😀

    ReplyDelete
  7. Terima kasih kak , ijin dan sudah d pasang kodenya, sudah berhasil. Sukses selalu.

    ReplyDelete
  8. Halo mas. Ijin bertanya. apakah halaman sitemap ini juga di submit ke GSC mas ?
    misal url halaman sitemap saya domain .com/p/ sitemap.html. Nah apa url itu juga perlu disubmit atau hanya yang sitemap.xml aja?
    maklum mas blogger baru masih belajar hehehe

    ReplyDelete
    Replies
    1. Cukup sitemap.xml saja yang disubmit ke Google karena sudah meringkas semua postingan.

      Delete
    2. wah ini yang mau saya tanyakan juga, terimakasih untuk jawabannya mas admin. semoga makin sukses

      Delete
  9. Kalau Domain xyz kok sekarang gak bisa submit sitemap ya gan

    ReplyDelete
  10. sangat membantu terima kasih

    ReplyDelete
  11. Ini nih yg saya cari, makasih kak sharenya

    ReplyDelete
  12. assalamualaikum kang.. kode2 dari akang saya terapkan di blog saya tak berhasil. beberapa kode dari tempat lain juga tak berhasil. kira2 apa yang kang penyebabnya? itu terjadi di salah satu blog saya, sedangkan di blog satunya berhasil.
    oiya, terimakasih template gratis akang saya pake di www.doangopi.my.id. jazakallah khairan katsira.

    ReplyDelete

Contact Form

Name

Email *

Message *