Tips Membuat Halaman Sitemap di Blog

Apa itu Sitemap ?
Sitemap dalam bahasa Indonesia adalah peta situs. Dari sini kita sudah bisa mengerti secara garis besar bahwa Sitemap adalah sebuah peta yang berisi berbagai macam direktori yang terdapat dalam sebuah website/blog. Istilah yang lebih sederhana adalah daftar isi. Semua artikel/konten yang telah sobat buat akan terlihat dalam sitemap dalam tampilan lebih simpel. Pastinya ini sangat penting untuk sebuah website/blog karena tanpa adanya ini pembaca akan kesulitan untuk menemukan artikel yang dicari. Tidak hanya itu fugsi dari Sitemap pun sangat berguna bagi perkembangan blog sobat sendiri.

Sitemap yang berupa file XML yang berisi URL sebuah situs beserta medatanya masing-masing. Medata ini yang akan memudahkan search engine untuk membaca dan istilahnya meng-crawl situs sobat tersebut. Web crawler akan menemukan halaman dari sebuah situs yang terdapat link dari situs sobat sendiri atau link dari situs yang lain. Sitemap menyediakan data link dan mengijinkan crawler mendukung sitemap untuk menjelajah semua URL yang ada di dalamnya, kemudian menganalisa semua URL tersebut menggunakan medata yang ada. Namun ini belum tentu setiap halaman akan terindex Google.

 Jika sebelumnya kamu bisa menggenerate artikel secara otomatis, tapi untuk halaman sitemap  kamu harus membuat kode html secara manual. Tapi tenang saja, kita sudah menyiapkan kodenya untuk kamu!

Tinggal copy lalu paste saja kode dibawah ini.

Script 

<div dir="ltr" style="text-align: left;" trbidi="on">

<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.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>

<script src="https://belajarmemuatblog.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script></div>

</div>