Cara Membuat Sitemap Seo Friendly Berdasarkan Kategori Secara Otomatis

Tulisan Ndeso, Cara Membuat Sitemap Seo Friendly - Pernahkah kalian mendengar atau tahu mengenai Sitemap atau Daftar Isi Blog?

Sitemap atau Daftar Isi Blog adalah salah satu alat bantu untuk para webmaster yang mempermudah dalam pengenalan peta situs di dalam website. Dengan begitu, mesin google dengan mudah menjelajah dan meraih halaman-halaman yang ada di dalamnya. [Wikipedia]

Selain untuk mempermudah webmaster, ini juga akan mempermudah pengunjung untuk tahu isi dari blog yang kita miliki, sehingga pengunjung dapat dengan mudah untuk memilih artikel mana yang akan mereka baca berdasarkan kategori atau judul dalam sitemap tersebut.

Dalam blog tulisanndeso, sitemap yang ada menampilkan Kategori baru kemudian berdasarkan Judul Artikel, seperti gambar dibawah ini :

Sitemap SEO Friendly

Bentuknya yang simple dan clean membuat saya suka menggunakannya, selain itu juga mudah cara membuatnya. Langsung saja simak cara membuatnya.

Cara Membuat Sitemap Keren dan Seo Friendly

Anda diharuskan login di blogger.com, kemudian ikuti langkah-langkah berikut ini:

1. Klik "Pages" atau "Laman" dalam bahasa Indonesia.

2. Klik "New page" atau "Laman Baru" dalam bahasa Indonesia.

Cara Membuat New Pages

3. Tulis judul halamannya, bisa Sitemap atau Daftar Isi.

4. Pilih mode "HTML", jangan Compose ya.

5. Copy Javascript dibawah ini, lalu paste.

<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://www.tulisanndeso.com';cat_numb=10;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+=' &ndash; '+(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 https://www.tulisanndeso.com dengan url blog anda dan cat_numb=10 sesuaikan dengan jumlah post yang akan tampil pada setiap categorinya.

6. Reader comments di option sebelah kanan pilih "Don't allow", tujuannya agar tidak ada comment di Sitemap.

7. Kemudian klik tombol "Done".

8. Langkah terakhir adalah denan klik tombol "Publish".

Cara Membuat Sitemap SEO Friendly

Cukup mudah bukan? Dengan adanya Sitemap atau Daftar Isi ini akan memudahkan pengunjung blog anda untuk menemukan artikel lainnya dengan mudah.

Demikianlah tutorial Cara Membuat Sitemap Seo Friendly Berdasarkan Kategori dan Judul, semoga bermanfaat.