Hallo sobat blogger, kali ini Bang Janu mau memberikan cara memasang sitemap di blog. Sitemap sama seperti daftar isi. Sitemap sangat berguna secara langsung maupun tidak langsung berpengaruh untuk SEO blog karena melalui sitemap ini robot txt mampu mengindeks lokasi atau struktur link blog kita dengan mudah, nah kalau link kita cepat terindeks mesin pencari itu berarti artikel link kita akan cepat menempati halaman pencarian di google dan itu berarti akan mendatangkan trafik kunjungan untuk blog kita, disisi lain pengunjung juga akan mudah menemukan artikel yang mereka cari jika kita memasang site map di blog.
Berikut langkah-langkahnya :
1. Login ke blogger sobat.
2. Pilih Laman
3. Masukan judul laman dengan kalimat Sitemap, kemudian pilih HTML
4. Copy-kan kode dibawah ini
<div id="bp_toc"> </div> <script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/sitemap-content.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=9999&callback=loadtoc" type="text/javascript"></script> <style scoped="" type="text/css"> #comments {display:none;} </style>
<div id="bp_toc" style="max-height:1300px;overflow:scroll;overflow-x:auto;"></div>
5. Publikasikan
6. Sobat masuk ke Template dan edit HTML, kemudian ketik kode di bawah ini tepat sebelum </style>
/* CSS Full Sitemap */ #bp_toc {background:#ffaaa4;color:#666;margin:0 auto;padding:5px;} span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#ffcfcc;font-family:'Open Sans';font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;} .toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;} .toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;} .toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;} .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px; text-decoration:none;color:#aaa;font-family:'Open Sans';font-weight:700;letter-spacing: 0.5px;} .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover { text-decoration:none;} .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%} .toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;} .toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#e76e66;} #bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;} .toc-entry-col1 {counter-increment:rowNumber;} #bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;} td.toc-entry-col2 {background:#fafafa;}
7. Simpan template dan selesai.
Tampilan sitemap yang ada di blog ini seperti gambar dibawah. Bang Janu memakai template dari Arlina Design dan memakai Cara Menambahkan Sitemap dari si pembuat template ini. Semoga artikel ini dapat membantu. Terima kasih.
Berkomentarlah yang baik jangan melakukan spam EmoticonEmoticon