Pernahkah Anda berhenti membaca sebuah artikel karena terlalu panjang, membosankan, atau Anda tidak dapat menemukan bagian yang benar-benar ingin Anda baca?
Hal ini mungkin tidak terjadi jika penulis telah menambahkan daftar isi.
Bagaimana cara membuat daftar isi blog WordPress agar pembaca tidak melewatkan satupun tulisan?
Mengapa Daftar Isi di WordPress Perlu Ditambahkan?
Daftar isi adalah daftar tautan lompat yang mengarah ke bagian yang berbeda pada halaman atau posting dan sangat berguna untuk postingan panjang, karena mereka menyoroti bagian penting dari sebuah artikel untuk meningkatkan pengunjung lebih banyak serta pembaca yang lebih efisien.
Anda mungkin pernah melihat daftar isi di situs web seperti Wikipedia.
Daftar isi memudahkan pengguna untuk melompat ke bagian yang ingin mereka baca dalam artikel yang panjang.
Daftar isi juga membantu SEO WordPress Anda karena Google secara otomatis menambahkan tautan lompat ke bagian dimana situs Anda ditemukan dalam hasil pencarian.
Anda dapat secara manual membuat daftar isi di WordPress dengan menulis kode HTML.
Baca Juga : Apa itu HTML?
Namun hal itu sulit bagi pemula karena Anda harus membuat daftar secara manual, menambahkan tautan, dan menambahkan atribut ID di seluruh artikel.
Namun tidak perlu khawatir karena terdapat cara yang mudah.
Berikut cara mudah membuat daftar isi di postingan dan halaman WordPress.
Cara Membuat Daftar Isi Blog WordPress Manual
Anda dapat secara manual menambahkan daftar isi ke postingan atau halaman WordPress Anda dengan menggunakan sedikit kode. Berikut adalah tampilan dan fungsi daftar isi di front-end situs WordPress Anda:
Perhatikan bahwa Anda dapat menggunakan editor blok Gutenberg, yang merupakan editor asli WordPress.
Jika Anda menggunakan pembuat halaman WordPress lain, Anda sebaiknya menggunakan plugin daftar isi yang kompatibel dengan editor halaman tersebut.
Berikut adalah proses membuat daftar isi secara manual.
- Buka postingan atau halaman website yang ingin Anda tambahkan.
- Jika tidak ada, buatlah heading yang akan digunakan sebagai item.
- Klik ke blok heading pertama. Sebuah toolbar akan muncul.
- Klik tombol More Options (ikon tiga titik vertikal) dan pilih Edit as HTML.
- Tambahkan nama ID unik ke tag pembuka judul. Nama ID adalah pengidentifikasi unik yang ditambahkan ke tag pembuka elemen HTML. Berikut tampilan untuk heading:
“<“<h2 id=”unique-id”> Section Name </h2>” https://blog.hubspot.com/website/best-table-of-content-Wordpress-plugins”
- Ulangi untuk sisa judul pada halaman (atau hanya judul yang ingin Anda sertakan). Untuk demo ini, saya akan menggunakan nama ID “anchor-1,” “anchor-2,” “anchor-3,” dan “anchor-4.”
- Gulir kembali ke bagian atas halaman. Klik tombol Tambah Blok di bilah alat atas.
- Klik blok HTML Khusus. Blok HTML ini akan memungkinkan Anda untuk membuat daftar isi.
- Tambahkan daftar isi dengan tautan lompat milik Anda. Tautan lompat adalah jenis hyperlink tertentu yang dapat diklik pembaca untuk “melompat” ke bagian berbeda pada halaman yang sama. Untuk membuat jump link demo ini, saya cukup mengisi atribut href dengan hashtag dan nama id dari heading yang saya tulis di langkah sebelumnya.Untuk membuat loncatan ke halaman yang diinginkan, Anda harus memasukkan kode HTML.
- Sesuaikan nama bagian dan tautan lompat sehingga tertaut ke bagian yang benar. Saat mengedit tautan lompat Anda, jangan lupa tagar di depan nama ID.
Meskipun proses ini hanya membutuhkan beberapa langkah, proses ini membutuhkan pengetahuan tentang HTML dan CSS.
Jika Anda tidak terbiasa atau tidak nyaman dengan pengkodean, Anda dapat menggunakan plugin untuk menambahkan ToC ke posting dan halaman WordPress Anda.
Di bawah ini adalah daftar plugin untuk pembuatan daftar isi terbaik yang tidak memerlukan pengkodean apa pun.
Cara Membuat Daftar Isi Blog WordPress dengan Plugin
Membuat Table of Content (ToC) dengan plugin adalah hal sederhana. Anda cukup menginstal plugin ToC dan mengkonfigurasi pengaturannya.
Anda akan mulai dengan pengaturan umum. Sebagian besar plugin akan memungkinkan Anda untuk memilih jenis konten apa yang harus dibuat, dan apakah Anda ingin daftar isi dimasukkan secara otomatis di setiap posting, halaman, dan jenis konten lain yang didukung atau apakah Anda ingin memutuskan post-by-post.
Kemudian Anda akan memiliki beberapa pilihan desain. Berapa besar yang Anda inginkan?
Apa ukuran font?
Berikut hanya beberapa opsi yang kemungkinan akan disertakan dalam pengaturan plugin.
Inilah daftar dari beberapa plugin ToC terbaik di pasaran.
Anda dapat melihat dokumentasi untuk plugin manapun yang Anda pilih untuk instruksi lebih rinci tentang cara menggunakannya.
1. Fixed TOC
Fixed TOC adalah plugin WordPress yang kuat dan berkode bersih yang akan memudahkan untuk menambahkan daftar isi ke blog Anda.
Plugin premium ini dapat secara otomatis memindai judul di seluruh posting, yang tetap diperbaiki saat Anda menggulir halaman ke bawah.
Fixed TOC hadir dengan lebih dari 50 efek animasi, kotak meta untuk setiap halaman, berbagai opsi penyesuaian, dan banyak lagi.
Selain kompatibel dengan browser dan versi WordPress terbaru, plugin ini juga siap diterjemahkan sehingga Anda dapat melokalkan daftar isi ke bahasa apa pun yang Anda inginkan.
Dengan menggunakan plugin ini, Anda dapat yakin bahwa pembaca Anda akan menemukan konten yang mereka inginkan dengan cepat dan mudah.
Kelebihan
- Anda dapat menyusun item, memungkinkan Anda untuk menautkan ke subbagian dalam bagian yang lebih besar.
- Fixed TocC dapat membuat daftar isi secara otomatis berdasarkan judul pada halaman.
- Tombol pintasan dapat menjaga ToC di satu tempat saat pengguna menggulir halaman ke bawah.
Kontra
- Sedikit sulit untuk digunakan dengan Gutenberg, editor blok asli WordPress, karena tidak dioptimalkan untuk itu.
- Saat Anda mengklik tombol tempel, ToC mengaburkan konten di sisi kanan halaman (pengguna harus menutup ToC untuk melihat konten itu lagi).
2. Heroic Table of Content
Heroic Table of Content adalah cara mudah untuk menambahkan daftar isi yang dibuat secara otomatis ke situs web WordPress Anda secara gratis.
Plugin ini memindai artikel Anda yang mencantumkan judul artikel Anda (h1, h2, h3, dll).
Anda dapat dengan mudah menyembunyikan kelas heading yang tidak Anda inginkan. Ini berarti tidak perlu lagi membuat ToC Anda secara manual, atau harus memperbaruinya saat Anda mengubah artikel.
Plus, karena dibuat sebagai blok WordPress, mudah untuk menarik dan melepas ToC Heroik ke konten Anda.
Kelebihan
- Secara otomatis membuat daftar isi berdasarkan judul pada halaman.
- Pemberian label ulang judul sehingga lebih pendek dan lebih mudah untuk dipindai.
- Memungkinkan Anda memilih antara daftar bernomor, berpoin, atau polos.
- Dioptimalkan oleh Gutenberg agar mudah digunakan dalam editor blok asli WordPress.
Kontra
- Itu hanya datang dengan 4 gaya ToC.
- Anda tidak akan memiliki akses ke opsi penyesuaian ekstensif dalam hal warna, font, dan gaya batas.
3. CM Table of Content
Dengan plugin yang sepenuhnya dapat disesuaikan ini, Anda dapat menentukan berdasarkan kelas, tag, atau id.
Ini juga memungkinkan Anda untuk lebih menyesuaikan dengan bagian, judul, dan posisi yang berbeda.
Secara keseluruhan, CM Table of Contents memungkinkan Anda dengan mudah menata tabel agar sesuai dengan merek dan suara situs web Anda.
Kelebihan
- Plugin ini menawarkan opsi penyesuaian standar untuk daftar isi Anda.
- Plugin ini mendukung TOC di beberapa halaman di seluruh situs.
- Anda dapat memasukkan TOC di lokasi tertentu pada posting atau halaman menggunakan kode pendek.
Kontra
Antarmuka pengguna mungkin kurang intuitif.
4. Multipage
Multipage adalah plugin WordPress yang memungkinkan Anda untuk membagi posting panjang menjadi beberapa halaman dengan daftar isi yang dapat disesuaikan.
Setiap sub halaman dapat memiliki judulnya sendiri, membuat navigasi lebih mudah bagi pembaca Anda.
Setiap sub halaman dengan Multipage memberi Anda data tentang tampilan halaman.
Dengan cara ini Anda dapat mengukur lalu lintas secara akurat dan melihat halaman mana yang berkinerja terbaik dan menyesuaikan strategi Anda dengan tepat.
Kelebihan
- Anda dapat membagi postingan yang panjang menjadi beberapa halaman, masing-masing dengan header yang dapat disesuaikan.
- Anda dapat membuat berbagai halaman arahan dengan kode yang lebih sederhana.
- Anda dapat membuat beberapa halaman dalam situs web Anda tanpa tampilan yang ramai.
Kontra
Pengkodean CSS dalam plugin terbatas. Anda perlu mengunduh file .css ke folder tema untuk mengedit tampilan dan nuansa TOC.
5. Ultimate Block
Ultimate Blocks adalah plugin Gutenberg yang kuat yang memiliki lebih dari 15 blok.
Salah satu blok ini memungkinkan Anda untuk menambahkan daftar isi ke posting atau halaman WordPress Anda dalam waktu singkat.
Dengan blok ini, tidak ada pengaturan tambahan untuk dikonfigurasi. Cukup masukkan blok “Daftar Isi” dan itu akan menghasilkan ToC secara otomatis dari judul Anda.
Anda dapat memilih tajuk mana yang ingin Anda izinkan untuk dicantumkan dan memberi pengguna opsi untuk mengaktifkan visibilitas ToC.
Kelebihan
- Plugin secara otomatis menghasilkan ToC berdasarkan judul pada halaman.
- Pengguna dapat memilih apakah akan menampilkan atau menyembunyikan ToC.
- Anda dapat menambahkan ToC di mana saja pada halaman atau posting hanya dengan menambahkan blok yang diinginkan.
- Anda dapat memisahkan item daftar menjadi dua dan tiga kolom untuk pengalaman pengguna yang lebih baik.
Kontra
- hanya kompatibel dengan Gutenberg — tidak dengan pembuat halaman pihak ketiga.
- menawarkan opsi penyesuaian terbatas; kamu tidak bisa berubah
Anda dapat menambahkan daftar isi ke posting dan halaman WordPress Anda dengan mengikuti panduan tata cara membuat daftar isi blog di wordpres secara manual dan plugin.
Daftar isi meningkatkan SEO Anda dan memudahkan pembaca untuk menavigasi konten Anda, sehingga memungkinkan mereka membaca dan mendapatkan informasi sesuai kebutuhan.
Baca Juga : Cara Duplikat Halaman WordPress, 5 Metode yang Bisa Anda Gunakan