Membuat Halaman Daftar Isi Otomatis Di Blogspot | SEO dan Mobile Friendly

Menambahkan Daftar Isi otomatis Di blogger dan Wordpress

Umumnya setiap tulisan dengan banyak halaman di wajibkan punya daftar isi, pentingnya menyisipkan halaman ini bukannya tanpa alasan, ini dapat membantu pembaca ketika ingin mengetahui secara garis besar point-point yang dibahas. 

Contoh daftar isi silahkan di buka pada bagian menu toolbar sitemap di atas

Fungsi secara umum daftar isi sebagai navigator bagi pembaca, dalam konteks bloging, terdapat dua model; ada yang di peruntukan untuk bot dan manusia, istilah lainnya dikenal dengan sebutan sitemap. 

Sitemap pada umumnya terdiri dari kumpulan judul sebagai tautan anchor text, ketika seseorang melakukan klik pada tautan, otomatis akan di arahkan pada halaman bacaan sesuai judul. 

Keuntungan Membuat Daftar Isi di Blog

Dalam penerapannya, semua tautan setiap postingan akan di tampilkan pada satu halaman dalam bentuk anchor rext, Tentu saja ini akan sangat membantu dalam meningkatkan nilai SEO sekaligus jumlah pengunjung yang mampir ke blog.

Ketika para pengunjung berada pada halaman daftar isi, mereka dapat memilih dan berpindah dari satu bacaan ke bacaan lain dengan cepat tanpa harus mencari secara manual, yang dapat memakan waktu sangat lama sehingga membuat pengunjung jenuh, apalagi jumlah postingan sudah mencapai ribuan bahkan puluhan ribu.  

Dengan menyematkan daftar isi, kemudahan mengakses bacaan memungkin mereka menghabiskan waktu cukup lama di blog, sehingga tak secara langsung dapat menurunkan presentase bounce rate.

Bagaimana Cara Kerja Daftar Isi Otomatis ?

Proses pembuatan daftar isi dapat dilakukan manual apabila jumlah postingan di blog masih sedikit, 10 postingan atau 20 masih mudah dan masih bisa ditoleransi, bagaimana kalau postingan berjumlah ribuan bahkan puluhan ribu, tak mungkin dapat dilakukan sehari.

Dengan jumlah puluhan ribu postingan, perlu waktu setahun mungkin, itu pun kalau rutin setiap hari membuatnya. 

Daftar isi otomatis akan dibuat secara otomatis, bahkan saat ada postingan baru di blog, daftar ini akan terupdate otomatis juga. Jadi tidak perlu susah payah manual, satu persatu membuat anchor text kemudian menambahkan link, cukup menggunakan cara otomatis, semua dapat dilakukan dengan mudah.

Cara Membuat Daftar isi/ sitemap otomatis Di blogger 

Daftar isi yang dibuat tampak simpel dan sederhana, karna berupa daftar judul setiap postingan pada satu halaman. Proses membuatnya sangat mudah, cukup menambahkan kode pendek html, dan waktu menerapkannya pun tidak lama, mungkin sekitar 1-2 menit untuk pemula;

1. Langkah pertama, salin kode di bawah ini :

<script type="text/javascript">

var numposts = 100;

var standardstyling = true;

function showrecentposts(json) {

for (var i = 0; i < numposts; i++) {

var entry = json.feed.entry[i];

var posttitle = entry.title.$t;

var posturl;

if (i == json.feed.entry.length) break;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

posturl = entry.link[k].href;

break;

}}

posttitle = posttitle.link(posturl);

if (standardstyling) document.write('<li>');

document.write(posttitle);}

if (standardstyling) document.write('</li>');

}

</script>

<ul>

<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>

</ul>

Kode angka 100 merupakan jumlah daftar yang akan di tampilan, urutannya dari postingan yang paling baru dan seterusnya. Saat ada postingan terbaru, akan di tambahkan pada daftar paling atas, sedangkan daftar paling bawah akan hilang. 

Nah jumlah itu bisa di kostum sesuai keperluan, semakin besar jumlahnya, sebelum menambah angkanya, pastikan loading halaman dalam keadaan baik.

2. Langkah kedua Buka Dasboard Blogger

3. Masuk ke menu halaman, pada bagian ini, buat satu halaman

4. Buat Judul Halaman, misalnya "Daftar Isi" atau Daftar Isi nama blog kamu

5. Saat Berada di tampilan menulis, berpindah ke tampilan html

6. Setelah itu, paste kode dan lakukan publikasi, Selesai.

Untuk melihat hasil perubahan, tunggu kisaran waktu satu sampai 2 menit. Setelah itu cek hasilnya pada halaman tersebut, apabila muncul daftar tautan anchor text dengan nama judul postingan, maka proses ini berhasil, kalau masih belum muncul lakukan pengecekan pada kode, siapa tahu beberapa kode tidak sengaja terhapus atau ulangi cara diatas dari awal.

Bisakah Kode nya Di Terapkan Untuk Wordpress ?

Bisa, tinggal buat halaman baru, pindah ke mode compose html, lanjut salin dan tempelkan kode pada bagian halaman. 

Ini Wajib di lakukan setelah costum Domain

Yura Hengky

Informasi adalah remah roti

Share this post

Facebook

Twitter

Pinterest

More

Less

Tumblr

Mix

E-Mail

GMail

LinkedIn

Reddit

XING

WhatsApp

Hacker News

VK

Telegram

OK

Line