Cara Membuat Sitemap Blogspot Otomatis dan SEO Friendly (Lengkap)
Membuat sitemap Blogspot adalah salah satu langkah paling krusial dalam optimasi SEO yang sering diremehkan oleh blogger. Padahal, sitemap memiliki peran besar dalam membantu mesin pencari memahami struktur blog sekaligus memudahkan pengunjung menemukan seluruh artikel yang telah dipublikasikan.
Jika kamu sedang mencari cara membuat sitemap Blogspot otomatis, artikel ini adalah panduan paling lengkap yang bisa kamu ikuti. Tutorial ini akan membahas dari dasar hingga praktik, termasuk penggunaan kode sitemap HTML Blogspot yang ringan, rapi, dan update otomatis.
Apa Itu Sitemap Blogspot?
Sitemap Blogspot adalah halaman khusus yang berisi daftar seluruh artikel dalam blog. Halaman ini berfungsi sebagai peta situs yang menampilkan struktur konten blog secara keseluruhan.
Dalam praktik SEO, sitemap Blogspot dibagi menjadi dua jenis utama, yaitu sitemap XML dan sitemap HTML. Keduanya memiliki fungsi yang berbeda namun sama-sama penting.
Kenapa Sitemap Blogspot Sangat Penting untuk SEO?
Banyak blogger pemula yang fokus menulis artikel tanpa memperhatikan struktur blog. Padahal, tanpa sitemap, mesin pencari akan lebih sulit melakukan crawling dan indexing secara optimal.
Berikut beberapa alasan kenapa sitemap Blogspot sangat penting:
- Membantu Google menemukan artikel lama dan baru
- Mempercepat proses indexing postingan Blogspot
- Membuat struktur blog lebih rapi dan profesional
- Meningkatkan pengalaman pengguna (user experience)
- Mengurangi bounce rate karena navigasi lebih jelas
Jenis Sitemap di Blogspot
1. Sitemap XML Blogspot
Sitemap XML Blogspot biasanya digunakan untuk mesin pencari seperti Google. Sitemap ini dikirim melalui Google Search Console dan tidak ditujukan untuk pengunjung.
Contoh sitemap XML Blogspot biasanya berakhiran /sitemap.xml.
2. Sitemap HTML Blogspot
Sitemap HTML Blogspot adalah halaman sitemap yang bisa diakses langsung oleh pengunjung. Sitemap ini menampilkan daftar artikel dalam bentuk link yang dapat diklik.
Pada tutorial ini, kita akan fokus membuat sitemap HTML Blogspot otomatis.
Keunggulan Sitemap HTML Blogspot Otomatis
Sitemap yang akan kita gunakan memiliki banyak keunggulan dibandingkan sitemap manual, di antaranya:
- Menampilkan judul artikel saja (lebih ringan)
- Diurutkan berdasarkan abjad (A–Z)
- Update otomatis saat ada artikel baru
- Tidak perlu edit manual
- Cocok untuk blog dengan ratusan artikel
Siapa yang Wajib Menggunakan Sitemap Ini?
Sitemap Blogspot ini sangat direkomendasikan untuk:
- Blogger pemula yang ingin blog cepat terindeks
- Pemilik blog dengan banyak artikel
- Blog niche tutorial, berita, dan edukasi
- Blog yang ingin terlihat profesional
Cara Membuat Sitemap Blogspot Otomatis
1. Masuk ke Dashboard Blogger
Langkah pertama, silakan login ke akun Blogger kamu, lalu masuk ke dashboard blog yang ingin dipasangi sitemap.
2. Buat Halaman Sitemap Baru
Ikuti langkah berikut:
- Klik menu Halaman (Pages)
- Pilih Halaman Baru
- Ubah editor ke Tampilan HTML
Pastikan kamu tidak menggunakan mode Compose karena kode JavaScript tidak akan berjalan dengan baik.
3. Masukkan Kode Sitemap Blogspot
Salin dan tempel kode sitemap Blogspot berikut ke halaman tersebut:
<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;
for(var r=0;r<D.length;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>
Catatan: Kode berikut digunakan untuk membuat sitemap otomatis di Blogspot. Jangan ditempel di mode Compose/tampilan menulis.
4. Publikasikan Halaman Sitemap
Setelah kode sitemap berhasil ditempel:
- Klik tombol Publikasikan
- Beri judul halaman Sitemap atau Daftar Artikel
- Pastikan halaman dapat diakses publik
Baca juga: Cara menghubungkan Domain ke Blogspot
Tips SEO Agar Sitemap Blogspot Maksimal
Tambahkan Link Sitemap ke Menu
Letakkan link sitemap di menu utama atau footer agar mudah ditemukan pengunjung.
Gunakan Anchor Text yang Tepat
Gunakan anchor text seperti sitemap blogspot, daftar artikel, atau peta situs.
Pastikan Sitemap Tidak di Noindex
Halaman sitemap harus bisa diindeks agar membantu struktur internal linking blog.
Kesalahan Umum Saat Membuat Sitemap Blogspot
- Memasang kode di mode Compose
- Menghapus script JavaScript
- Menggunakan terlalu banyak CSS berat
- Tidak menautkan sitemap ke menu blog
Kesimpulan
Membuat sitemap Blogspot otomatis adalah langkah wajib bagi siapa pun yang ingin serius mengembangkan blog. Dengan sitemap HTML Blogspot ini, blog kamu akan lebih rapi, mudah dinavigasi, dan lebih ramah SEO.
Jika tujuan kamu adalah meningkatkan performa SEO Blogspot, mempercepat indexing, dan meningkatkan pengalaman pengunjung, maka sitemap Blogspot seperti ini wajib dipasang.
