Cara Membuat Sitemap pada Blogger #1
Blogging
Halo Sobat Teknisi, senang bisa berjumpa lagi kali ini dalam serial membuat Sitemap pada Blogger #1. Nantinya akan saya buatkan lagi model sitemap yang berbeda dan tentunya Sobat bisa mengaplikasikannya pada blog milik Sobat sendiri.
Apa itu Sitemap Blogger?
Sitemap atau peta situs adalah halaman khusus yang didalamnya menampung semua judul artikel yang dipublikasikan oleh blog tersebut. Nantinya dengan meng-klik judul yang dipilih pengunjung akan diarahkan menuju artikel postingan yang dipilih.
Manfaat Sitemap
Bagi pemilik blog
Menambahkan fitur sitemap pada blog milik kita akan menambah kesan rapi dan tertata dalam pengelolaan blog. Menandakan bahwa blog masih dikelola dengan baik dan memiliki manfaat bagi orang banyak. Memudahkan bagi pemilik blog untuk memberikan data laporan artikel ke mesin penelusur sehingga blog akan semakin cepat terindeks di mesin Crawler Google.
Sitemap akan secara otomatis terupdate ketika memposting artikel terbaru. Lalu data ini nantinya juga akan terkirim ke Search Engine. Menambahkan sitemap pada blog merupakan salah satu tips SEO (Search Engine Optimization) yang sering diperhatikan oleh banyak kalangan Blogger.
Bagi pengunjung blog
Sitemap dapat membantu pengunjung dalam mencari informasi yang ada dalam blog berdasarkan label yang dibuat. Dengan begitu, pengunjung dapat dengan mudah untuk menemukan artikel apa yang sedang dicari.
Tanpa perlu panjang lebar lagi, di bawah ini saya tuliskan cara membuat sitemap pada Blogger #1, karena setelah ini akan saya buatkan lagi artikel tutorial membuat sitemap Blogger.
Cara Membuat Sitemap Blogger
1. Masuk ke dashboard Blogger
2. Pilih Halaman, lalu buat Halaman Baru
3. Beri judul Halaman "Sitemap" atau namanya boleh bebas sesua keingian
4. Pilih mode "HTML" lalu copas script 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: #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>
<br />
<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>5. Pilih tombol "Publikasikan". Jika masih ragu, bisa lihat preview terlebih dahulu lalu sesuaikan dengan selera Sobat
Hasilnya kurang lebih akan seperti ini:
Penutup
Begitu temen-temen cara membuat sitemap pada Blogger #1, jika tampilannya kurang menarik bisa dicoba merubah style pada cssnya sesuai keinginan, selamat mencoba