Membuat Daftar Isi (TOC) di Postingan Blogger



Membuat Daftar Isi (Table Of Content) di Postingan Blogger – Blog yang memiliki daftar isi di dalam postingan kebanyakan memang blog platform WordPress, karena untuk membuatnya pengguna tinggal install plugin “Table Of Content” yang disediakan gratis oleh Pengembang.

Lalu Bagaimana Membuat Daftar Isi di dalam postingan Blogger atau Blogspot?

Blogspot atau Blogger.com sendiri merupakan Hosting Gratisan yang disediakan oleh Google tanpa batasan space.

Namun untuk menambahkan fitur di Blogger, pengguna memang harus melakukan secara manual dengan cara otak-atik template sendiri.

Contohnya jika ingin membuat membuat daftar isi di dalam artikel, pengguna harus membuat daftar isi di halaman secara manual.

Membuat daftar isi manual di postingan blog tidaklah sulit, tapi harus meluangkan waktu tambahan karena harus membuat satu persatu daftar isi setelah itu lakukan test link apakah sudah berjalan dengan baik atau belum.

Daftar isi yang saya maksud di bahasan kali ini bukanlah Daftar isi Sitemap namun Daftar isi berupa Link Anchor.

Bagaimana Cara Kerja Daftar Isi Menggunakan Link Anchor?

Jika link pada Daftar Isi di Klik, Maka layar akan mengarahkan ke Sub Judul dalam satu artikel secara otomatis.

Contohnya Seperti Ini:

Berikut Langkah-Langkah Membuat Daftar Isi (TOC) di Dalam Artikel Blogger.

Untuk membuat Daftar Isi atau TOC (Table Of Content) di Blogger memang tidak semudah pada Blog WordPress namun kamu bisa menggunakan cara manual berikut ini:

Langkah Pertama,  Buatlah artikel sperti biasa yang berisi Sub Heading (Sub Judul). Usahakan artikel sudah benar-benar jadi karena saat membuat daftar isi hanya bisa dilakukan pada versi Edit HTML.



Langkah Kedua, Buatlah ID pada setiap Sub Heading (Sub Judul). Dengan cara masuk ke Mode HTML. Kemudian buat ID pada Sub Heading (Sub Judul) dengan format seperti ini:

cara membuat link anchor di blogger

<h2 id="HA">Sub Seading A</h2> <h2 id="HB">Sub Heading B</h2> <h2 id="HC">Sub Heding C</h2>


Langkah Ketiga, Buatlah list Daftar Isi. List Daftar Isi bisa ditempatkan pada awal, tengah maupun akhir paragraf seperti ini:




<p>Daftar isi</p> <ul><li><a href="#HA">Sub heading A</a></li> <li><a href="#HB">Sub heading B</a></li> <li><a href="#HC">Sub heading C</a></li> </ul>

Perhatikan pada setiap ID. ID harus sama dengan yang tertera di List Daftar Isi. Pada list Daftar Isi isi formatnya: 

<a hrep="#nama-id" sub heading </a> sedangkan pada sub judul formatnya <h2 id="nama-id"> sub heading</h2>.

Format Daftar Isi di Blogger.

Untuk percobaan, Silahkan copas (Copy - Paste) format Daftar Isi di bawah ini langsung ke Halaman HTML Blogger kamu kemudian klik Publish.

<p>Daftar isi</p> <ul><li><a href="#HA">Sub heading A</a></li> <li><a href="#HB">Sub heading B</a></li> <li><a href="#HC">Sub heading C</a></li> </ul> <h2 id="HA">Sub Seading A</h2> Aetikel <h2 id="HB">Sub Heading B</h2> <p>Artikel</p> <h2 id="HC">Sub Heding C</h2> <p>Artikel</p>


Ganti H2 sesuai keperluan seperti H3H4 dan seterusnya…

Penting: 
Setelah menambahkan kode pada Daftar Isi di Mode HTML Jangan pindah ke Mode Compose. Karena secara otomatis Link Https otomatis mengisi Daftar Isi yang kita buat dan Daftar Isi yang kita buat tidak akan bekerja dengan baik.

Fungsi Daftar Isi Menggunakan Link Anchor di Postingan Blogger.

1. Untuk Memudahkan Pembaca

Fungsi Pertama, yaitu untuk memudahkan pembaca blog. Sebenarnya membuat Daftar Isi pada postingan Blog di utamakan ke Blog yang memiliki artikel sangat banyak.

Tujuannya agar pengguna blog dapat menemukan point point bahasan dari setiap Sub Judul dengan sangat mudah.

Untuk Blog yang memiliki artikel kurang dari 600 kata saya rasa Daftar Isi kurang begitu penting.

Bagaimana Cara Menampilkan Stucture Jump to Link di Pencarian Google?

Jump to Link adalah salah satu structure yang ditampilkan pada Halaman Pencarian Google.

cara membuat jump link di blog

Dengan membuat Daftar Isi (Table Of Content) m:gunakan Link Anchor pada postingan Blog, Google akan menampilkan Sub Judul di pencarian mereka berdasaran kata kunci yang berhubungan.

Ini bekerja pada platform manapun baik Blogger maupun WordPress, namun Google perlu waktu untuk mengindeks structure tersebut.


Tidak ada komentar:

Diberdayakan oleh Blogger.