Cara Membuat Daftar Isi Sitemap SEO di Blogger terbaik 2020

Cara Membuat Daftar Isi Sitemap SEO di Blogger terbaik 2020- Sitemap atau daftar isi di buat bertujuan untuk memudahkan pengunjung mengetahui seluruh atau sebagian besar isi suatu Blog atau Website. Karena Sitemap atau daftar isi adalah kumpulan keseluruhan judul postingan artikel suatu blog. Nah kali ini saya akan membuat sitemap SEO di blogger terbaik.

Yang harus di ketahui, sitemap default juga tersedia di bawaan blogger, namun dengan tampilan yang biasa dan kurang menarik perhatian pembaca. Untuk itu agar pembaca lebih betah berlama-lama di blog kita, perlu membuat sitemap SEO yang lebih menarik dan nyaman untuk pengunjung. Sitemap SEO selain tampilannya yang menarik, kelebihan lainnya adalah artikel yang baru di buat akan otomatif bertambah ke dalam Sitemap SEO sesuai label yang kita buat. Jadi Kamu tidak perlu menambahkan artikel kedalam Sitemap SEO satu persatu secara manual. Sudahkah Sitemap blog Kamu terdaftar di Webmaster Tools Goolge? Jika belum Kamu wajib mengetahui Cara Daftar atau Submit Sitemap ke Google Webmaster Terbaru 2020

Bagaimana cara membuat sitemap SEO di blogger terbaik 2020? caranya cukup mudah, kamu cukup menempelkan kode script di menu Halaman di blogger kamu. Selengkapnya mari ikuti pembahasan di bawah ini :

Cara Membuat Daftar Isi Sitemap SEO di Blogger 2020

1. Masuk ke dashboard blogger Kamu, lalu pilih halaman.

Setelah kamu memilih halaman, selanjutnya tambahkan new page dengan memilih "Halaman baru" dengan simbol " + ".

2. Kemudian buat judul halaman dengan judul "Sitemap".

Lalu pilih mode "HTML" dengan simbol "< >". Ini Tampilan Blogger terbaru, seperti digambar dibawah ini.

3. Kode script

Copy kode script dibawah ini kemudian letakkan didalam halaman tersebut.

<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #df2d;
-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: #08484f;
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="https://www.kaksyukron.my.id/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>

4. Setelah kamu tempel di Halaman Klik "Publikasi" dengan simbol "> ".

Sebelum kamu Save sitemap ganti dulu url yang berwarna merah di atas dengan url blog kamu ya.

5 Membuat sitemap dengan Label tertentu.

Kalau kamu ingin menampilkan Sitemap dengan Label tertentu saja juga bisa, caranya sama dengan cara yang di atas, tempel kode script di bawah ini ke menu Halaman blogger kamu.

<script src="https://cdn.rawgit.com/D-dig/js/gh-pages/sitemap3.js"></script>
<br />
<br />
<h3>
BLOGGER</h3>
<ul>
<script src="https://www.kaksyukron.my.id/feeds/posts/default/-/Blogger?orderby=published&alt=json-in-script&callback=startpost&max-results=999"></script></ul>
<br />
<h3>
INFORMASI UMUM</h3>
<ul>
<script src="https://www.kaksyukron.my.id/feeds/posts/default/-/Informasi%20Umum?orderby=published&alt=json-in-script&callback=startpost&max-results=999"></script></ul>
<br />

Ganti terlebih dahulu url yang berwarna merah di atas dengan url blog kamu, yang berwarna hijau dan ungu di atas adalah contoh judul label, jadi ganti label dengan label yang kamu inginkan.

Keterangan: Yang perlu di ingat judul label harus sama dengan yang di url di bawahnya. Contoh di atas BLOGGER harus sama dengan yang di url di bawahnya https://www.kaksyukron.my.id/feeds/posts/default/-/Blogger?.

Dan ketika label terdiri dari lebih dari satu kata di url harus di pisah dengan kode %20, contoh di atas, judul label INFORMASI UMUM di url harus di pisah dengan %20 https://www.kaksyukron.my.id/feeds/posts/default/-/Informasi%20Umum?

Kalau kamu ingin menambahkan judul label lebih banyak copy kode scrip di atas dari kode <h3> sampai kode <br/> dan ganti judul label sesuai keinginan.

Sitemap di atas sudah saya coba di blogger dan hasilnya work dan tampil di blog. Untuk menambah pemahaman tentang sitemap tidak ada ruginya kamu juga mengetahui Pengertian dan Fungsi Sitemap untuk Blog

Demikian pembahasan kali ini, apabila ada pertanyaan atau komplain jangan sungkan tuangkan di komentar di bawah ya.

Kaksyukron