Tuesday, 3 October 2017

Cara Membuat Page Sitemap/Daftar Isi Keren Dan Seo Friendly

Membuat Halaman Sitemap Keren – Artikel kali ini saya ingin share pengalaman saya saat membuat halaman Sitemap keren seperti di blog ini.

Terlebih dahulu, akan lebih enak kalau kita bahas apa sih sitemap itu?, dan apa fungsi dari halaman sitemap pada blog?.

Cara Membuat Page Sitemap/Daftar Isi Keren Dan Seo Friendly

Pengertian dan Manfaat Halaman SiteMap Pada Blog

Arti Sitemap dalam bahasa Indonesia adalah peta situs. Disi sini kita bisa menyimpulkan bahwa Sitemap ini merupakan navigasi yang berupa direktory isi dari sebuah blog. Sitemap sama seperti Daftar isi pada sebuah buku, yang mana sitemap ini menunjukkan isi atau konten apa saja yang ada dalam blog ini.

Sitemap merupakan hal terpenting dalam navigasi sebuah blog, karena sitemap berfungsiuntuk memberikan informasi tentang artikel atau konten suatu blog pada pengunjung.

Dengan adanya Sitemap akan mempermudah para pengunjung untuk mencari artikel yang dicarinya di blog tersebut. Pengunjung tak perlu repot-repot untuk mengunjungi atau scroll kebawah untuk menelusuri halaman yang diinginkan. Karena dengan adanya sitemap, pengunjung bisa mengetahui semua artikel blog ini hanya dengan mengunjungi satu halaman saja.

Halaman Sitemap juga sangat diperlukan sebagai syarat sebuah blog biar terlihat lebih SEO Friendly. Kebanyakan blog terkenal dan profesional juga akan menerapkan halaman Sitemap ini dalam navigasi di blognya.

Selain itu, Sitemap juga berguna dalam membantu google dalam mengindeks suatu halaman web/blog dengan mudah. Sitemap juga akan memisahkan setiap halaman, label dan struktur link kita sehingga di mata mesin pencari link blog kita kelihatan tersusun rapi.
Baca juga :Trik Rahasia Mendapatkan Persetujuan Adsense Hanya Dengan Trafick Blog 100 Kunjungan Perharinya

Cara Membuat Halaman Sitemap Keren Yang SEO Friendly

Untuk membuat halaman sitemap itu tidaklah sulit, karena banyak artikel di penelusuran google yang menjelaskan tentang cara membuat sitemap pada blog.

Tapi kali ini, saya ingin share tentang cara membuat halaman Sitemap seperti yang ada di blog saya ini. Coba tengok penampakannya di menu bar “Daftar Isi” atau lihat gambar dibawah ini.

Cara Membuat Page Sitemap/Daftar Isi Keren Dan Seo Friendly

Halaman Sitemap yang cukup menarik dan sangat saya rekomendasikan untuk diterapkan di blog Anda, dengan label kategori berada di samping dan konten sesuai kategori akan muncul setelah kategori tersebut di klik.

Cara membuatnya sangat sederhana, dan caranya juga sama seperti kebanyakan tutorial di blog. Pertama login dasboard terlebih dahulu. Pilih Laman dan kemudian pilih “Laman Baru” untuk membuat page/halaman baru.

Pada mode HTML, copy script dibawah ini dan pastekan di laman mode HTML :
<style scoped="scoped" type="text/css">
#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='http://namabloganda.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+=' &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>

Jangan lupa untuk menganti tulisan berwarna biru namabloganda.com dengan alamat url blog Anda sendiri. Tekan Publis untuk menerbitkan halaman tersebut.

*Note : Setelah paste script, jangan terburu-buru merubah mode HTML ke mode Visual. Terkadang script yang tadi di paste tidak berjalan dengan semestinya. Saya sarankan langsung saja di publish.

Nah, bagaimana? Jadi semakin menarik bukan tampilan Sitemap blog Anda. Semoga artikel ini bisa membantu bagi yamg ingin membuat Sitemap diblognya, jangan lupa share juga ke sesama blogger yah, biar sama-sama mempunyai halaman Sitemap yang keren dan SEOfriendly juga.



Pandaan, 03 oktober 2017
Dewi’Na Irawan

Share this article :

0 komentar:

Post a Comment

 

Perihal Diri Copyright © 2013 Minima Template
Designed by BTDesigner · Powered by Blogger