Tutorial Blog Cara Ampuh Membuat Sitemap Atau Peta Situs Blogger

Apakah sobat memiliki blog? Bagaimana cara menemukan semua halaman postingan blog sobat? Tentunya dengan sitemap.

Ya, kali kita akan membahas tutorial blog cara membuat halaman sitemap atau peta situs. Buat sobat yang mau tahu, baca tulisan ini sampai selesai.

Sitemap atau yang biasa kita sebut peta situs itu sangat diperlukan pada blog. Dengan adanya peta situs pada blog, memungkinkan pengunjung bisa dengan mudah mencari semua postingan blog sobat.

Peta situs menampung semua url postingan blog yang sudah sobat publikasikan.

Jadi kalau sobat mencari semua postingan yang telah dipublikasikan pada blog, sobat bisa mencarinya di peta situs blog.

Peta situs atau sitemap juga penting untuk pengindeksan postingan di mesin pencari. Dengan peta situs, sobat bisa melakukan submit url di google search console.

Oke, bagi sobat yang ingin membuat peta situs bisa membaca langkah-langkahnya dibawah ini.

1. Sobat bisa menyalin kode html peta situs otomatis seperti 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>

<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&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

2. Kemudian sobat masuk ke blog dan pilih menu halaman.

3. Buatlah halaman baru yang diberi nama Sitemap atau Peta Situs.

4. Paste kode yang sudah sobat salin seperti diatas ke halaman sitemap.

5. Untuk mode tulisan sobat bisa pilih HTML, karena peta situs ini merupakan kode html.

6. Jika semua sudah selesai maka tekan tomol publikasikan. Sekarang halaman peta situs blog sobat sudah berhasil di buat.

Untuk melihat halaman peta situs pada blog sobat, tekan url lihat yang berada dibawah halaman peta situs yang baru sobat buat.

Itulah cara membuat peta situs blog keren. Kode diatas adalah kode peta situs blog otomatis sehingga sobat tidak perlu memasukan url blog sobat.

Url blog sobat akan terdeteksi dengan sendirnya dan peta situs akan berjalan langsung saat sudah dipublikasikan.