Cara Membuat Sitemap Blog Super Keren dan Responsive

Cara Membuat Sitemap Blog yang Super Keren dan Responsive - Hai sobat kali ini saya akan membagikan cara membuat sitemap untuk blog yang tentunya agar blog terlihat keren di mata google dan yang paling penting sitemap itu sendiri harus responsive untuk menjaga blog sobat tetapi enak di baca para pengunjung.

Memang untuk para blogger yang serius menggeluti dunia blogging pastinya akan melengkapi blog mereka dengan sitemap ini, karena sitemap sangat penting untuk navigasi blog, kepentingan SEO dan untuk search engine google, kenapa untuk search engine google?

Rupanya sitemap ini sangat berguna untuk pencarian nantinya di mata mesin pencari seperti google, dengan adanya sitemap di blog sobat nantinya artikel yang sobat posting akan lebih cepat terindeks oleh mesin pencari seperti google.

Tentunya ini sangat penting karena para admin blog tentunya ingin blognya banyak pengunjung dan itu merupakan tujuan utama dari para blogger.

Untuk Demo, bisa di lihat disini

Berikut saya bagikan cara membuat sitemap untuk blog :

1. Buka dasboard blogger 
2. Lanjutkan ke Menu Laman > Laman Baru
3. Akan ada tampilan seperti akan membuat postingan, lalu pilih HTML (di pojok kanan atas)
4. Isi judul nya dengan nama Sitemap, Lalu Copy Paste kode di bawah ini

 <script>
var postTitle=new Array();var postUrl=new Array();var postMp3=new Array();var postDate=new Array();var postYear=new Array();var postMonth=new Array();var postYearMonth=new Array();var postYearMonth2=new Array();var postTanggal=new Array();var postLabels=new Array();var postBaru=new Array();var sortBy="titleasc";var tocLoaded=false;var numChars=250;var postFilter="";var numberfeed=0;var month2=["January","February","March","April","May","June","July","August","September","October","November","December"];function loadtoc(a){function b(){if("entry" in a.feed){var d=a.feed.entry.length;numberfeed=d;ii=0;for(var h=0;h<d;h++){var m=a.feed.entry[h];var e=m.title.$t;var l=m.published.$t.substring(0,10);var p=m.published.$t.substring(5,7);var g=m.published.$t.substring(8,10);var n=month2[parseInt(p,10)-1]+" "+m.published.$t.substring(0,4);var c="/"+m.published.$t.substring(0,4)+"_"+p+"_01_archive.html";var j;for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="alternate"){j=m.link[f].href;break}}var o="";for(var f=0;f<m.link.length;f++){if(m.link[f].rel=="enclosure"){o=m.link[f].href;break}}postTitle.push(e);postDate.push(l);postUrl.push(j);postYearMonth.push(n);postYearMonth2.push(c);postTanggal.push(g)}}}b();displayToc2();document.write()}function displayToc2(){var a=0;var b=0;while(b<postTitle.length){temp1=postYearMonth[b];document.write("<p/>");document.write('<p><a href="'+postYearMonth2[b]+'">'+temp1+"</a></p><ul>");firsti=a;do{document.write("<li>");document.write("["+postTanggal[a]+'] <a href="'+postUrl[a]+'">'+postTitle[a]+"</a>");document.write("</li>");a=a+1}while(postYearMonth[a]==temp1);b=a;document.write("</ul>");if(b>postTitle.length){break}}};
</script>
<script src="https://jangheru.blogspot.com/feeds/posts/default/?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

5. Setelah sobat copy paste kan kode di atas, jangan lupa ganti alamat blog yang berwarna merah di atas dengan alamat blog sobat.
6. Jika sudah silahkan Publikasikan dan lihat hasilnya

Sekian tutorial dari saya tentang Cara Membuat Sitemap Blog yang Super Keren dan Responsive semoga bermanfaat bagi sobat semua.

Jika ada kritik dan saran silahkan berkomentar di bawah ini.

dan

Tweet