Cara Membuat Daftar Isi di WordPress

Pengalaman Pengguna (UX) pengunjung harus sangat penting bagi Anda sebagai pemilik atau pengembang situs web. Namun, mungkin sulit untuk mengetahui apakah Anda telah menutupi semua basis Anda, dan apa lagi yang harus Anda masukkan ke dalam situs Anda.

Salah satu elemen yang sering diabaikan adalah Daftar Isi (TOC) untuk konten bentuk panjang Anda. Penambahan TOC ke setiap posting Anda tidak hanya memungkinkan pembaca menemukan bagian yang mereka minati, tetapi juga membuat konten Anda tampak lebih teratur.

Dalam postingan ini, kami akan memperkenalkan berbagai opsi untuk membuat daftar isi WordPress (termasuk plugin, shortcode, dan HTML). Kami kemudian akan menguraikan dua gaya populer dan bagaimana Anda dapat mencapainya. Mari kita mulai!

Mengapa Saya Harus Menyertakan Daftar Isi di Situs WordPress Saya?

Meskipun Daftar Isi mungkin tampak berlebihan untuk posting blog, itu sebenarnya bisa sangat membantu meningkatkan UX situs Anda. Sebagian besar pembaca datang ke konten Anda untuk mencari jawaban atas pertanyaan spesifik. TOC memungkinkan mereka untuk dengan mudah melompat ke informasi yang paling relevan bagi mereka, alih-alih mengharuskan mereka menggulir dan membaca cepat untuk menemukan apa yang mereka butuhkan.

Selain itu, TOC dapat meningkatkan Search Engine Optimization (SEO) postingan Anda. Tautan praktis ini adalah tempat yang mudah untuk memasukkan kata kunci Anda, yang merupakan faktor peringkat yang sangat penting.

Selain meningkatkan kepadatan kata kunci Anda, memiliki TOC di postingan Anda dapat meningkatkan peluang Anda untuk mendapatkan cuplikan unggulan di Google. Ini adalah kutipan singkat yang muncul di atas daftar utama hasil untuk beberapa pencarian:

Mendapatkan cuplikan unggulan bukanlah ilmu pasti. Namun, daftar (seperti TOC) sering ditampilkan, karena dapat mengomunikasikan jawaban atas pertanyaan penelusur dengan cara yang jelas dan ringkas.

Menambahkan Daftar Isi Menggunakan Plugin

Plugin adalah cara sempurna untuk memperluas fungsionalitas di dalam WordPress. Ada beberapa solusi yang tersedia yang menyediakan cara mudah untuk menambahkan TOC WordPress ke postingan situs Anda.

Plugin daftar isi WordPress favorit kami adalah Fixed TOC. Anda juga dapat menggunakan plugin lain bersamaan dengannya, seperti Q2W3 Fixed Widget, untuk lebih mengoptimalkan TOC di situs web Anda.

Menginstal plugin itu sederhana. Yang harus Anda lakukan adalah:

1. Arahkan ke Plugins > Add New di dashboard WordPress.
2. Unggah file .zip plugin (gratis atau premium), atau instal dari Direktori Plugin (hanya plugin gratis).

Setelah diinstal dan diaktifkan, Anda akan memiliki akses penuh ke berbagai fungsi yang ditawarkan oleh plugin tersebut. Dari sana, prosesnya akan bervariasi berdasarkan alat yang Anda pilih.

Misalnya, inilah cara membuat TOC setelah Anda menginstal Fixed TOC:

1. Arahkan ke Pengaturan > TOC Tetap.
2. Di tab Umum , pilih jenis kiriman mana yang ingin Anda terapkan TOC, tingkat tajuk mana yang akan disertakan, dan di mana Anda ingin TOC Anda ditempatkan.
3. Di tab Warna , pilih skema warna untuk TOC Anda.

Plugin akan secara otomatis menambahkan TOC ke setiap posting yang relevan, dan menggunakan judul yang ada untuk membuat tautan lompat.

Menambahkan Daftar Isi Menggunakan Shortcode

Di samping plugin daftar isi WordPress, Anda dapat menggunakan kode pendek untuk lebih mengontrol bagaimana TOC WordPress Anda ditampilkan. Ini adalah cuplikan kode kecil yang dapat Anda tempelkan ke editor, memungkinkan Anda menampilkan konten khusus secara praktis di mana saja di halaman.

Kode pendek memudahkan untuk menambahkan daftar isi ke posting, halaman, sidebar, dan widget Anda. Begini caranya:

1. Unduh plugin TOC yang menggunakan shortcode, atau gunakan plugin tanpa shortcode bersamaan dengan solusi seperti Shortcoder.
2. Temukan shortcode yang ditawarkan oleh plugin, atau buat menggunakan Shortcoder.
3. Salin shortcode, dan tempelkan di mana pun Anda mau di dalam WordPress (di entri blog, misalnya). Shortcoder menawarkan shortcode daftar isi yang mudah, membuatnya mudah ditambahkan ke situs Anda.

Keindahan shortcode adalah seberapa fleksibel penempatannya. Anda dapat menambahkannya ke bagian atas, tengah, atau bawah halaman dan postingan Anda, atau bahkan di widget sidebar.

Cara Membuat Daftar Isi di WordPress Tanpa Plugin

Meskipun plugin adalah cara termudah untuk membuat TOC di dalam WordPress, Anda juga dapat menambahkannya secara manual. Berikut adalah dua metode untuk melakukan ini.

Membuat Daftar Isi dengan HTML  

Meskipun HTML dapat mengintimidasi, membuat TOC dengan kode sebenarnya adalah pilihan yang bagus untuk siapa saja yang membutuhkan solusi sederhana untuk situs web mereka. Untuk melakukan ini, Anda akan memasukkan tabel ke dalam WordPress, dan menyertakan link bookmark ke halaman tertentu.

Sejauh ini, ini adalah opsi manual paling sederhana – tanpa embel-embel atau massal. Tentu saja, Anda bisa tampil maksimal jika mau, dengan menggabungkan beberapa warna, berbagai gaya font dan judul, dan banyak lagi. Anda hanya terikat oleh kreativitas dan pengetahuan Anda tentang HTML.

Menggunakan Template Halaman Arsip dan Tautan untuk TOC

TOC tidak selalu harus ditempatkan di setiap posting dan halaman. Sebagai gantinya, Anda dapat membuat TOC 'master' menggunakan template WordPress. Ini adalah desain halaman prasetel, yang memungkinkan Anda membuat halaman khusus untuk elemen situs seperti arsip dan tautan.

Laman tersebut kemudian dapat digunakan di situs web Anda sebagai TOC 'master', yang mengarahkan pengguna ke konten persis yang mereka cari. Misalnya, ambil halaman Arsip Leaving Work Behind:

Template untuk halaman ini biasanya diberi nama archives.php dan links.php (walaupun Anda bisa mengganti namanya). Meskipun beberapa tema menyertakan halaman ini, tidak semuanya. Namun, Anda dapat membuatnya sendiri dengan sedikit pengetahuan pengkodean yang diperlukan.

Daftar Isi Gaya

Gaya daftar isi Anda memainkan peran besar dalam meningkatkan UX pengunjung. Dengan mengingat hal itu, mari kita lihat dua gaya paling populer untuk TOC WordPress.

Daftar Isi Mengambang

TOC mengambang adalah widget yang tetap berada di sisi halaman. Menerapkannya membutuhkan dua langkah. Pertama, Anda harus menyiapkan TOC WordPress dan menambahkannya ke situs WordPress Anda sebagai widget (menggunakan salah satu metode sebelumnya).

Setelah selesai, Anda dapat menggunakan plugin Q2W3 Fixed Widget (atau solusi serupa) untuk menjaga agar widget TOC 'macet' di sisi halaman. Dengan plugin ini terpasang, kembali ke area Widget di situs Anda dan buka widget TOC. Kemudian aktifkan kotak centang Fixed widget :

Setelah opsi ini diaktifkan, TOC tidak akan lagi hilang dari tampilan halaman saat pengguna menggulir ke bawah. Sebaliknya, itu akan bergulir bersama dengan konten halaman, sehingga selalu ada. Ini juga merupakan gaya default yang diterapkan oleh plugin Fixed TOC yang kami sebutkan sebelumnya.

Daftar Isi Sidebar

Mirip dengan TOC mengambang, dalam metode ini sidebar ditampilkan di kanan atau kiri halaman web Anda. Namun, alih-alih menggulir bersama pengguna, sidebar TOC tetap berada di posisi tetap (seperti yang ada di WPBeginner):

Sidebar TOC sangat mudah dibuat. Cukup tambahkan widget TOC jika memungkinkan, atau sertakan kode pendek di widget sidebar yang ada. TOC WordPress Anda kemudian akan muncul sebagai aspek tetap dari sidebar.

Sesuaikan Situs Anda Dengan Mesin WP

Memberikan UX kualitas tertinggi kepada pengguna situs web Anda akan membuat mereka kembali untuk mendapatkan lebih banyak konten. Selain mengajari Anda berbagai metode untuk memasukkan TOC WordPress ke dalam postingan dan halaman Anda, sumber daya kami memiliki banyak tip dan trik berharga untuk menyempurnakan situs Anda.

Kami juga menawarkan dukungan 24/7 yang luar biasa, dan berbagai paket hosting kami akan memastikan bahwa Anda dapat menemukan yang sesuai dengan kebutuhan Anda. Lihat mereka hari ini!