Cara Membuat Daftar Isi Blog (Sitemap) Berdasarkan Label

Cara Membuat Daftar Isi Blog (Sitemap) Berdasarkan Label

Membuat daftar isi atau sitemap di blog berdasarkan label atau kategori tentunya akan sangat membantu pengunjung dan pembaca blog kita mencari artikel dalam suatu label atau kategori menjadi lebih mudah. Tidak hanya baik untuk pembaca, tetapi akan baik juga untuk mesin pencari Google.

Kenapa saya katakan baik untuk mesin pencari Google? Karena Google menganjurkan menu navigasi daftar isi atau sitemap ini. Karena dengan adanya daftar isi atau sitemap ini tentunya akan mempermudah pengunjung menjelajahi blog kita.

Untuk contoh daftar isi atau sitemap bisa melihat di blog saya dengan klik link Daftar Isi.

Fungsi Daftar Isi (Sitemap) di Blog

Selain baik untuk mesin pencari Google dan untuk mempermudah pengunjung untuk menjelajahi blog kita, ini dia fungsi lain dari menu navigasi daftar isi atau sitemap di blog.
  • Menghindari posting duplikat dalam label atau kategori dan menghindari kebingungan bot mesin pencari.
  • Mendukung pembuatan tautan internal blog yang menaikkan peringkat halaman.
  • Dapat digunakkan sebagai tautan "Posting Terkait", pada setiap posting blog.
  • Memberikan gambaran informasi yang umum terhadap pengunjung.

Pilihan Script Daftar Isi (Sitemap) Blog

Cara Membuat Daftar Isi Blog (Sitemap) Berdasarkan Label
Style 1

<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.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>
<script src="http://www.aguskusuma.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

Cara Membuat Daftar Isi Blog (Sitemap) Berdasarkan Label
Style 2

<script src="https://cdn.rawgit.com/mowdot/mysitemap/master/sitemapku.js"></script><br />
<br />
<script src="http://www.aguskusuma.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>

Catatan: Ganti tulisan yang berwarna ungu dengan url atau link blog anda.

Cara Membuat Daftar Isi (Sitemap) di Blog

Untuk cara membuat daftar isi (sitemap) di blog anda bisa mengikuti tutorialnya dibawah.
1. Klik menu Halaman di Blogger. Kemudian klik Halaman baru. Setelah itu anda copy salah satu script diatas mana yang menurut anda tampilannya lebih baik.

Cara Membuat Daftar Isi Blog (Sitemap) Berdasarkan Label

2. Beri judul halaman tersebut dengan Daftar Isi atau Sitemap. Sebagai contoh disini saya menggunakan judul Daftar Isi dan selanjutnya kita klik HTML dan tempel script daftar isi (sitemapnya). Lalu klik Publikasikan.

Cara Membuat Daftar Isi Blog (Sitemap) Berdasarkan Label
3. Selesai!

Jika Terjadi Error

Cara Membuat Daftar Isi Blog (Sitemap) Berdasarkan Label

Jika terjadi error seperti gambar diatas, itu berarti blog anda sudah menggunakan https. Contoh script seperti ini <script src="http://www.aguskusuma.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script> berarti anda harus merubahnya menjadi <script src="https://www.aguskusuma.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>. Tinggal menambah huruf 's' saja hehehe.

Gampang bukan? Jika ada yang ingin ditanyakan anda bisa berkomentar dibawah. Ingin artikel blog anda cepat terindex Google? Baca artikel Cara Agar Artikel Blog Cepat Terindex Google.

Terima kasih.

Subscribe to receive free email updates:

0 Response to "Cara Membuat Daftar Isi Blog (Sitemap) Berdasarkan Label"

Posting Komentar