Cara Membuat Daftar Isi di WordPress

Diterbitkan: 2024-10-19

Daftar isi dalam postingan blog atau artikel apa pun memainkan peran penting dalam meningkatkan pengalaman pengguna. Hal ini sangat penting karena rata-rata panjang konten industri berkisar antara 1.500 hingga 2.000 kata, dan di beberapa industri, bahkan lebih.

Panduan detail dan topik yang komprehensif umumnya memberi nilai tambah bagi pembaca, namun sayangnya hanya sedikit yang memiliki kesabaran untuk membaca keseluruhan postingan.

Di sinilah daftar isi menjadi penting, menawarkan daftar topik utama yang dibahas sehingga pembaca dapat langsung melompat ke bagian yang mereka anggap paling relevan dan berharga.

Oleh karena itu, untuk memberikan pengalaman pengguna yang lebih baik kepada khalayak luas, Anda harus menyertakan daftar isi dalam artikel atau blog Anda. Itu harus dapat diklik, disorot, dan terstruktur dengan baik.

Untuk mewujudkannya, di sini kami telah menghadirkan artikel komprehensif yang memandu Anda Cara membuat Daftar Isi di WordPress. Jadi tanpa penundaan lebih lanjut, mari kita mulai!


Daftar isi
Apa yang dimaksud dengan Daftar Isi?
Bagaimana Cara Membuat Daftar Isi di WordPress?
Tips praktik terbaik menggunakan Daftar Isi di WordPress
Ringkasan

Apa yang dimaksud dengan Daftar Isi?

Daftar Isi (TOC) seperti peta jalan untuk dokumen, artikel, atau buku apa pun. Ini memberi Anda gambaran umum tentang apa yang ada di dalamnya dan membantu Anda dengan cepat menemukan bagian tertentu yang Anda minati. Daripada menelusuri konten yang panjang, Anda dapat menggunakan Daftar Isi untuk langsung menuju bagian yang paling penting bagi Anda.

Dalam format digital, TOC sering kali menyertakan tautan yang dapat diklik, sehingga memudahkan navigasi konten dan mencapai tujuan tanpa kesulitan. Ini adalah cara sederhana untuk membuat konten panjang lebih ramah pembaca.


Bagaimana Cara Membuat Daftar Isi di WordPress?

Ada dua metode yang bisa Anda ikuti untuk membuat Daftar Isi di WordPress:

  • Mengikuti Cara Manual
  • Menggunakan Plugin WordPress

Kami akan memeriksa kedua metode ini secara mendetail, dan Anda memilih metode mana yang paling sesuai dengan Anda.

1. Membuat Daftar Isi di WordPress dengan Cara Manual

Editor blok Gutenberg di WordPress memungkinkan Anda menambahkan Daftar Isi (TOC) tanpa memerlukan plugin tambahan. Itu dibangun di WordPress, jadi tidak ada hal baru yang perlu dipasang atau diatur.

Meskipun menambahkan TOC secara manual menggunakan Gutenberg membutuhkan lebih banyak waktu dan tenaga dibandingkan menggunakan plugin, hal ini memiliki kelebihan. Salah satu manfaat besarnya adalah membantu situs web Anda memuat lebih cepat karena Anda tidak menambahkan plugin yang dapat memperlambat segalanya.

Pada akhirnya, ini adalah trade-off antara kenyamanan dan kinerja, namun patut dipertimbangkan jika Anda menginginkan situs yang lebih cepat.

Metode Manual Langkah demi Langkah:

  • Masuk ke WordPress:
    • Pertama, Anda harus masuk ke dashboard WordPress Anda. Di sinilah Anda dapat mengelola semua postingan dan halaman Anda.
    • Setelah masuk, buka Postingan > Semua Postingan dari menu sebelah kiri, lalu cari dan pilih postingan yang ingin Anda tambahkan TOC.
All posts section in WordPress
Semua bagian posting di WordPress
  • Tambahkan Judul ke Setiap Bagian Postingan Anda:
    • TOC dibuat berdasarkan judul yang Anda buat untuk berbagai bagian postingan Anda. Judul ini membagi konten Anda dan mengaturnya untuk pembaca.
    • Untuk menambahkan judul:
      • Tempatkan kursor Anda di tempat Anda ingin menambahkan judul atau judul bagian di postingan.
      • Tekan Enter untuk membuat baris baru.
      • Klik tanda + yang muncul di sebelah kanan, lalu pilih Judul dari opsi.
Heading option ins Block Editor
Opsi judul di Editor Blok
  • Pilih tingkat judul yang sesuai. Umumnya H2 digunakan untuk bagian utama, dan H3 dapat digunakan untuk subbagian.
  • Ketik judul yang Anda inginkan untuk bagian tersebut (misalnya, “Pendahuluan” atau “Langkah 1: Menambahkan Judul”).
  • Ulangi proses ini untuk setiap bagian artikel Anda yang ingin Anda tampilkan di TOC.
  • Mengapa ini penting: Judul ini akan membentuk struktur inti TOC Anda dan memudahkan pembaca menemukan bagian tertentu dalam artikel yang panjang.
  • Tambahkan ID Unik ke Setiap Judul (Jangkar HTML):
    • Sekarang, Anda harus membuat ID unik (disebut HTML Anchors ) untuk setiap judul sehingga tautan TOC dapat mengarahkan pembaca ke bagian tertentu saat diklik.
HTML Anchor
Jangkar HTML
  • Berikut cara menambahkan Jangkar HTML:
    • Klik pada judul di postingan Anda (yang Anda buat pada langkah sebelumnya).
    • Di sisi kanan editor, temukan tab Blokir . Di bawah ini, cari bagian Lanjutan .
    • Klik panah bawah untuk membuka bidang HTML Anchor .
    • Di bidang HTML Anchor , ketikkan nama unik untuk judul tersebut. Nama ini harus sederhana, seperti “pendahuluan” atau “langkah-1” (gunakan tanda hubung, bukan spasi).
    • Ulangi proses ini untuk setiap judul yang Anda buat sebelumnya.
  • Mengapa hal ini penting: Jangkar HTML sangat penting karena memungkinkan TOC membuat tautan yang dapat diklik yang mengarahkan pembaca langsung ke bagian tertentu dari konten Anda.
  • Buat Daftar Isi:
    • Sekarang, Anda siap untuk membuat TOC sebenarnya di bagian atas postingan Anda.
    • Berikut cara melakukannya:
      • Gulir ke bagian postingan Anda di mana Anda ingin TOC muncul.
      • Tambahkan blok Daftar (klik tanda + dan pilih Daftar ).
      • Dalam daftar, ketikkan nama semua judul yang ingin Anda sertakan (misalnya, “Pendahuluan”, “Langkah 1: Menambahkan Judul”, dll.).
      • Sorot setiap item dalam daftar satu per satu, dan klik ikon tautan pada toolbar di atas blok.
      • Di kolom URL, ketik # diikuti dengan ID unik (HTML Anchor) yang Anda berikan ke judul terkait. Misalnya, jika jangkar judul Anda adalah “pendahuluan”, ketikkan #introduksi.
      • Tekan Enter untuk menyimpan tautan.
      • Ulangi proses ini untuk semua judul, sehingga setiap item di TOC Anda dapat diklik.
  • Mengapa hal ini penting: Hal ini membuat Daftar Isi Anda berfungsi, memungkinkan pengguna mengeklik dan melompat langsung ke bagian yang mereka minati, sehingga meningkatkan pengalaman membaca mereka.

Contoh:

  • Jika judul pertama Anda adalah “Pendahuluan” dan Jangkar HTML-nya adalah “Pengantar”, di TOC, Anda akan menautkannya sebagai #introduksi.
  • Demikian pula, jika Anda memiliki judul “Langkah 1” dengan jangkar “langkah-1”, Anda akan menghubungkannya sebagai #langkah-1 di Daftar Isi.

Setelah selesai, Daftar Isi Anda akan dapat diklik dan mudah digunakan, memungkinkan pembaca dengan cepat melompat ke bagian yang mereka anggap paling relevan. Selain itu, karena Anda tidak menggunakan plugin, situs web Anda akan berjalan lebih efisien tanpa beban tambahan di server Anda.


WPOven Global Datacenter

2. Membuat Daftar Isi di Situs WordPress menggunakan Plugin WordPress

Jika Anda seorang pemula dan baru mengenal CMS WordPress, metode ini mungkin lebih cocok untuk Anda. Plugin WordPress memberi Anda cara yang lebih efisien dan termudah untuk membuat Daftar Isi daripada metode Manual.

Plugin ini sangat membantu sehingga tidak hanya menghemat waktu Anda tetapi juga mengurangi upaya sehingga Anda dapat fokus pada area pengembangan situs web lainnya.

Berikut adalah beberapa manfaat yang akan Anda dapatkan menggunakan Plugin WordPress untuk membuat Daftar Isi.

  • Otomatisasi : Sebuah plugin secara otomatis menambahkan TOC ke postingan Anda dengan memindai dan menemukan semua judul. Anda tidak perlu melakukan ini secara manual, sehingga menghemat waktu.
  • Pemformatan yang Konsisten : Plugin memastikan TOC terlihat sama di semua postingan Anda, sehingga semuanya tetap rapi dan seragam, terutama saat menambahkan TOC ke banyak postingan.
  • Pembaruan Otomatis : Jika Anda menambahkan judul baru atau mengubah judul yang sudah ada, plugin akan secara otomatis memperbarui Daftar Isi agar sesuai dengan konten baru. Anda tidak perlu melakukan ini secara manual.
  • Kustomisasi : Plugin sering kali memungkinkan Anda menyesuaikan tampilan TOC Anda, sehingga Anda dapat menyesuaikan tampilannya berdasarkan gaya atau preferensi Anda.

Manfaat ini menjadikan plugin TOC sebagai pilihan yang nyaman. Namun, seperti plugin lainnya, keamanan itu penting.

Apakah plugin TOC aman?

Ya, tetapi hanya jika Anda memasang plugin berkode baik dari sumber tepercaya. Selalu perbarui plugin Anda untuk melindungi situs web Anda dari risiko keamanan.

Sekarang Anda sudah memiliki gambaran dasar tentang plugin ini dan manfaatnya, sekarang saatnya mempelajari cara memanfaatkan plugin ini untuk membuat daftar isi.

SimpleTOC – Blok Daftar Isi

SimpleTOC – Table of Contents Block
SimpleTOC – Blok Daftar Isi

SimpleTOC – Blok Daftar Isi adalah plugin WordPress yang memudahkan untuk menambahkan Daftar Isi (TOC) ke postingan Anda. Secara otomatis mengumpulkan semua judul di postingan Anda dan membuat TOC untuk Anda. Anda juga dapat memutuskan berapa banyak tingkat judul (bagian utama dan subbagian) yang ingin Anda sertakan.

Cara kerjanya: Setelah Anda menginstal plugin, yang harus Anda lakukan adalah menambahkan blok baru di editor WordPress Anda (Gutenberg) dan memilih SimpleTOC dari daftar. Itu saja – TOC muncul tanpa perlu menyesuaikan pengaturan rumit apa pun.

Fitur utama:

  • Tidak diperlukan pengaturan : Setelah terinstal, cukup tambahkan blok, dan selesai.
  • Cocok dengan gaya tema Anda : TOC akan terlihat seperti situs web Anda lainnya, karena menggunakan desain tema WordPress Anda.
  • Pengguliran halus : Saat pengguna mengklik suatu bagian di TOC, pengguna akan menggulir dengan lancar ke bagian postingan tersebut, yang merupakan efek visual yang bagus.
  • Opsi FAQ : Anda juga dapat menggunakannya untuk membuat bagian FAQ di postingan Anda.
  • Bekerja dengan alat lain : Ini kompatibel dengan tema populer seperti GeneratePress dan alat SEO seperti Rank Math .
  • Mendukung berbagai bahasa , termasuk Jepang, Jerman, Belanda, Spanyol, dan Prancis.

Untuk siapa yang terbaik? Plugin ini sangat bagus untuk pemula dan pemilik website yang tidak punya banyak waktu. Ini sempurna untuk menambahkan TOC dasar dengan cepat dan mudah.

Harga : Ini sepenuhnya gratis untuk digunakan.

Meskipun demikian, Anda juga dapat menggunakan plugin premium/berbayar yang memberi Anda lebih banyak opsi penyesuaian dan fitur Mewah lainnya.


Tips praktik terbaik menggunakan Daftar Isi di WordPress

Berikut adalah beberapa praktik terbaik dalam menggunakan Daftar Isi (TOC) di WordPress untuk meningkatkan pengalaman pengguna dan meningkatkan organisasi konten:

1. Tetap Relevan:

  • Sertakan hanya bagian penting dalam TOC Anda. Fokus pada apa yang akan membantu pembaca menavigasi konten Anda dengan mudah.

2. Gunakan Judul yang Jelas dan Deskriptif:

  • Buatlah judul Anda lugas dan informatif. Dengan cara ini, pembaca dapat dengan cepat memahami isi setiap bagian hanya dengan melihat TOC.

3. Batasi Kedalaman Judul:

  • Gunakan beberapa tingkat judul, seperti H2 untuk topik utama dan H3 untuk subtopik. Terlalu banyak level dapat membingungkan pembaca, jadi buatlah sederhana!

4. Tempatkan TOC di Awal:

  • Letakkan TOC Anda tepat di awal postingan atau halaman Anda. Hal ini memungkinkan pembaca untuk langsung melihat apa yang Anda liput dan langsung menuju ke minat mereka.

5. Pastikan Tautan yang Dapat Diklik Berfungsi:

  • Periksa kembali apakah semua link di TOC Anda mengarah ke bagian yang benar. Langkah kecil ini membuat perbedaan besar dalam pengalaman pengguna!

6. Gaya untuk Keterbacaan:

  • Jadikan TOC Anda mudah dilihat dengan menggunakan desain yang bersih dan konsisten. Keterbacaan yang baik membuat pembaca tetap terlibat!

7. Gunakan Pengguliran Halus:

  • Jika bisa, aktifkan pengguliran halus untuk TOC Anda. Ini menciptakan pengalaman yang menyenangkan dan lancar ketika pembaca mengklik untuk melihat-lihat konten Anda.

8. Perbarui Daftar Isi Secara Teratur:

  • Setiap kali Anda menambahkan atau mengubah judul di konten Anda, pastikan untuk memperbarui Daftar Isi juga. Menjaga keakuratannya membantu pembaca Anda menemukan apa yang mereka cari.

9. Optimalkan untuk SEO:

  • Gunakan kata kunci yang relevan dalam judul Anda untuk membantu meningkatkan visibilitas postingan Anda di mesin pencari. Hal ini tidak hanya membantu Anda tetapi juga membuat TOC lebih bermanfaat bagi pembaca.

10. Pertimbangkan Pengguna Seluler:

  • Pastikan TOC Anda terlihat bagus di perangkat seluler. Banyak pembaca akan menggunakan ponsel mereka, jadi permudah mereka untuk bernavigasi di layar yang lebih kecil.

11. Sertakan TOC di Postingan Panjang:

  • Untuk artikel yang lebih panjang (kira-kira 1.500 kata atau lebih), TOC dapat menjadi penyelamat bagi pembaca Anda. Ini membantu mereka menemukan apa yang mereka butuhkan tanpa harus menggulir selamanya.

12. Bereksperimen dan Kumpulkan Umpan Balik:

  • Cobalah berbagai gaya dan tata letak TOC Anda untuk melihat mana yang terbaik bagi audiens Anda. Dengarkan tanggapan mereka dan sesuaikan seperlunya!

Dengan mengikuti tips ramah ini, Anda dapat membuat Daftar Isi di WordPress yang tidak hanya membuat konten Anda lebih terorganisir tetapi juga meningkatkan pengalaman membaca bagi audiens Anda.


WPOven Dedicated Hosting

Ringkasan

Daftar Isi (TOC) di WordPress baik untuk Anda dan pembaca Anda. Ini memudahkan pengunjung menemukan apa yang mereka cari di postingan blog Anda, menciptakan pengalaman yang lancar dan menyenangkan. Ketika orang-orang mendapatkan pengalaman yang luar biasa di situs web Anda, ini menunjukkan kepada Google bahwa situs Anda berguna.

Bahkan Google menganggap pengalaman pengguna sebagai salah satu faktor peringkat mereka dalam hasil pencarian. Jadi, jika TOC Anda membantu meningkatkan pengalaman pengguna dan konten Anda berkualitas tinggi, hal ini dapat menghasilkan peringkat yang lebih baik di hasil penelusuran Google.

Sederhananya, TOC membantu pembaca menavigasi konten Anda dengan mudah, dan ini dapat membantu situs web Anda lebih diperhatikan oleh Google.