Cara Termudah Membuat Daftar Isi Postingan di Blog

Cara Paling Mudah Membuat Daftar Isi Postingan di Blog — Membuat daftar isi dalam sebuah postingan blog sangat penting jika kamu menuliskan artikel yang panjang dan lama.

Biasanya artikel blog yang ditulis lebih dari 1000 kata membutuhkan tabel daftar isi untuk memandu pembaca untuk mengetahui gambaran seluruh isi artikel sejak awal ia membaca postingan tersebut.

Dalam satu penelitian, Brian Dean, salah satu pakar SEO pemilik situs Backlinko menyebutkan bahwa rataan artikel yang berada di halaman pertama mensin pencarian (Google) memiliki kisaran 1,447 kata. Dengan artikel sepanjang itu, daftar isi sangat dibutuhkan sebagai navigasi pembaca.

Berikut ini adalah contoh langsung dalam membuat daftar isi dalam sebuah postingan di blog.

membuat daftar isi di blog

Daftar Isi

1. Daftar Isi 1
2. Daftar Isi 2
2. Daftar Isi 3

Langkah 1: Kode untuk daftar isi di atas
<h2 id="daftarisi">Daftar Isi</h2>

<a href="#daftarisi-1">1. Daftar Isi 1</a>

<a href="#daftarisi-2">2. Daftar Isi 2</a>

<a href="#daftarisi-3">2. Daftar Isi 3</a>

Daftar Isi 1  [⇪]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean accumsan non tellus non euismod. Vestibulum sit amet dui sed nibh mollis auctor sed sit amet dolor. Proin enim ligula, pretium nec mi ut, euismod aliquet arcu. Aliquam ac venenatis mi.

Daftar Isi 2  [⇪]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean accumsan non tellus non euismod. Vestibulum sit amet dui sed nibh mollis auctor sed sit amet dolor. Proin enim ligula, pretium nec mi ut, euismod aliquet arcu. Aliquam ac venenatis mi.


Daftar Isi 3  [⇪]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean accumsan non tellus non euismod. Vestibulum sit amet dui sed nibh mollis auctor sed sit amet dolor. Proin enim ligula, pretium nec mi ut, euismod aliquet arcu. Aliquam ac venenatis mi.

Langkah 2: Kode untuk bagian yang dituju dalam postingan
<h2 id="daftarisi-1">
Daftar Isi 1 <a href="#daftarisi">&nbsp;[⇪]</a></h2>

<h2 id="daftarisi-2">
Daftar Isi 2 <a href="#daftarisi">&nbsp;[⇪]</a></h2>

<h2 id="daftarisi-3">
Daftar Isi 3 <a href="#daftarisi">&nbsp;[⇪]</a></h2>

Satu hal yang harus kamu perhatikan
Peringatan! Kamu harus menulis kodenya di bagian edit html dan jangan dilihat dulu di halaman compose. Karena nanti akan berubah kodenya menjadi ada tambahan: https://www.blogger.com/... .

Kamu harus menghapus kode itu supaya scriptnya jalan. Jadi tipsnya adalah selesaikan saja semua tulisan di halaman edit html tanpa melihat di compose. Lebih baik langsung melihatnya di preview.

Untuk penggunaan tag H2, bisa diubah ke H3 atau H4 sesuai selera.

You may like these posts

Post a Comment