Sitemap Blog merupakan daftar informasi yang berada pada situs yang memuat banyak URL atau kumpulan semua link/URL yang ada di post pada blog kita, kalau blog diumpamakan sebuah buku sitemap itu sebagai daftar isinya. Sitemap sendiri berfungsi sebagai peta untuk search engine agar cepat mengindex URL baru yang ada di dalam blog/web kita.
Tidak cuma Link saja yang terdapat pada sitemap, melainkan juga terdapat metadata. Metadata adalah informasi yang memuat kapan terakhir kali kita mengupdate website dan seberapa sering website kita diupdate.
Dengan adanya Sitemap inilah, Search Engine atau mesin pencari seperti Google, Bing, dan Yandex akan dapat menemukan setiap URL yang ada di web/blog kita dengan mudah, yang nantinya akan berdampak pada cepat atau tidaknya pengindeksan konten di halaman pencari. Oleh sebab itu Sitemap sangatlah vital untuk optimasi SEO (Search Engine Optimization).
Kali ini kita akan belajar cara membuat sitemap atau peta situs secara otomatis dengan mengcopy kode HTML berikut 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&alt=json-in-script&callback=loadtoc">
</script></div>
Setelah kita copy kode HTML diatas, kemudian buatlah sebuah page baru pada blog/web kita, dengan cara buat newpage / blankk page, kemudian masukan kode diatas yang sudah kita copy kedalam HTMLnya ingat bukan compose, dan perlu untuk diperhatikan beri nama page yang baru tersebut sitemap, terus simpan.
Terakhir, untuk melihat hasilnya klik view pada sitemap blog yang telah kita buat. Peta Situs pun sudah jadi, selamat mencoba!
Tags
Dunia Blogger