Cara Mudah Membuat Peta Situs ( Sitemap) Pada Blogger yang Keren

Kompilasitutorial.com
~ Peta situs atau lebih kerennya lagi di sebut dengan sitemap merupakan file yang di gunakan untuk memberikan informasi tentang video, halaman dan file yang ada di website anda serta hubungan antara elemen tersebut untuk mempermudah pengindekan website anda. peta situs atau sitemap berguna untuk memberikan informasi kapan anda memperbaharui website anda atau kapan anda terakhir kali update artikel pada blog anda. untuk contohnya misalnya anda sedang entri video, peta situs dapat menentukan durasi video, kategori dan usia. untuk entri gambar peta situs dapat menyertakan lisensi, jenis dan materi gambar. jika anda menautkan peta situs anda dengan benar maka akan mempermudah google untuk melakukan pengindekan website anda melalui navigasi, link maupun menu yang anda tempatkan di halaman website anda. hal yang perlu di perhatikan adalah peta situs tidak menjamin semua item pada peta situs anda akan di indeks dan di crawl oleh google karena google bergantung pada algoritma. 

hal yang di perlukan untuk peta situs:
-website anda sudah besar artinya sudah terkenal
-website anda tidak tertaut satu sama lain
-website yang baru dan mempunyai sedikit link eksternal

dan sebaliknya anda tidak memerlukan peta situs jika website anda berukuran kecil, website anda tertaut secara internal, tidak mempunyai banyak file media.

untuk membuat file situs anda bisa melihat tutorial video di bawah ini:
video cara mudah membuat peta situs / sitemap

untuk membuat peta situs anda bisa copy dan paste source code 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: #3498DB;
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{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>

<div id="toc">
<script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

setelah jadi anda bisa melihat hasilnya, peta situs mempunyai tampilan seperti daftar isi pada sebuah buku. peta situs atau sitemap di sebut juga sebagai daftar isi. sekarang anda bisa membuatnya dengan mudah dan selamat mencoba


0 komentar:

Post a Comment

silahkan di share