Cara Membuat Sitemap Keren dan Simple Cepat Terindex Google

Membuat Sitemap Keren dan Simple Seperti Sitemap Kangtips.com - Sitemap 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. Sama halnya dengan webiste pada umumnya, blog juga memerlukan sitemap agar mesin pencari dengan mudah mendeteksi konten di dalamnya (wikipedia). Jadi dengan kata lain sitemap merupakan peta situs yang memudahkan mesin pencari untuk merayapi segala isi di website anda.

Sitemap sangat dibutuhkan untuk sebuah website karena dengan sitemap ini dapat memudahkan pembaca blog untuk melihat seluruh artikel yang teradapat di website ini. Selain itu Sitemap juga berguna untuk mendapatkan sitelink baca di "Cara Mendapatkan Sitelink Dengan Cepat dan Mudah" . Jadi memiliki sitemap akan memiliki pandangan lebih dari google sehingga dapat membuat postingan website kita menjadi lebih banyak terindex oleh google dan tentunya membuat traffik pengunjung situs anda meningkat.

Kali ini kangtips.com akan memberikan sebuah script untuk membuat sitemap dan tentunya sitemap ini berpenampilan simple dan keren sehingga dapat memudahkan google untuk merayapi website anda. Langsung saja ini script nya 

Kode HTML untuk Daftar Isi Berdasarkan Kategori/Label

<script src="http://me-sitemap.googlecode.com/files/mysitemap.js" type="text/javascript">
</script>
<script src="http://kangtips.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

Alternatif: untuk tampilan daftar isi "lebih cantik dan keren" bisa gunakan 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:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
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{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}

</style>

<div id="toc">
<script src="https://googledrive.com/host/0ByNodV_m9cVLR0pmWFgwZ1NmdW8/" type="text/javascript"></script>
<script src="http://kangtips.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

NB : Ganti kata kata  yang berwarna merah dengan url situs kalian

Sumber Script : Avolutionice.blogspot.com