Cara Menampilkan Link Navigasi Breadcrumb di WordPress

Saat Anda mengunjungi situs web dan melihat sesuatu seperti “ Beranda-> Toko-> Akun Saya” , itu disebut remah roti .

Mereka berfungsi sebagai “jejak” untuk membantu pengguna memahami lokasi mereka saat ini di situs dan bagaimana mereka sampai di sana. Dinamakan berdasarkan kisah Hansel dan Gretel, remah roti membantu pengguna melalui navigasi situs.

Dalam tulisan hari ini, kita akan membahas:

• Manfaat menambahkan remah roti
• Metode terbaik untuk menerapkan remah roti di situs WordPress Anda.
• Plugin WordPress terbaik untuk menambahkan remah roti ke situs web Anda.

Tanpa membuang waktu, mari kita mulai-

Manfaat Menambahkan Breadcrumbs ke Website Anda

Sebelum kita masuk ke bagian tutorialnya, anda harus mengetahui manfaat dari breadcrumbs-

1. Breadcrumbs memberi pengguna peta perjalanan mereka yang jelas, berguna di situs web besar seperti situs eCommerce atau blog.
2. Breadcrumbs berkontribusi pada pengalaman menjelajah yang lebih lancar.
3. Pengunjung dapat dengan cepat melompat ke halaman tanpa bergantung pada menu utama atau tombol kembali.
4. Mesin pencari menggunakan remah roti untuk memahami struktur situs web Anda.
5. Breadcrumbs dapat muncul di hasil mesin pencari, meningkatkan rasio klik-tayang, dan membantu mesin pencari mengindeks situs Anda dengan lebih baik.
6. Breadcrumb mengurangi rasio pentalan dan meningkatkan keterlibatan.
7. Mereka ringan dan mudah beradaptasi

Breadcrumbs bukan hanya sekedar bantuan navigasi, tapi juga merupakan komponen penting dari setiap situs web yang ramah pengguna dan dioptimalkan untuk pencarian.

Sekarang mari kita lihat bagaimana Anda dapat menambahkan navigasi remah roti di situs WordPress.

Cara Menambahkan Navigasi Breadcrumb ke Situs WordPress

Jadi kami akan menunjukkan cara menambahkan navigasi remah roti ke situs WordPress Anda menggunakan 3 metode.

• Menggunakan plugin WordPress
• Menggunakan Kode Khusus
• Menggunakan Dukungan Tema.

Mari kita mulai-

1. Menggunakan Plugin WordPress untuk Menambahkan Navigasi Breadcrumb

Seperti biasanya, selalu ada plugin WordPress untuk menambahkan segala jenis fungsi ke situs WordPress Anda. Ada plugin bernama Breadcrumb NavXT yang menambahkan navigasi breadcrumb.

Ini adalah salah satu plugin breadcrumb WordPress terpopuler dengan lebih dari 900.000+ instalasi aktif. Plugin ini memiliki semua fitur yang diperlukan dalam versi gratis yang akan membantu Anda menambahkan dan menyesuaikan navigasi runut tautan di situs web Anda.

Berikut adalah langkah-langkah untuk menampilkan navigasi breadcrumb di situs web Anda-

Langkah 1: Instal dan Aktifkan Plugin

Pertama, instal plugin dari dashboard WordPress Anda. Buka Plugins–> Add New dan ketik Breadcrumb NavXT di kotak pencarian. Kemudian instal dan aktifkan plugin-

Langkah 2: Konfigurasikan Pengaturan Breadcrumb NavXT

Anda akan menemukan opsi penyesuaian plugin di bawah Pengaturan–> Breadcrumb NavXT . Anda akan menemukan berbagai opsi untuk menyesuaikan remah roti. Namun jika Anda kekurangan waktu atau memiliki sedikit pengetahuan teknis, pertahankan pengaturan default.

Catatan: Saat saya menginstal plugin, saya tidak mengubah pengaturan apa pun. Pertahankan yang default. Bekerja dengan baik untuk saya.

Langkah 3: Tambahkan Blok Gutenberg

Setelah mengonfigurasi pengaturan, Anda perlu menambahkan blok Breadcrumb Trail pada halaman atau postingan yang ingin Anda tampilkan breadcrumbnya. Pilih halaman atau postingan mana pun, pilih, dan tambahkan blok Jejak remah roti.

Ini akan menambahkan navigasi remah roti ke halaman atau postingan.

Anda juga dapat menggunakan widget untuk menambahkan remah roti. Buka saja Penampilan -> Widget . Di sana temukan widget Breadcrumb Trail dan tambahkan di mana Anda ingin menampilkan breadcrumb di situs web Anda-

Ini adalah betapa mudahnya Anda dapat menelusuri navigasi ke situs web Anda.

Tapi ada batasannya. Anda hanya dapat melakukan ini halaman demi halaman atau posting demi posting. Itu akan menyita banyak waktu Anda.

Jika Anda ingin melakukan ini di seluruh situs, Anda perlu menggunakan pengkodean khusus.

2. Menggunakan Kode Kustom untuk Menambahkan Navigasi Breadcrumb

Jika Anda telah menginstal plugin Breadcrumb NavXT, Anda dapat menggunakan sedikit kode untuk menampilkan remah roti di seluruh situs.

Anda dapat menggunakan opsi Theme File Editor dari Appearance atau membuka File Manager Anda dari CPanel dan menemukan file header.php.

Di sana tambahkan kode ini-

 if (function_exists('bcn_display')) { bcn_display(); } ?>

Catatan: Awalnya saya mengalami masalah saat menambahkan kode ini seperti yang digunakan “<!–?php”. Namun kode tersebut sudah memiliki “<!–?php” sejak awal. Itu sebabnya itu memberi saya kesalahan. Saya telah menyediakan satu-satunya bagian kode yang perlu Anda gunakan. Salin dan letakkan di akhir kode.

Ini akan menambahkan navigasi runut tautan di seluruh situs-

Sesederhana itu.

3. Menggunakan Dukungan Tema untuk Menambahkan Breadcrumb

Anda juga dapat menggunakan dukungan tema untuk menambahkan remah roti ke situs Anda. Misalnya, di tema etalase, buka opsi penyesuaian tema. Di sana, di bagian widget, Anda akan menemukan blok Breadcrumb NavXt-

Anda dapat mengonfigurasi pengaturan dari sini. Kemudian Anda dapat menambahkan blok Breadcrumb Trail untuk menampilkan remah roti-

Ini adalah bagaimana Anda dapat menampilkan navigasi remah roti ke situs WordPress Anda.

Plugin Populer untuk Menambahkan Breadcrumbs ke Situs WordPress Anda

Jika Anda merasa tidak nyaman menggunakan plugin Breadcrumb NavXT, ada plugin lain yang bisa Anda gunakan-

1. SEO Yoast

Yoast SEO adalah plugin populer yang dirancang untuk meningkatkan kinerja SEO situs web Anda. Ini mencakup fitur remah roti bawaan .

Ini menjadikannya pilihan tepat bagi mereka yang ingin menggabungkan navigasi dengan optimasi SEO.

Remah roti dapat disesuaikan, dan membantu Anda menyesuaikan struktur dan desain situs Anda.

Fitur:

• Terintegrasi secara mulus dengan pengaturan SEO situs web Anda.
• Menawarkan fleksibilitas untuk menyesuaikan struktur dan tampilan remah roti.
• Membantu mesin telusur mengindeks situs Anda dengan lebih baik dengan menyertakan remah roti dalam markup HTML.
• Mendukung postingan, halaman, dan jenis postingan khusus.

2. Peringkat Matematika

Rank Math adalah plugin SEO lain yang sangat populer yang menawarkan fitur-fitur canggih, termasuk remah roti. Ini populer karena antarmuka yang ramah pengguna dan opsi penyesuaiannya. Remah rotinya dapat dengan mudah diatur dan ditata agar sesuai dengan tema situs web Anda.

Fitur:

• Memberikan opsi mendetail untuk penyesuaian runut tautan.
• Secara otomatis menambahkan remah roti ke postingan, halaman, dan tipe konten lainnya.
• Terintegrasi sepenuhnya dengan rangkaian alat SEO Rank Math untuk fungsionalitas tambahan.
• Ringan dan ramah seluler untuk navigasi.

3. Remah Roti WooCommerce

WooCommerce Breadcrumbs adalah plugin yang dirancang khusus untuk toko WooCommerce. Ini meningkatkan navigasi dengan menambahkan remah roti ke halaman produk, kategori, dan bagian khusus toko lainnya.

Fitur:

• Secara otomatis menambahkan remah roti ke halaman produk dan kategori WooCommerce.
• Meningkatkan pengalaman pengguna dengan menunjukkan lokasi produk di hierarki toko.
• Label dan pemisah remah roti yang dapat disesuaikan untuk estetika yang lebih baik.
• Membantu meningkatkan SEO dengan menyediakan navigasi terstruktur untuk mesin pencari.

4. Remah Roti Fleksibel

Flexy Breadcrumb adalah plugin yang dirancang untuk menambahkan remah roti yang dapat disesuaikan ke situs WordPress Anda.

Ini berfungsi dengan sebagian besar tema dan memungkinkan Anda menyesuaikan desain dan struktur runut tautan agar sesuai dengan gaya situs web Anda. Antarmukanya yang ramah pengguna membuatnya cocok untuk pemula dan pengguna tingkat lanjut.

Fitur:

• Menawarkan beberapa pilihan desain untuk remah roti.
• Memungkinkan penyesuaian hierarki dan pemisah runut tautan.
• Mendukung integrasi dengan pembuat halaman populer seperti Elementor.
• Ringan dan dioptimalkan untuk kinerja cepat

Tingkatkan Navigasi Situs Web Anda dengan Breadcrumbs

Anda tidak akan menemukan banyak situs web tanpa navigasi runut tautan. Ini adalah cara yang bagus untuk menjaga pelanggan dan pengunjung tetap terlibat, untuk memberi tahu mereka di mana mereka berada di situs web Anda. Dan seperti yang kami katakan, ini juga bagus untuk optimasi SEO.

Suka atau tidak suka, navigasi runut tautan penting untuk sebuah situs. Bahkan Google mengatakan bahwa navigasi breadcrumb dapat meningkatkan struktur situs dan SEO.

Kami telah menunjukkan kepada Anda 3 cara untuk menambahkan remah roti ke situs web Anda. Anda dapat mengikuti salah satu dari mereka.

Jadi, tambahkan remah roti ke situs web Anda dan jika Anda mengalami kebuntuan, beri tahu kami di bagian komentar.