Cara membuat sitemap atau daftar isi blog

Cara membuat sitemap atau daftar isi blog - Sitemap atau disebut juga dengan daftar isi adalah kumpulan artikel yang disusun berdasarkan label atau kategorinya.

Sitemap merupakan salah satu hal yang diperlukan oleh sebuah blog, memang sebenarnya sitemap tidaklah wajib akan tetapi lebih baik sebuah blog memiliki sitemap agar memudahkan pengunjung untuk mencari artikel berdasarkan label.

Selain itu jika kalian ingin memonetize blog kalian dengan Google Adsense maka sitemap merupakan hal yang wajib dimiliki oleh blog tersebut.

Karena blogger.com tidak menyediakan sitemap secara otomatis maka kalian perlu membuatnya secara manual di blog kalian dengan menggunakan tag-tag html pada salah satu laman blog kalian.

Cara pembuatan sitemap atau daftar isi blog

Sebelum kalian membuat sitemap atau daftar isi blog, pastikan kalian telah memiliki artikel yang telah memiliki label. Saya rekomendasikan untuk menyusun artikel tidak lebih dari 1 label. Kenapa ? alasannya adalah agar artikel tersebut memiliki kategori yang jelas dan tidak rancu.

Google juga sangat menyukai blog dengan artikel yang memiliki label yang jelas, tidak tercampur aduk. Kenapa ? karena kita membuat label tujuannya adalah agar pembaca dapat dengan mudah mencari artikel yang mereka inginkan berdasarkan kategori tertentu.

Langkah pembuatan sitemap

Login ke akun blogger kalian
Setelah itu masuk ke menu laman
Buat laman baru
Tulis judul dari laman tersebut dengan nama Sitemap
Ada 2 menu pilihan pada pojok kiri pembuatan laman yaitu Compose dan HTML
Pilih HTML
Silahkan kalian copy dan pastekan kode html dibawah ini ke laman sitemap kalian

<style scoped="scoped" type="text/css">
#table-outer{padding:7px 10px;margin:0 auto}
#table-outer table{width:auto;margin:0 auto}
#table-outer form{font:inherit}
#table-outer label{display:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0}
#table-outer select[disabled]{opacity:.4}
#post-searcher{display:block;margin:0;padding:0}
#table-outer input,#table-outer select{width:100%;border:none;margin:0;padding:5px;font-size:86%;text-transform:uppercase;outline:0;-webkit-box-shadow:inset 0 1px 3px #000,0 1px 0 #444;-moz-box-shadow:inset 0 1px 3px #000,0 1px 0 #444;box-shadow:inset 0 1px 3px #000,0 1px 0 #444;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
#feed-container{display:block;clear:both;margin:0 30px;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none}
#feed-container li{list-style:none;margin:0;padding:0;border-top:1px solid #eee;color:#555;width:auto;float:left;display:inline}
#feed-container li .inner{margin:15px 16px;height:auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}
#feed-container li a{text-decoration:none;color:#2C2C2C;font-weight:700}
#feed-container li a:hover{text-decoration:none;color:#E94141}
#feed-container li .news-text{margin:10px 0 0}
#feed-container li img{margin:0 10px 5px 0;padding:5px;float:left;display:block;}
#result-desc{margin:0 30px;padding:0;border-bottom:2px solid #eee}
#result-desc div,#result-desc span{display:block;margin:0;padding:5px 10px 7px;color:#D64D52}
#result-desc div{color:inherit}
#feed-nav{margin:10px 30px 0;text-align:center;font-weight:700}
#feed-nav a,#feed-nav span{border:1px solid #C9C9C9;padding:0;color:#757575;text-decoration:none;display:block;height:30px;line-height:32px}
#feed-nav a,#feed-nav span:hover{color:#1B1B1B}
#feed-nav a:active,#feed-nav a:hover{color:#555}
#feed-nav span{cursor:wait}
@media (max-width:600px){#table-outer table{margin:0 auto;width:100%}
#feed-container,#table-outer{margin:0 auto}
#feed-container li .inner{margin:5px auto;height:auto}
#feedContainer li{float:none;display:block;width:auto;height:auto}
#feed-container li .news-text, #feedContainer:after,#feed-container li img{display:none!important}
}
</style>
<br />
<div id="table-outer">
<table><tbody>
<tr><td><label for="feed-order">Urutkan artikel berdasarkan:</label></td> <td><select id="feed-order"> <option selected="" value="published">Artikel terbaru</option> <option value="updated">Artikel yang terakhir di update</option> </select></td></tr>
<tr><td><label for="label-sorter">Filter artikel berdasarkan kategori:</label></td> <td><select disabled="" id="label-sorter"> <option selected="">Loading....</option> </select></td></tr>
<tr> <td><label for="feed-q">Cari artikel dengan kata kunci:</label></td> <td><form id="post-searcher">
<input id="feed-q" placeholder="Ketik dan tekan ENTER" type="text" />
</form>
</td></tr>
</tbody></table>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<header id="result-desc"></header>
<br />
<ul id="feed-container"></ul>
<div id="feed-nav">
</div>
<script src="https://cdn.rawgit.com/indradpcom/file-host/master/sitemap-fitur-lengkap.js" type="text/javascript"></script>

Jika sudah silahkan kalian publikasikan atau post laman tersebut. Tampilan sitemap pada setiap blog bisa berbeda-beda tergantung dari kode html yang mereka gunakan, kode html diatas adalah sitemap yang saya gunakan untuk blog yang saya miliki.

Jika kalian tidak merasa cocok dengan kode sitemap diatas kalian bisa mencari kode sitemap lain di google dan langkah pembuatannya tetap sama seperti yang telah saya jelaskan diatas.

Keuntungan memiliki sitemap

Memudahkan pembaca untuk mencari artikel berdasarkan kategori tertentu. Keutamaan blog yang ingin di monetize dengan Google adsense adalah harus mengutamakan kenyamanan pengunjungnya.
Lebih terlihat profesional. Hampir semua blog-blog besar pasti memiliki sitemap atau daftar isi.
Salah satu cara mempercepat pengindexan artikel di google adalah dengan sitemap. Kenapa ? karena sitemap membuat struktur blog kalian tersusun rapi sehingga lebih mudah untuk dirayapi oleh Google bot.
Syarat untuk diterima Google Adsense adalah memiliki sitemap. Meskipun tidak disebutkan secara langsung, tetapi itu tersirat di dalam peraturan Google Adsense yaitu suatu blog mengutamakan kenyamanan pengunjung dengan navigasi yang jelas.

Itulah cara membuat sitemap dan beberapa keuntungan yang akan kalian dapatkan jika memiliki sitemap pada blog kalian. Blog yang memang benar-benar profesional pasti akan membuat menu navigasi yang memudahkan pengunjungnya salah satunya adalah dengan sitemap ini.