Cara Membuat Sitemap di Blogger – Pada artikel kali ini kita akan membahas mengenai bagaimana cara membuat sitemap di blogger. Mulai dari cara membuat sitemap xml dan html di blogger, dan sekaligus cara mendaftarkan sitemap ke Google Search Console.
Dalam hal optimasi blog, terutama blogger, sitemap merupakan salah satu teknik SEO yang wajib untuk kalian pelajari. Sebab dengan kalian membuat halaman sitemap, pengunjung dan bot mesin pencari google bisa melihat struktur blog kalian secara lebih baik.
Baca Juga: Cara Mengganti Font di Template VioMagz [Terbaru 2025]
Sitemap juga dapat memberikan pengalaman yang lebih baik bagi setiap pengunjung, serta memberikan informasi yang akurat bagi mesin pencari google untuk melakukan crawling.
Nah, di artikel ini, kami akan mencoba menjelaskan semua hal yang perlu kalian ketahui tentang apa itu sitemap blogger, manfaat, serta perbedaan antara sitemap XML dan HTML, dan cara submit sitemap ke google search console hingga bagaimana cara membuat sitemap di blogger.
Baca Juga: Cara Mendapatkan Uang dari Blog untuk Pemula Terbaru 2025
Sebelum kita memulai pembahasan kita seputar cara membuat sitemap di blogger, ada baiknya jika kita memahami terlebih dahulu mengenai pengertian sitemap serta perbedaan sitemap html dan sitemap xml. Selamat membaca!
Daftar Isi
Apa itu Sitemap Blogger?
blogger sitemap atau sitemap blogger adalah sebuah daftar konten blog yang dapat memudahkan pengunjung untuk memilih setiap artikel berdasarkan kategori.
Oleh karenanya sitemap penting bagi sebuah blog untuk memudahkan pengunjung ketika sedang menjelajahi blog kalian.
Lebih simpel nya sitemap atau yang sering dikenal juga dengan peta situs merupakan sebuah kumpulan informasi yang ada pada sebuah situs blog yang berisi semua kumpulan URL yang ada di blog kalian, sitemap berfungsi sebagai peta bagi sebuah mesin pencari untuk melakukan indeks URL baru dari sebuah blog yang sedang kita kelola.
Perbedaan Sitemap XML dan Sitemap HTML
Dalam suatu blog, selalu ada dua sisi yang berbeda. Sisi yang pertama adalah sisi yang ditampilkan secara visual sehingga bisa dilihat oleh semua orang, sedangkan sisi yang kedua adalah sisi yang berada di balik layar sehingga tidak bisa dilihat oleh semua orang.
Tanpa kita sadari, kedua jenis sitemap ini sama sama memegang peranan penting di dalam satu blog, tapi para pengguna blogger banyak yang tidak tahu apa perbedaannya. Padahal jika mau kita bahas secara rinci, maka akan sangat jelas perbedaan antara sitemap xml dan sitemap html. Lalu apa perbedaan antara kedua sitemap ini? Yuk kita bahas.
Pengertian Sitemap XML
XML Sitemap atau sitemap XML adalah kumpulan file yang dimiliki oleh setiap blog yang sangat berguna bagi mesin pencari Google untuk mengetahui apa saja konten yang ada di blog kita beserta halaman yang ada di dalamnya.
Dengan Sitemap XML, maka akan memudahkan mesin pencari Google untuk memahami seluruh konten di dalam blog kita hingga bisa disimpan di dalam pusat data. Inilah yang kemudian membuat mesin pencari Google bisa menampilkan seluruh konten dan halaman pada setiap blog kita ketika dicari oleh orang orang di internet. Inilah alasan kuat kenapa keberadaan Sitemap XML begitu penting.
Selain itu, Sitemap XML ini bersifat non visual atau berada dibalik layar, oleh karenanya mengapa sitemap XML ini tidak bisa di akses oleh semua orang.
Pengertian Sitemap HTML
Sitemap HTML adalah sebuah halaman khusus yang memuat semua dari daftar judul artikel dan link aktif yang bisa di klik oleh semua orang. Fungsi dari Sitemap HTML ini pun cukup memudahkan para pengunjung untuk mendapatkan informasi, atau halaman yang memang dibutuhkan untuk menelusuri apa saja yang sudah kalian publish ke publik. Bisa dibilang bahwa sitemap HTML ini merupakan kebalikan dari Sitemap XML.
Jadi bisa ditarik kesimpulan bahwa Sitemap HTML memang sengaja dibuat untuk pengunjung yang ingin memberikan kemudahan saat mereka membuka blog kita. Sementara Sitemap XML memudahkan bot mesin pencari untuk kemudian menampilkan artikel ini kepada para pengujung.
Cara Membuat Sitemap di Blogger Terbaru 2025
Berikut kami sudah merangkum panduan lengkap mengenai cara membuat sitemap di blogger (sitemap html):
Cara membuat sitemap di Blogger Mirip Blog Mastimon
Pernahkah kalian melihat sitemap mastimon? sederhana banget yah tapi kece kece badai gitu, nah cara membuat nya gampang kok, ikuti langkah dibawah ini!
- Buka halaman Blogger
- kemudian pergi kebagian halaman
- dan ubah pada bagian moded menulis menjadi mode html
- kemudian silahkan teman teman copy kode html dibawah ini, dan masukkan kedalam bagian halaman tadi
<style type=”text/css”>
#toc{width:99%;margin:5px auto;border:1px solid #df772d;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #08484f;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<br />
<div id=”toc”>
<script src=”https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js” type=”text/javascript”></script>
<script src=”/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc”>
</script></div>
Kemudian setelah kalian paste, maka kalian tinggal publish saja dan selesai.
2. Cara Membuat Sitemap di Blogger Mirip Kompi Flexible
Jika kalian ingin membuat sitemap mirip kompi flexible, kalian bisa menggunakan code dibawah ini:
<style type=’text/css’ scoped=””>
#table-outer{padding:7px 10px;margin:0 auto}
#table-outer table{width:auto;margin:0 auto;border:none!important;}
#table-outer table td{border:none!important;padding:0!important}
#table-outer form{font:inherit}
#table-outer label{display:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0}
#table-outer select[disabled]{opacity:.4}
#post-searcher{display:block;margin:0;padding:0}
#table-outer input,#table-outer select{width:100%;border:1px solid #dedede;border-radius:5px;margin:0 0 5px;padding:5px;font-family: Roboto,sans-serif!important;font-size:16px!important;font-weight:500!important;text-transform:capitalize!important;outline:0;color:#333!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#table-outer select option{min-height:1.4em!important;}
#table-outer input#feed-q{padding:5px 10px!important;}
#feed-container{background:#fff;display:block;clear:both;margin:0;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none}
#feed-container li{list-style:none;margin:0;padding:0;border-top:1px solid #eee;color:#555;width:auto;float:left;display:inline}
#feed-container li .inner{margin:15px 0;height:auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}
#feed-container li a{text-decoration:none;color:#2C2C2C;font-weight:500}
#feed-container li a:hover{text-decoration:none;color:#E94141}
#feed-container li .news-text{margin-top:5px;line-height:1.3em!important}
#feed-container li img{margin:0 15px 5px 0;padding:7px 7px 7px 0;float:left;display:block;width:140px!important;}
#result-desc{margin:0;padding:0;}
#result-desc div,#result-desc span{display:block;margin:0;padding:5px 0 7px;color:#D64D52}
#result-desc div{color:inherit}
#feed-nav{margin:10px 0 30px;text-align:center;font-weight:500}
#feed-nav a,#feed-nav span{border:1px solid #dedede;border-radius:5px;padding:0;color:#757575;text-decoration:none;display:block;height:30px;line-height:32px}
#feed-nav a,#feed-nav span:hover{color:#1B1B1B}
#feed-nav a:active,#feed-nav a:hover{color:#555}
#feed-nav span{cursor:wait}
@media (max-width:600px){#table-outer table{margin:0 auto;width:100%}
#feed-container,#table-outer{margin:0 auto}
#feed-container li .inner{margin:5px auto;height:auto}
#feedContainer li{float:none;display:block;width:auto;height:auto}
#feed-container li .news-text, #feedContainer:after,#feed-container li img{display:none!important}
}
@media (max-width:414px){#table-outer table td{display:block;text-align:center}
#table-outer label{display:block;margin:0;padding:4px 0 0;text-align:center}
#table-outer input, #table-outer select{margin:0 0 10px}
}
</style>
<div id=”table-outer”>
<table>
<tbody>
<tr>
<td>
<label for=”feed-order”>Urutkan artikel berdasarkan:</label>
</td>
<td>
<select id=”feed-order”>
<option selected=”” value=”published”>Artikel terbaru</option>
<option value=”updated”>Artikel yang terakhir di update</option>
</select>
</td>
</tr>
<tr>
<td>
<label for=”label-sorter”>Filter artikel berdasarkan kategori:</label>
</td>
<td>
<select disabled=”” id=”label-sorter”>
<option selected=””>Loading….</option>
</select>
</td>
</tr>
<tr>
<td>
<label for=”feed-q”>Cari artikel dengan kata kunci:</label>
</td>
<td>
<form id=”post-searcher”>
<input id=”feed-q” placeholder=”Ketik dan tekan ENTER” type=”text” />
</form>
</td>
</tr>
</tbody>
</table>
</div>
<header id=”result-desc”></header>
<ul id=”feed-container”></ul>
<div id=”feed-nav”>
</div>
<script type=’text/javaScript’>
document.write;var loadToc,loadCategories,_toc={init:function(){var cfg={homePage:window.location.origin,maxResults:10,numChars:270,thumbWidth:140,thumbHeight:95,navText:”Tampilkan artikel selanjutnya ▼”,resetToc:”Kembali ke Awal”,noImage:”//2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1100/no-thumbnail.png”,loading:”<span>Memuat…</span>”,counting:”<div>Memuat artikel…</div>”,searching:”<span>Mencari…</span>”},w=window,d=document,el=function(id){return d.getElementById(id);},o={a:el(‘feed-order’),b:el(‘label-sorter’).parentNode,c:el(‘post-searcher’),d:el(‘feed-q’),e:el(‘result-desc’),f:el(‘feed-container’),g:el(‘feed-nav’),h:d.getElementsByTagName(‘head’)[0],i:0,j:null,k:’published’,l:0,m:””},fn={a:function(){old=el(‘temporer-script’);old.parentNode.removeChild(old);},b:function(param){var script=d.createElement(‘script’);script.type=”text/javascript”;script.id=”temporer-script”;script.src=param;if(el(‘temporer-script’))fn.a();o.h.appendChild(script);},c:function(mode,tag,order){o.i++;o.e.innerHTML=cfg.counting;o.g.innerHTML=cfg[mode==1?”searching”:”loading”];if(mode===0){fn.b(tag!==null?cfg.homePage+’/feeds/posts/summary/-/’+ tag+’?alt=json-in-script&start-index=’+((o.i*cfg.maxResults)+ 1)+’&max-results=’+ cfg.maxResults+’&orderby=’+ order+’&callback=loadToc’:cfg.homePage+’/feeds/posts/summary?alt=json-in-script&start-index=’+((o.i*cfg.maxResults)+ 1)+’&max-results=’+ cfg.maxResults+’&orderby=’+ order+’&callback=loadToc’);}else if(mode==1){fn.b(cfg.homePage+’/feeds/posts/summary?alt=json-in-script&start-index=’+((o.i*cfg.maxResults)+ 1)+’&max-results=’+ cfg.maxResults+’&q=’+ tag+’&orderby=’+ order+’&callback=loadToc’);}
o.j=(tag!==null)?tag:null;o.l=mode;o.a.disabled=true;o.b.children[0].disabled=true;},d:function(json){var _h;o.g.innerHTML=””;o.e.innerHTML=o.l==1?'<span>Hasil penelusuran untuk kata kunci <b>“’+ o.m+’”</b> (‘+ json.feed.openSearch$totalResults.$t+’ Hasil)</span>’:'<div>Total: ‘+ json.feed.openSearch$totalResults.$t+’ Artikel</div>’;if(“entry”in json.feed){var a=json.feed.entry,b,c,_d,e=”0 Komentar”,f=””,g;for(var i=0;i<cfg.maxResults;i++){if(i==a.length)break;b=a[i].title.$t;_d=(“summary”in a[i])?a[i].summary.$t.replace(/<br ?\/?>/ig,” “).replace(/<(.*?)>/g,””).replace(/<iframe/ig,””).substring(0,cfg.numChars):””;g=(“media$thumbnail”in a[i])?a[i].media$thumbnail.url.replace(/.*?:\/\//g , “//”).replace(/\/s[0-9]+\-c/,”\/s”+ cfg.thumbWidth+””):cfg.noImage.replace(/\/s[0-9]+\-c/,”\/s”+ cfg.thumbWidth+””);for(var j=0,jen=a[i].link.length;j<jen;j++){c=(a[i].link[j].rel==”alternate”)?a[i].link[j].href:”#”;}
for(var k=0,ken=a[i].link.length;k<ken;k++){if(a[i].link[k].rel==”replies”&&a[i].link[k].type==”text/html”){e=a[i].link[k].title;break;}}
_h=d.createElement(‘li’);_h.innerHTML='<div class=”inner”><img style=”width:’+ cfg.thumbWidth+’px;height:’+ cfg.thumbHeight+’px;” src=”‘+ g+’” alt=”‘+ b+’”><a class=”toc-title” href=”‘+ c+’” target=”_blank” title=”‘+ b+’”>’+ b+'</a><div class=”news-text”>’+ _d+’…<br style=”clear:both;”></div></div>’;o.f.appendChild(_h);}
_h=d.createElement(‘a’);_h.href=’#load-more’;_h.innerHTML=cfg.navText;_h.onclick=function(){fn.c(o.l,o.j,o.k);return false;};}else{_h=d.createElement(‘a’);_h.href=’#reset-content’;_h.innerHTML=cfg.resetToc;_h.onclick=function(){o.i=-1;o.e.innerHTML=cfg.counting;o.f.innerHTML=””;fn.c(0,null,’published’);o.a.innerHTML=o.a.innerHTML;o.b.children[0].innerHTML=o.b.children[0].innerHTML;return false;};}
o.g.appendChild(_h);o.a.disabled=false;o.b.children[0].disabled=false;},e:function(json){var a=json.feed.category,b='<select id=”label-sorter”><option value=”” selected disabled>Pilih Kategori…</option>’;for(var i=0,len=a.length;i<len;i++){b+='<option value=”‘+ encodeURIComponent(a[i].term).replace(/%20/g, ” “)+’”>’+ encodeURIComponent(a[i].term).replace(/%20/g, ” “)+'</option>’;}
b+='</select>’;o.b.innerHTML=b;o.b.children[0].onchange=function(){o.i=-1;o.f.innerHTML=””;o.g.innerHTML=cfg.loading;fn.c(0,this.value,o.k);};}};loadToc=fn.d;loadCategories=fn.e;fn.b(cfg.homePage+’/feeds/posts/summary?alt=json-in-script&start-index=’+(o.i+ 1)+’&max-results=’+ cfg.maxResults+’&orderby=published&callback=loadToc’);fn.b(cfg.homePage+’/feeds/posts/summary?alt=json-in-script&max-results=0&orderby=published&callback=loadCategories’);o.a.onchange=function(){o.i=-1;o.f.innerHTML=””;o.g.innerHTML=cfg.counting;o.b.children[0].innerHTML=o.b.children[0].innerHTML;fn.c(0,null,this.value);o.k=this.value;};o.c.onsubmit=function(){o.i=-1;o.f.innerHTML=””;o.m=o.d.value;fn.c(1,o.d.value,o.k);return false;};}};_toc.init();
</script>
3. Cara Membuat Sitemap di Blogger keren dan SEO Friendly
Cara membuat sitemap di blogger yang keren dan SEO Friendly, teman teman bisa ikutin cara dibawah ini.
- Login ke Blogger
- Pilih Halaman
- Ubah ke Mode HTML
- paste kode di bawah ini
<style type=”text/css”>
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #3498DB;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<div id=”toc”>
<script src=”https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js” type=”text/javascript”></script>
<script src=”https://blogdilawhello.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc”>
</script></div>
Cara Membuat Sitemap di Google Webmaster
Setelah teman teman selesai mengikuti 3 langkah diatas mengenai cara membuat sitemap di blogger dalam versi HTML. Sekarang kita akan membuat sitemap XML dan memasang nya di Google Webmaster atau Google Search Console.
Nah untuk membuat sitemap XML ini banyak cara yang bisa kita lakukan, kita bisa memanfaatkan yang namanya sitemap generator (biasanya untuk WP) atau bisa juga membuatnya secara manual.
- Login ke akun Google Search Console kalian.
- Silahkan teman teman klik pada sisi kiri dibagian Peta Situs
Selanjutnya pada bagian kolom Harap Masukkan URL Peta Situs kalian masukkan kode sitemap.xml dan feeds/posts/default?orderby=updated lalu klil kirim.
Nah pada tahap ini kalian telah selesai membuat sitemap xml.
Kesimpulan
Untuk meningkatkan pencarian blog kalian pada mesin pencarian, sitemap yang telah kita bahas tadi akan sangat membantu kalian untuk berinteraksi dengan baik.
Dengan begitu akan memudahkan Mesin pencari google dalam mendapatkan informasi seberapa sering konten blog kalian di update dan pada kategori apa saja kalian sering memperbarui konten dan menentukan rata-rata crawl pada blog kalian.
Selain dari pada itu, sitemap juga membantu pengunjung blog kalian untuk mengetahui post atau page apa saja yang ada di blog tersebut.
Dan yah, itu tadi yang bisa mimin sampaikan mengenai cara membuat sitemap di blogger. Semoga bermanfaat buat kalian semua dan selamat mencoba!
