Apa sih, Sitemap itu? Apa nama sejenis camilan, gitu?Ya nggak, lah! Sitemap itu kalau di bahasa Indonesia artinya Peta Situs alias Daftar Isi.
Setiap situs atau blog, biasanya ada Sitemap-nya, walaupun nggak semuanya. Ada juga situs atau blog yang tidak ada atau tidak pakai Sitemap. Ya terserah yang punya situs atau blog sih, mau pake apa nggak.
Lalu fungsinya Sitemap itu apa?
Sebenarnya sih, tujuan dari adanya sitemap adalah agar pengunjung situs atau blog kita bisa lebih mudah melihat semua artikel yang ada di situs atau blog kita. Harapannya sih, dengan adanya sitemap ini akan meningkatkan page views dari situs atau blog kita. Selain itu juga bisa membuat situs atau blog kita lebih SEO Friendly karena search engine bisa lebih mudah mengidentifikasi isi dari situs atau blog kita. Itu kata orang-orang yang jago SEO, bukan kata saya. Kalo saya sih, nggak ngerti apa-apa...
Apakah Sitemap itu penting untuk sebuah blog dan harus ada?
Ya.., tergantung cara pandang kita, sih. Ada yang menganggap sitemap itu penting, ada juga yang menganggapnya nggak penting. Semuanya tergantung pemilik blog-nya sih, apakah menganggap sitemap itu harus ada dalam sebuah blog atau nggak.
Bagi saya sih, sitemap kek gini nggak saya anggap penting, xixixi...
Nah, untuk teman-teman yang punya blog di blogger.com, di bawah ini ada cara untuk membuat Sitemap yang SEO Friendly di Blogger.
Ok, langsung aja.
Setelah login di blogger.com, ikuti langkah-langkah berikut ini:
1. Klik menu "Pages". Kalau pake bahasa Indonesia sih namanya "Laman".
2. Klik tombol "New page". Atau bahasa Indonesia-nya "Laman baru".
Untuk lebih jelasnya, lihat gambar di bawah ini:
Kalau udah, ikuti langkah selanjutnya.
3. Tulis judul halamannya dulu.
4. Klik tombol "HTML". Posisi kalian harus di mode HTML, bukan di Compose.
5. Copy kode Javascript untuk Sitemap yang saya berikan di bagian bawah artikel ini, lalu paste-kan di tempat postingan.
6. Untuk Option yang di samping kanan itu, Reader comments-nya pilih yang "Don't allow". Biar nggak ada yang komentar di halaman Sitemap.
7. Setelah itu klik tombol "Done".
8. Lalu yang terakhir, klik tombol "Publish".
Dah, selesai.
Oiya, ini gambarnya, biar lebih jelas:
Dan selanjutnya, untuk kode javascript-nya, silakan copy dari beberapa versi yang ada di bawah ini.
Sitemap SEO Friendly untuk Blogger versi-1, ini yang sederhana:
<script src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap1.js"></script>
<script src="https://demibara.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Ganti demibara.blogspot.com dengan URL blog kalian.
Hasilnya akan seperti gambar di bawah ini:
<link href="https://goo.gl/2qrReh" media="screen" rel="stylesheet" type="text/css"></link>
<script type="text/javascript">
var showNew = true,
accToc = true,
openNewTab = true,
maxNew = 10,
baru = "Baru !",
sDownSpeed = 600,
sUpSpeed = 600;
</script>
<script src="https://goo.gl/6FjxRX" type="text/javascript"></script>
<script src="https://demibara.blogspot.com/feeds/posts/summary?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Ganti demibara.blogspot.com dengan URL blog kalian.
Hasilnya akan seperti gambar di bawah ini:
Sitemap SEO Friendly untuk Blogger versi-3. Ini yang paling keren menurut saya, untuk saat ini:
<style type='text/css' scoped='scoped'>
#show-cat{float:left;margin-right:20px;width:220px;height:391px;overflow-x:hidden;overflow-y:auto;line-height:18px}
#show-cat ul{margin:0;border-top:1px solid #ccc;padding:0}
#show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;padding:0}
#show-cat ul li a{display:block;padding:10px}
#show-cat ul li a,#navi-cat a{background:#fff;color:#d80556;text-decoration:none}
#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:15px}
#show-cat ul li a:hover,#navi-cat a:hover{background:#ccc;color:#fff}
#show-post{float:left;width:60%}
#show-post ul li{list-style-type:none;padding-bottom:15px}
#navi-cat{padding:20px 0}
#navi-cat a{margin-right:10px;border:1px solid #ccc}
#navi-cat a,#navi-cat span{padding:5px 10px}
#navi-cat span{float:right}
</style>
<div id='show-cat'></div>
<div id='show-post'>
<script type='text/javaScript'>
var cat_home='https://demibara.blogspot.com';cat_numb=11;cat_pre='Prev';cat_nex='Next';
var cat_name;var cat_start;var cat_class;
function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' – '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=0&callback=show_cat"><\/script>');
</script>
</div>
<div style='clear:both'></div>
Ganti demibara.blogspot.com dengan URL blog kalian.
Hasilnya akan seperti gambar di bawah ini:
Silakan kalian coba di blog kalian. Semoga berhasil.
Kalo nggak berhasil, ya terpaksa kalian cari lagi info di google seputar Cara Membuat Sitemap SEO Friendly di Blogger.
Pertanyaan yang diulang: Apakah pembuatan Sitemap ini penting untuk blog kita?
Jawabannya:
Buat saya, Nggak! Tapi buat orang lain mungkin penting.
Lalu kenapa dibuat?
Jawabnya:
Iseng ajah...
Biar keliatan keren, gitu...
Biar orang-orang pikir, saya paham SEO...
Apakah pembuatan sitemap model di atas benar-benar membuat blog kita jadi lebih SEO Friendly?
Jawab:
Duh! Ini pertanyaan serius amat, ya? Begini mas-bro and mbak-sis, kalian ingat nggak, ketika kalian mendaftarkan blog kalian di Google Webmaster Tools atau Google Search Console atau apalah namanya, terserah mbah Google nyebut alatnya apa..., di situ kita kan disuruh memasukkan sitemap juga, kan? Nah, saya tanya ke kalian, bentuk ekstensinya apa? HTML atau XML?
Nah.., XML, kan? Tepatnya seperti ini: sitemap.xml
Nih, saya ingetin lagi pake gambar:
Nah, sekarang gantian saya yang tanya. Kalau google butuhnya yang berekstensi .xml, sementara yang dihasilkan oleh 3 script di atas adalah file html, kira-kira matching nggak, tuh?
Jadi, membuat sitemap dengan cara di atas nggak bikin blog kita SEO Friendly, dong?
Aduuuh...! Kok tanya lagi...
Kan, sudah saya bilang kalau saya ini bukan jago SEO...
Jadi, silakan disimpulkan sendiri, ya...
;)