Cara Membuat Daftar Isi di Website WordPress Mudah & Cepat

cara membuat daftar isi

User experience (UX) seharusnya sudah menjadi prioritas bagi Anda sebagai pemilik atau developer situs web. Hal yang memudahkan user untuk bernavigasi di situs Anda adalah daftar isi (table of contents). Maka dari itu, mempelajari cara membuat daftar isi adalah sebuah kewajiban.

Cara membuat daftar Isi adalah salah satu hal yang sering diabaikan. Padahal penambahan daftar isi ke setiap postingan Anda tidak hanya membantu pembaca menemukan bagian yang mereka minati, tetapi juga membuat konten Anda tampak lebih teratur.

Dalam artikel ini, saya akan memperkenalkan berbagai opsi cara membuat daftar isi WordPress (termasuk via plugin, shortcode, dan HTML).  Kemudian, saya juga akan menjelaskan dua style yang populer dan bagaimana Anda dapat mencapainya.  

Ayo mulai!


Mengapa Perlu Ada Daftar Isi di Website?

Meskipun Daftar Isi mungkin tampak berlebihan untuk sebuah artikel blog, sebenarnya itu dapat sangat membantu meningkatkan UX situs Anda.  

Sebagian besar pembaca datang ke konten Anda untuk mencari jawaban atas pertanyaan spesifik.  Daftar isi memungkinkan mereka dengan mudah beralih ke informasi yang paling relevan bagi mereka.

Jadi, mereka tidak perlu scrolling dan skimming membaca seluruh artikel untuk menemukan apa yang mereka butuhkan.

Selain itu, mengerti cara membuat daftar isi juga dapat meningkatkan SEO website Anda. Ini juga adalah tempat yang mudah untuk memasukkan keywords Anda, yang merupakan faktor search ranking yang sangat penting.

Selain meningkatkan keywords density Anda, mengerti cara membuat daftar isi di artikel Anda dapat meningkatkan peluang Anda untuk mendapatkan cuplikan (snippet) unggulan di Google. 

Ini adalah kutipan singkat yang muncul di atas daftar utama hasil untuk beberapa pencarian:

contoh snippet cara membuat daftar isi

Mendapatkan snippet bukanlah ilmu pasti.  Namun, format berbentuk list (seperti daftar isi) sering kali ditampilkan sebagai snippet, karena dapat mengkomunikasikan jawaban atas pertanyaan dengan cara yang jelas dan ringkas.


Cara Membuat Daftar Isi Menggunakan Plugin

Plugin adalah cara sempurna untuk memperluas fungsionalitas di dalam WordPress.  Ada beberapa solusi yang tersedia yang memberikan cara membuat daftar isi WordPress ke artikel web Anda.

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

logo fixed toc

Menginstal plugin itu sederhana.  Yang harus Anda lakukan adalah:

  1. Buka Plugins > Add New di dasbor WordPress.
  2. Unggah file .zip plugin (gratis atau premium), atau pasang dari Direktori Plugin (khusus plugin gratis).

Setelah dipasang 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, berikut cara membuat daftar isi setelah Anda menginstal daftar isi tetap (Fixed TOC):

  1. Arahkan ke Setting > Fixed TOC.
  2. Di tab General, pilih tipe posting mana yang ingin Anda terapkan daftar isi, level heading mana yang akan disertakan, dan di mana Anda ingin daftar isi berada.
  3. Di tab Colors, pilih skema warna untuk daftar isi Anda.

Plugin akan secara otomatis menambahkan daftar isi ke setiap posting yang relevan, dan menggunakan tajuk Anda yang ada untuk membuat tautan langsung.


Cara Membuat Daftar Isi Menggunakan Shortcode

Anda pun dapat menggunakan kode pendek sebagai cara membuat daftar isi alternatif. 

Hal tersebut adalah cuplikan kode kecil yang dapat Anda tempelkan ke editor, memungkinkan Anda menampilkan konten khusus secara praktis di mana saja pada halaman.

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

  1. Download plugin daftar isi yang menggunakan kode pendek, atau gunakan plugin tanpa kode pendek seperti Shortcoder.
  2. Temukan kode pendek yang ditawarkan oleh plugin, atau buat menggunakan Shortcoder.
  3. Copy kode pendek, dan paste di mana pun Anda suka di dalam WordPress (dalam entri blog, misalnya).  Shortcoder menawarkan daftar isi shortcode, membuatnya mudah ditambahkan ke situs Anda.

Keindahan shortcode adalah fleksibilitas penempatannya.  Anda dapat menambahkannya ke atas, tengah, atau bawah halaman dan posting Anda, atau bahkan di widget sidebar.


Cara Membuat Daftar Isi di WordPress Tanpa Plugin

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

1. Cara Membuat Daftar Isi dengan HTML

Meskipun HTML dapat mengintimidasi, cara membuat daftar isi dengan kode sebenarnya adalah pilihan yang bagus bagi siapa saja yang membutuhkan solusi sederhana untuk situs web mereka.  

Untuk melakukannya, Anda perlu memasukkan tabel dalam WordPress, dan menyertakan link bookmark ke halaman tertentu.

Sejauh ini, ini adalah opsi manual paling sederhana – tanpa embel-embel yang merepotkan. 

Tentu saja, Anda dapat tampil maksimal jika Anda mau, dengan menyertakan beberapa warna, berbagai gaya font dan title, dan banyak lagi. Pengikat Anda hanyalah kreativitas dan pengetahuan Anda tentang HTML.

2. Cara Membuat Daftar Isi Menggunakan Template Halaman Archive dan Links

Daftar Isi tidak selalu harus ditempatkan di setiap postingan dan halaman.  Sebagai gantinya, Anda dapat membuat daftar isi ‘master’ menggunakan template WordPress.

Ini adalah desain halaman standar, yang memungkinkan Anda membuat halaman khusus untuk elemen situs seperti archive dan links.

Halaman tersebut kemudian dapat digunakan di situs Anda sebagai daftar isi ‘master’, mengarahkan pengguna ke halaman konten yang tepat yang mereka cari.  Misalnya, ambil halaman Arsip Leaving Work Behind:

Template untuk halaman-halaman ini biasanya dinamai archives.php dan links.php (walaupun Anda dapat mengganti namanya).  Meskipun beberapa tema menyertakan halaman ini, tidak semua melakukannya.  Namun, Anda dapat membuatnya sendiri dengan sedikit ilmu coding yang dibutuhkan.


Macam-Macan Style Daftar Isi

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

1. Daftar Isi Floating

Daftar isi floating adalah widget yang fixed berada di sisi halaman.  Menerapkannya membutuhkan dua langkah.  Pertama, Anda perlu menyiapkan daftar isi WordPress dan menambahkannya ke situs WordPress Anda sebagai widget (menggunakan salah satu metode sebelumnya).

Setelah selesai, Anda dapat menggunakan plugin Q2W3 Fixed Widget (atau plugin serupa) untuk menjaga widget daftar isi tetap ‘terjebak’ di sisi halaman.  

Setelah plugin ini diinstal, kembali ke area Widget di situs Anda dan buka widget daftar isi.  Kemudian aktifkan kotak centang Fixed Widget:

cara membuat daftar isi

Inilah cara membuat daftar isi yang tidak hilang dari display halaman saat user scrolling ke bawah.  Daftar isi akan ikut ke bawah dengan konten halaman, sehingga selalu ada. 

Ini juga merupakan gaya default yang diterapkan oleh plugin daftar isi Tetap yang kami sebutkan sebelumnya.

2. Daftar Isi Sidebar

Mirip dengan daftar isi floating, dalam metode ini sidebar ditampilkan di sebelah kanan atau kiri halaman web Anda.  Namun, alih-alih scrolling bersama pengguna, bilah sisi daftar isi tetap pada posisi tetap:

cara membuat daftar isi

Sidebar daftar isi sangat mudah dibuat.  Cukup tambahkan widget daftar isi jika memungkinkan, atau sertakan shortcode di widget sidebar yang ada. Daftar isi WordPress Anda kemudian akan muncul sebagai dengan gaya sidebar.


Kuasai Lebih Jauh Ilmu WordPress dan Kembangkan Bisnis Online Anda!

Di Blog Sribu, tujuan utama kami adalah menyediakan edukasi tentang bisnis online & digital marketing yang bermanfaat, berkualitas serta mudah dipahami bahkan untuk pemilik atau pegiat bisnis online yang bukan berasal dari kalangan ahli.

Berikut adalah rekomendasi beberapa artikel dan juga channel Sribu lainnya di mana Anda bisa mempelajari segala macam tentang bisnis online;

  • Panduan Pembuatan Website Mengerti cara membuat daftar isi di website belum bisa dibilang sebagai  website development yang lengkap.

Bagaimana dengan ilmu-ilmu lainnya? 

Untuk menguasai lebih dalam lagi, Anda bisa baca tentang di artikel panduan cara membuat Website.

  • Maksimal Aspek Digital Marketing & Bisnis Online Lainnya – sama halnya dengan yang di atas, mengerti WordPress masih hanya sebagian kecil aspek digital marketing dan bisnis online.

Masih banyak yang harus dikuasai!

Pelajari aspek-aspek lainnya di sini untuk mengakses panduan digital marketing dan di sini untuk panduan bisnis online!

  • Akun @Sribu di Instagram –  Inilah tempat Sribu berbagi teknik dan tips content marketing dengan gaya khas Sribu.

Anda bisa juga follow akun Instagram Sribu untuk mempelajari ini dan segala aspek bisnis online lainnya dengan postingan-postingan feed yang menarik

Follow Instagram Sribu lewat link ini.

  • Dapatkan Website WordPress yang Teroptimasi – Nah jika Anda benar-benar tidak paham sama sekali mengenai WordPress atau tidak memiliki waktu untuk mengutak-atik WordPress sendiri…

Sribu menawarkan jasa pembuatan website yang sudah teroptimasi di segala aspek, termasuk plugin-plugin essentials seperti daftar isi.

Dapatkan website Impian Anda dengan Jasa Pembuatan Website di Sribu

Anda juga bisa ketik pertanyaan Anda di Google dan tambahkan Blog Sribu di akhir pertanyaan tersebut. Ini menunjukkan artikel terkait dari Blog Sribu, yang kualitasnya sudah tentu terjamin. Kami berharap tutorial ini membantu Anda mempelajari cara membuat daftar isi di website.

Ryan Gondokusumo
Ryan adalah CEO dan Founder dari Sribu.com. 11 tahun pengalaman di management, product development, strategic dan digital marketing