{"id":24202,"date":"2022-10-13T12:10:51","date_gmt":"2022-10-13T05:10:51","guid":{"rendered":"\/tutorial\/?p=24202"},"modified":"2023-10-26T16:40:55","modified_gmt":"2023-10-26T09:40:55","slug":"cara-membuat-daftar-isi-wordpress","status":"publish","type":"post","link":"\/id\/tutorial\/cara-membuat-daftar-isi-wordpress","title":{"rendered":"Cara membuat daftar isi WordPress + plugin TOC terbaik"},"content":{"rendered":"<p>Panjang postingan blog yang ideal untuk&nbsp;<a href=\"\/id\/tutorial\/apa-itu-seo\">search engine optimization (SEO)<\/a> adalah sekitar&nbsp;<a href=\"https:\/\/blog.hubspot.com\/marketing\/how-long-should-your-blog-posts-be-faq\" target=\"_blank\" rel=\"noreferrer noopener\">2.000 kata<\/a> atau setara dengan 4 halaman berisi teks.&nbsp;Tapi menurut data dari Optinmonster, <a href=\"https:\/\/optinmonster.com\/blogging-statistics\/\" target=\"_blank\" rel=\"noreferrer noopener\">43% pembaca<\/a> mengaku  mereka hanya membaca sekilas&nbsp;<a href=\"\/id\/tutorial\/cara-membuat-blog\">postingan blog<\/a> yang dikunjungi.<\/p><p>Agar pengunjung tidak cepat berpaling dari website Anda, salah satu solusinya adalah dengan cara membuat daftar isi WordPress kalau Anda menggunakan CMS ini. Sebab, daftar isi bisa membantu pembaca melihat-lihat apa saja isi postingan Anda.<\/p><p>Nah, kami sudah menyiapkan artikel ini yang akan membahas cara membuat daftar isi WordPress&nbsp;secara manual maupun dengan plugin, lengkap dengan 5 plugin daftar isi WordPress yang direkomendasikan. Yuk, baca sampai selesai ya!<\/p><h2 class=\"wp-block-heading\" id=\"h-kenapa-harus-membuat-daftar-isi-wordpress\">Kenapa Harus Membuat Daftar Isi WordPress?<\/h2><p>Daftar isi atau Table of Content (TOC) membantu pengunjung untuk langsung menuju bagian postingan yang ingin dilihat. Tentu saja ini akan membuat konten menjadi lebih mudah diakses, terutama yang isinya panjang dan butuh waktu lama untuk dibaca.<\/p><p>Membuat daftar isi juga bisa memaksimalkan upaya optimasi website Anda.&nbsp;Misalnya, fitur ini akan mengurangi bounce rate karena pengunjung bisa langsung membuka bagian konten yang berisi jawaban dari istilah pencarian mereka.<\/p><p>Selain itu, daftar isi bisa membantu membuat tampilan halaman web menjadi lebih menarik di SERP. Daftar ini membantu Google untuk menghasilkan jump link ke bagian-bagian postingan Anda secara otomatis.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"806\" height=\"180\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/contoh-daftar-isi-wordpress.png\/public\" alt=\"contoh daftar isi wordpress\" class=\"wp-image-24308\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/contoh-daftar-isi-wordpress.png\/w=806,fit=scale-down 806w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/contoh-daftar-isi-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/contoh-daftar-isi-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/contoh-daftar-isi-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 806px) 100vw, 806px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-cara-membuat-daftar-isi-wordpress-secara-manual\">Cara Membuat Daftar Isi WordPress Secara Manual<\/h2><p>Di bagian ini, kami akan membahas cara membuat daftar isi WordPress menggunakan&nbsp;block <a href=\"\/id\/tutorial\/cara-menggunakan-editor-gutenberg-wordpress\">editor Gutenberg<\/a>.<\/p><p>Cara ini kurang begitu fleksibel, tapi merupakan alternatif yang cocok bagi user yang tidak ingin menginstal terlalu banyak plugin.<\/p><p>Perlu diperhatikan bahwa tutorial ini tidak berlaku kalau Anda menggunakan&nbsp;<a href=\"\/id\/tutorial\/page-builder-wordpress\">page builder<\/a> lain. Jadi, sebaiknya gunakan plugin WordPress untuk membuat TOC.<\/p><ol class=\"wp-block-list\">\n<li>Login ke dashboard WordPress Anda dan akses postingan yang ingin diberi daftar isi.<\/li>\n\n\n\n<li>Tambahkan block <strong>heading<\/strong>&nbsp;untuk setiap bagian yang ingin disertakan dalam daftar.<br><br>Lewati langkah ini kalau postingan Anda sudah memiliki heading. Umumnya heading bisa dikenali dari dari ukuran fontnya yang lebih besar daripada font teks isi.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"507\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/cara-menambahkan-block-heading-di-wordpress.png\/public\" alt=\"cara menambahkan block heading di wordpress\" class=\"wp-image-24310\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/cara-menambahkan-block-heading-di-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/cara-menambahkan-block-heading-di-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/cara-menambahkan-block-heading-di-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/cara-menambahkan-block-heading-di-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"3\">\n<li>Kemudian, letakkan kursor pada heading, lalu buka bagian <strong>Advanced<\/strong> di pengaturan. Tuliskan HTML anchor untuk heading tersebut, dan <strong>jangan ada spasi<\/strong>.<br><br>Ulangi langkah ini untuk semua heading dan pastikan setiap nama anchor berbeda.<\/li>\n\n\n\n<li>Tambahkan block <strong>List<\/strong>&nbsp;pada bagian halaman yang ingin ditambahkan daftar isi.&nbsp;Lalu, masukkan semua heading&nbsp;TOC secara berurutan.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"449\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/menambahkan-daftar-di-block-editor-wordpress.png\/public\" alt=\"menambahkan daftar di block editor wordpress\" class=\"wp-image-24313\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/menambahkan-daftar-di-block-editor-wordpress.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/menambahkan-daftar-di-block-editor-wordpress.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/menambahkan-daftar-di-block-editor-wordpress.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/menambahkan-daftar-di-block-editor-wordpress.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"5\">\n<li>Block dan highlight salah satu teks dari daftar menggunakan kursor, lalu klik ikon&nbsp;<strong>Link<\/strong> di toolbar.&nbsp;<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"482\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/membuat-internal-linking-secara-manual.png\/public\" alt=\"membuat internal linking secara manual\" class=\"wp-image-24312\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/membuat-internal-linking-secara-manual.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/membuat-internal-linking-secara-manual.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/membuat-internal-linking-secara-manual.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/membuat-internal-linking-secara-manual.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"6\">\n<li>Ketik HTML anchor yang diinginkan untuk heading tersebut menggunakan&nbsp;<strong>hashtag<\/strong> di dalam kotak yang muncul, lalu tekan&nbsp;<strong>Enter<\/strong>.<\/li>\n\n\n\n<li>Ulangi langkah 5 dan 6 untuk semua entri dalam daftar sehingga masing-masing memiliki link internal ke bagian yang ditargetkan.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"498\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/berhasil-membuat-internal-linking.png\/public\" alt=\"berhasil membuat internal linking\" class=\"wp-image-24309\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/berhasil-membuat-internal-linking.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/berhasil-membuat-internal-linking.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/berhasil-membuat-internal-linking.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/berhasil-membuat-internal-linking.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-cara-membuat-daftar-isi-wordpress-dengan-plugin\">Cara Membuat Daftar Isi WordPress dengan Plugin<\/h2><p>Membuat daftar isi WordPress secara manual mungkin perlu waktu yang lama khususnya bagi postingan panjang yang berisi banyak heading. Untungnya,&nbsp;ada beberapa <a href=\"\/id\/tutorial\/plugin-wordpress-terbaik\">plugin WordPress terbaik<\/a> yang&nbsp;bisa membantu Anda.<\/p><p>Untuk contoh kali ini, kami akan menunjukkan langkah-langkah membuat TOC di WordPress menggunakan <strong>Easy Table of Contents<\/strong>:<\/p><ol class=\"wp-block-list\">\n<li><a href=\"\/id\/tutorial\/cara-install-plugin-wordpress\">Instal dan aktifkan<\/a>&nbsp;plugin.<\/li>\n\n\n\n<li>Buka&nbsp;<strong><strong>Settings&nbsp;<\/strong><\/strong>-&gt;&nbsp;<strong><strong>Table of Contents<\/strong><\/strong>&nbsp;di dashboard WordPress.<\/li>\n\n\n\n<li>Di bagian <strong>General<\/strong>&nbsp;-&gt;&nbsp;<strong>Auto Insert<\/strong>, pilih jenis postingan yang akan diberi TOC secara otomatis oleh plugin tersebut. Pada contoh ini, kami memilih&nbsp;<strong>Posts<\/strong>.<\/li>\n<\/ol><p>Di bagian yang sama, Anda juga bisa mengatur posisi daftar isi, label header, dan jumlah heading yang akan ditampilkan.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/halaman-pengaturan-daftar-isi.png\/public\" alt=\"halaman pengaturan daftar isi\" class=\"wp-image-24311\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/halaman-pengaturan-daftar-isi.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/halaman-pengaturan-daftar-isi.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/halaman-pengaturan-daftar-isi.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/halaman-pengaturan-daftar-isi.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"4\">\n<li>Kemudian, sesuaikan lebar dan perataan TOC di bagian&nbsp;<strong>Appearance<\/strong>.&nbsp;Anda juga bisa mengubah ukuran font, tema, dan warna TOC.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"724\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/pengaturan-tampilan-daftar-isi.png\/public\" alt=\"pengaturan tampilan daftar isi\" class=\"wp-image-24315\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/pengaturan-tampilan-daftar-isi.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/pengaturan-tampilan-daftar-isi.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/pengaturan-tampilan-daftar-isi.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/pengaturan-tampilan-daftar-isi.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"5\">\n<li>Buka pengaturan konfigurasi&nbsp;<strong><strong>Advanced<\/strong>&nbsp;<\/strong>untuk memilih tampilan TOC.&nbsp;Misalnya, dengan hanya memilih heading H1, H2, dan H3, maka heading H4 dan seterusnya tidak akan ditampilkan di TOC.<\/li>\n<\/ol><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"481\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/pengaturan-lanjutan-daftar-isi.png\/public\" alt=\"pengaturan lanjutan daftar isi\" class=\"wp-image-24314\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/pengaturan-lanjutan-daftar-isi.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/pengaturan-lanjutan-daftar-isi.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/pengaturan-lanjutan-daftar-isi.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/pengaturan-lanjutan-daftar-isi.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ol class=\"wp-block-list\" start=\"6\">\n<li>Klik tombol&nbsp;<strong><strong>Save Changes<\/strong><\/strong>.<\/li>\n<\/ol><p>Tool gratis ini akan otomatis membuat daftar isi setelah konten dipublikasikan. Tapi, sebaiknya lihat previewnya dulu sebelum mengklik Publish untuk memastikan tidak ada error atau kesalahan konfigurasi.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/id\/wordpress-hosting\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-37614\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2024\/06\/ID-New-WP_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-5-plugin-daftar-isi-wordpress-terbaik\">5 Plugin Daftar Isi WordPress Terbaik<\/h2><p>Beberapa&nbsp;<a href=\"\/id\/tutorial\/plugin-seo-wordpress-terbaik\">plugin SEO WordPress<\/a>&nbsp;sudah menyertakan tool untuk membuat daftar isi di WordPress.&nbsp;Tapi kalau Anda lebih suka menggunakan plugin daftar isi WordPress sendiri, berikut 5 rekomendasi dari kami:<\/p><h3 class=\"wp-block-heading\">1. <a href=\"https:\/\/wordpress.org\/plugins\/easy-table-of-contents\/\" target=\"_blank\" rel=\"noreferrer noopener\">Easy Table of Contents<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"413\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Easy-Table-of-Contents.png\/public\" alt=\"plugin Easy Table of Contents\" class=\"wp-image-24316\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Easy-Table-of-Contents.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Easy-Table-of-Contents.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Easy-Table-of-Contents.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Easy-Table-of-Contents.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ul class=\"wp-block-list\">\n<li><strong><strong>Download<\/strong>:<\/strong>&nbsp;300.000+<\/li>\n\n\n\n<li><strong>Rating:<\/strong>&nbsp;4,5\/5<\/li>\n\n\n\n<li><strong>Fitur Penting:<\/strong>&nbsp;beberapa format counter bullet, penyisipan otomatis, kompatibilitas dengan berbagai page builder<\/li>\n\n\n\n<li><strong>Paling Cocok untuk:<\/strong>&nbsp;user WordPress pemula<\/li>\n\n\n\n<li><strong>Harga:<\/strong>&nbsp;gratis<\/li>\n<\/ul><p>Easy Table of Contents adalah salah satu plugin daftar isi WordPress yang paling banyak didownload. Plugin ini mempermudah user membuat TOC tanpa perlu mengedit kode HTML apa pun.&nbsp;Anda cukup mengonfigurasi pengaturan plugin seperti yang sudah dibahas di atas, lalu daftar isi pun akan otomatis muncul di postingan.<\/p><p>Plugin ini tidak memiliki versi premium, jadi semua fitur dan toolnya bisa diakses secara&nbsp;<strong>gratis<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-table-of-contents-plus\">2.&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/table-of-contents-plus\/\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><a href=\"https:\/\/wordpress.org\/plugins\/table-of-contents-plus\/\" target=\"_blank\" rel=\"noreferrer noopener\">Table of Contents Plus<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"462\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Table-of-Contents-Plus.png\/public\" alt=\"plugin Table of Contents Plus\" class=\"wp-image-24319\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Table-of-Contents-Plus.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Table-of-Contents-Plus.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Table-of-Contents-Plus.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Table-of-Contents-Plus.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ul class=\"wp-block-list\">\n<li><strong><strong>Download<\/strong>:<\/strong>&nbsp;300.000+<\/li>\n\n\n\n<li><strong>Rating:<\/strong>&nbsp;4,6\/5<\/li>\n\n\n\n<li><strong>Fitur Penting:<\/strong>&nbsp;tool untuk mengindeks halaman, termasuk pengindeksan konten untuk sidebar<\/li>\n\n\n\n<li><strong>Paling Cocok untuk:<\/strong>&nbsp;website dengan halaman panjang yang perlu diindeks<\/li>\n\n\n\n<li><strong>Harga:<\/strong>&nbsp;gratis<\/li>\n<\/ul><p>Plugin ini bisa jadi pilihan yang tepat kalau Anda memiliki website yang lebih kompleks dengan postingan WordPress multi-halaman.<\/p><p>Terinspirasi dari format TOC Wikipedia, developer Table of Contents Plus memungkinkan user untuk mengindeks dan menampilkan TOC di sidebar postingan mereka.<\/p><p>Semua fitur plugin ini tersedia secara&nbsp;<strong>gratis<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-simpletoc-table-of-contents-block\">3.&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/simpletoc\/\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><a href=\"https:\/\/wordpress.org\/plugins\/simpletoc\/\" target=\"_blank\" rel=\"noreferrer noopener\">SimpleTOC &ndash; Table of Contents Block<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Simple-TOC.png\/public\" alt=\"plugin Simple TOC\" class=\"wp-image-24318\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Simple-TOC.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Simple-TOC.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Simple-TOC.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Simple-TOC.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ul class=\"wp-block-list\">\n<li><strong><strong>Download<\/strong>:<\/strong>&nbsp;4.000+<\/li>\n\n\n\n<li><strong>Rating:<\/strong>&nbsp;5\/5<\/li>\n\n\n\n<li><strong>Fitur Penting:<\/strong>&nbsp;block editor widget sidebar, mendukung layout block kolom, kompatibilitas dengan teks non-Latin<\/li>\n\n\n\n<li><strong>Paling Cocok untuk:<\/strong>&nbsp;user Gutenberg<\/li>\n\n\n\n<li><strong>Harga:<\/strong>&nbsp;gratis<\/li>\n<\/ul><p>Kalau Anda sering menggunakan Gutenberg, sebaiknya gunakan plugin ini untuk membuat daftar isi WordPress.&nbsp;Plugin ini menawarkan opsi gaya asli Gutenberg langsung dari pengaturan widget sidebar.<\/p><p>Salah satu keunggulannya, plugin ini memiliki banyak pilihan bahasa dan kompatibel dengan teks non-Latin seperti bahasa Arab dan Jepang. Tentu saja ini akan mempermudah user yang memiliki website multibahasa atau non-Inggris.<\/p><p>Anda bisa mengintegrasikan semua fitur ini ke dashboard WordPress tanpa biaya tambahan.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-luckywp-table-of-contents\">4.&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/luckywp-table-of-contents\/\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><a href=\"https:\/\/wordpress.org\/plugins\/luckywp-table-of-contents\/\" target=\"_blank\" rel=\"noreferrer noopener\">LuckyWP Table of Contents<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"359\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-LuckyWP-Table-of-Contents.png\/public\" alt=\"plugin LuckyWP Table of Contents\" class=\"wp-image-24317\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-LuckyWP-Table-of-Contents.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-LuckyWP-Table-of-Contents.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-LuckyWP-Table-of-Contents.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-LuckyWP-Table-of-Contents.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ul class=\"wp-block-list\">\n<li><strong><strong>Download<\/strong>:<\/strong>&nbsp;80.000+<\/li>\n\n\n\n<li><strong>Rating:<\/strong>&nbsp;4,9\/5<\/li>\n\n\n\n<li><strong>Fitur Penting:<\/strong>&nbsp;kompatibel dengan beberapa page builder non-Gutenberg, tampilan yang bisa disesuaikan, ramah SEO<\/li>\n\n\n\n<li><strong>Paling Cocok untuk:<\/strong>&nbsp;user page builder seperti Beaver Builder dan WPBakery<\/li>\n\n\n\n<li><strong>Harga:<\/strong>&nbsp;gratis<\/li>\n<\/ul><p>LuckyWP kompatibel dengan sejumlah plugin page builder WordPress.&nbsp;User bisa menyesuaikan tampilan daftar isi dengan menyesuaikan lebar, warna kursor, dan ukuran font.&nbsp;Bahkan, plugin ini memiliki opsi TOC mengambang (floating TOC).<\/p><p>Plugin ini menyediakan fitur yang SEO-friendly dan pengalaman pengguna (UX) yang lancar. Semua tool-nya pun <strong>gratis<\/strong>!<\/p><h3 class=\"wp-block-heading\" id=\"h-5-ultimate-blocks\">5.&nbsp;<a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\"><\/a><a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ultimate Blocks<\/a><\/h3><figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"531\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Ultimate-Blocks.png\/public\" alt=\"plugin Ultimate Blocks\" class=\"wp-image-24320\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Ultimate-Blocks.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Ultimate-Blocks.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Ultimate-Blocks.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/10\/plugin-Ultimate-Blocks.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><ul class=\"wp-block-list\">\n<li><strong>Download:<\/strong>&nbsp;30.000+<\/li>\n\n\n\n<li><strong>Rating:<\/strong>&nbsp;4,9\/5<\/li>\n\n\n\n<li><strong>Fitur Penting:<\/strong>&nbsp;berbagai jenis block untuk berbagai fungsi, termasuk Call to Action (ajakan untuk bertindak atau) dan ulasan.<\/li>\n\n\n\n<li><strong>Paling Cocok untuk:<\/strong>&nbsp;user WordPress tingkat ahli<\/li>\n\n\n\n<li><strong>Harga:<\/strong>&nbsp;gratis<\/li>\n<\/ul><p>Ultimate Blocks adalah plugin multifungsi yang menawarkan 47 jenis block untuk editor Gutenberg WordPress, termasuk&nbsp;<a href=\"https:\/\/ultimateblocks.com\/table-of-contents-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">block table of contents<\/a>. Semua block <strong>gratis<\/strong>&nbsp;serta kompatibel dengan WordPress versi 5.0 dan yang lebih baru.<\/p><p>Plugin ini adalah pilihan tepat kalau Anda memiliki postingan website yang panjang dengan berbagai jenis konten.&nbsp;Misalnya, plugin ini sangat cocok untuk blogger atau marketer yang ingin membuat block CTA dan testimoni selain block daftar isi.<\/p><h2 class=\"wp-block-heading\" id=\"h-kesimpulan\">Kesimpulan<\/h2><p>Nah, kini Anda sudah mempelajari cara membuat daftar isi WordPress. Penambahan daftar isi menjadi cara terbaik untuk mengurangi bounce rate dan meningkatkan keseluruhan SEO website WordPress.<\/p><p>Untungnya, cara menambahkan daftar isi ke WordPress relatif mudah.&nbsp;Seperti yang telah kami bahas dalam artikel ini, user bisa membuat TOC secara manual atau dengan bantuan plugin.<\/p><p>Untuk memudahkan Anda menentukan pilihan, kami juga sudah mengulas 5 plugin daftar isi WordPress rekomendasi kami. Kalau Anda masih user , sebaiknya pilih <strong>Easy Table of Contents<\/strong>&nbsp;karena gratis dan mudah digunakan.<\/p><p>Ada pertanyaan atau komentar? Jangan ragu untuk menyampaikannya melalui kolom komentar di bawah artikel ini, ya. Semoga berhasil! <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Panjang postingan blog yang ideal untuk&nbsp;search engine optimization (SEO) adalah sekitar&nbsp;2.000 kata atau setara dengan 4 halaman berisi teks.&nbsp;Tapi menurut data dari Optinmonster, 43% pembaca mengaku mereka hanya membaca sekilas&nbsp;postingan blog yang dikunjungi. Agar pengunjung tidak cepat berpaling dari website Anda, salah satu solusinya adalah dengan cara membuat daftar isi WordPress kalau Anda menggunakan CMS [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/id\/tutorial\/cara-membuat-daftar-isi-wordpress\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":371,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"","rank_math_description":"Daftar isi bisa membuat artikel blog Anda terlihat lebih rapi. Yuk, baca cara membuat daftar isi WordPress di sini, lengkap dan mudah loh!","rank_math_focus_keyword":"cara membuat daftar isi wordpress","footnotes":""},"categories":[4859],"tags":[],"class_list":["post-24202","post","type-post","status-publish","format-standard","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/wordpress-table-of-contents","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/wordpress-indice","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/tabla-de-contenidos-wordpress","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-membuat-daftar-isi-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/wordpress-table-of-contents","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-add-a-wordpress-table-of-contents-2-easy-ways-and-the-best-plugins","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-add-a-wordpress-table-of-contents-2-easy-ways-and-the-best-plugins","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/tabla-de-contenidos-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/tabla-de-contenidos-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/tabla-de-contenidos-wordpress","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/wordpress-indice","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/wordpress-table-of-contents","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/wordpress-table-of-contents","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/wordpress-table-of-contents","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/wordpress-table-of-contents","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/24202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/users\/371"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/comments?post=24202"}],"version-history":[{"count":53,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/24202\/revisions"}],"predecessor-version":[{"id":31807,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/24202\/revisions\/31807"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media?parent=24202"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/categories?post=24202"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/tags?post=24202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}