Cara Mudah Membuat Sitemap Keren di Blog

Daftar Isi
Cara membuat sitemap keren di blog

Membuat sitemap untuk blog memang harus dilakukan oleh seorang blogger, apalagi jika ingin menjadi publisher Adsense agar blog nya bisa menayangkan iklan dan mulai menghasilkan cuan.

Jika kita melihat website atau blog personal pastinya didalamnya akan terdapat menu sitemap. Bukannya untuk keren-kerenan, tapi agar blog menjadi lebih SEO dan semakin meningkat lagi. 

Pada Artikel kali ini saya akan membahas bagaimana sih cara membuat sitemap ? dan apa sih kegunaan sitemap ?. Oke sobat. sebelum kita membahas lebih  jauh lagi ada baiknya kita pahami dahulu apa itu sitemap.

Pengertian sitemap

Sitemap adalah Kumpulan informasi yang berada pada blog atau website  yang memuat daftar URL atau Link pada website itu sendiri. Sitemap berfungsi sebagai peta untuk search engine agar dapat mengindeks URL baru yang ada pada website.

Bahasa mudahnya Sitemap adalah daftar isi yang mengumpulkan semua URL postingan menjadi satu menu. Sehingga memudahkan pengunjung mendapatkan informasi.


Selain itu dalam sitemap juga terdapat metadata yang memuat informasi kapan terakhir kali website di-update dan seberapa sering website itu di-update. 

Oleh karena adanya sitemap, maka search engine atau mesin pencari akan dapat menemukan URL yang terdapat pada website, sehingga Artikel atau Tulisan sobat dapat muncul di penelusuran Google. Oleh sebab itu sitemap bagi blog sangatlah penting karena berpengaruh terhadap optimasi Search Engine Optimization lebih akrabnya ialah SEO.

Sudah paham kan sobat maksud dan tujuan Sitemap ?. Nah, kali ini saya akan menjelaskan mengenai cara membuatnya. Ikuti tutorial dibawah ini dengan berurutan agar sobat tidak bingung. untuk contohnya lihat disini

Cara Mudah Membuat Sitemap Keren di Blog

  • Pertama silahkan sobat copy kode CCS dibawah 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:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
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{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>
<div id="toc">
<script src="http://makingdifferent.github.io/blogger-widgets/sitemappage.js" type="text/javascript"></script>
<script src="http://www.ardinata.xyz/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>
  • Lalu ganti Http://www.ardinata.xyz dengan alamat Blog sobat. 
  • Kemudian masuk ke "Dasbor Blogger" sobat 
  • Pilih menu Halaman > lalu pilih "halaman baru" > isi judul dengan nama "sitemap" > lalu ganti mode Compose menjadi HTML > lalu paste kode CSS yang telah dicopy tadi > terakhir publiskan.

Cara menghubungkannya dengan Homepage

  • Masuk ke "dasbor blogger" > pilih "Halaman" > pilih halaman "Sitemap" yang telah dibuat tadi > tekan "lihat" > lalu tekan URL sitemap > lalu Copy > paste di notepad terlebih dahulu. 
  • Selanjutnya masuk lagi ke menu "Dasbor Blogger" sobat
  • Lalu pilih menu Tema > pilih "titik tiga" > pilih Edit HTML
  • Setelah masuk ke dalam HTML, Cari kode dengan nama "Menu navigasi footer start"
  • Tambahkan kode dibawah ini tepat diatas kode </ul> 
 <li><a href="#">Menu</a></li>
  • Lalu ganti tanda '#' dengan URL sitemap yang telah di salin ke notepad tadi > ganti nama Menu menjadi Sitemap > simpan
  • Hasilnya akan seperti ini
<li><a href="https://www.ardinata.xyz/p/blog-page_54.html?m=1">Sitemap</a></li>
  • Maka tampilan Ahir akan seperti ini

Silahkan lihat Blog sobat untuk melihat Hasilnya. Itulah Cara Mudah Membuat Sitemap Keren di Blog. 

Semoga dengan adanya sitemap tersebut, blog sobat menjadi semakin SEO dan banyak dikunjungi. Sehingga trafik blog semakin naik dan mudah mendapatkan cuan.

Jika sobat masih bingung, jangan sungkan-sungkan untuk bertanya, silahkan tinggalkan komentar dibawah. Semoga sukses

Posting Komentar