Cara Menambahkan Breadcrumbs ke WordPress untuk Membantu Pengguna Menavigasi Situs Web Anda Lebih Baik
Diterbitkan: 2019-11-20Jika Anda menjalankan situs web yang kaya konten, atau jika Anda bertanya-tanya bagaimana caranya, artikel ini akan membantu Anda mempelajari cara menambahkan remah roti ke WordPress.
Dalam dongeng Jerman, " Hansel dan Gretel " adik laki-laki dan perempuan – mendengar rencana jahat ibu tiri mereka untuk membuang mereka di hutan untuk berjuang sendiri – mengambil sepotong roti dan meninggalkan jejak remah roti yang mereka akan mengikuti kembali ke rumah setelah orang tua mereka meninggalkan mereka.
Dalam penerbitan modern; di web atau perangkat lunak atau dokumen, remah roti juga digunakan untuk membantu pembaca menemukan jalan pulang. Atau setidaknya dapat menelusuri kembali langkah mereka berdasarkan di mana mereka berada.
Breadcrumb adalah elemen navigasi sekunder di situs web yang menunjukkan lokasi pengunjung.
Anda membaca artikel ini, karena Anda tahu apa itu, tetapi jika Anda bertanya-tanya seperti apa Anda bisa pergi ke eBay dan melihat milik mereka.
Seorang pembeli yang melihat Qi Wireless Fast Charger Charging Pad Stand Dock Untuk Galaxy S9+ iPhone X XS Max, dengan mudah mengetahui di mana mereka berada dan bagaimana mendapatkan berbagai kategori di mana produk mereka terdaftar.
Dalam hal ini, ada tautan kembali ke beranda, lalu tautan ke kategori utama sebuah produk terdaftar – Ponsel & Aksesori, diikuti oleh sub-kategori – Aksesori Ponsel dan sub-kategori lainnya – Chargers & Cradles .
Mengapa Menambahkan Breadcrumbs ke Situs WordPress?
Dengan melihat struktur eBay di atas, Anda dapat melihat bagaimana remah roti sangat baik untuk pengalaman pengguna di situs web berlapis atau hierarkis. Seorang pengunjung tahu di mana mereka berada pada titik tertentu saat mereka menelusuri situs. Jika mereka perlu masuk ke kategori induk di mana produk atau artikel yang mereka lihat terdaftar, mereka hanya perlu mengklik tautan di remah roti.
Yang membawa kita ke manfaat lain dari menambahkan remah roti ke situs WordPress, pengguna tidak perlu mengklik tombol kembali browser, cukup remah roti.
Breadcrumbs memungkinkan penemuan konten di situs web. Pertimbangkan pengunjung yang dikirim ke artikel dari mesin pencari atau tautan di situs web lain. Ketika pengguna telah membaca artikel, remah roti menawarkan lebih banyak opsi kepada pengguna untuk pergi ke kategori yang lebih tinggi untuk melihat konten serupa. Ini, seperti yang dapat Anda tebak, menyebabkan pengguna menghabiskan lebih banyak waktu di situs web, yang mengarah pada penurunan rasio pentalan.
Breadcrumb tidak hanya membantu pengguna menavigasi situs web, mereka juga membantu mesin telusur menavigasi situs.
Apa pun yang meningkatkan pengalaman pengguna, apa pun yang mengurangi rasio pentalan, apa pun yang memungkinkan bot mesin telusur merayapi dan mengindeks situs dengan mudah, membantu situs mendapatkan pujian mesin telusur.
Karena itu, menambahkan remah roti membantu situs web dengan upaya pengoptimalan mesin telusurnya.
Bagaimana Cara Menambahkan Breadcrumbs ke Situs WordPress?
Sebagian besar tema WordPress modern dan hampir semua tema eCommerce memiliki fitur remah roti berdasarkan desain.
Untuk menambahkan remah roti ke situs web Anda dengan tema seperti itu, cukup aktifkan opsi, yang sering ditemukan di opsi tema. Konsultasikan dokumentasi tema atau pengembang tema Anda jika ragu.
Jika tema Anda tidak mendukung remah roti, Anda dapat dengan mudah menambahkannya menggunakan plugin remah roti. Anda juga dapat menggunakan sebagian besar plugin SEO WordPress seperti Yoast untuk menambahkan remah roti ke situs Anda.
Untuk artikel ini, kami akan menambahkan remah roti ke WordPress dengan plugin WordPress gratis – Breadcrumb NavXT
Langkah 1: Instal plugin Breadcrumb NavXT WordPress.
Breadcrumb NavXT menghasilkan breadcrumb berdasarkan lokasi pengguna. Jalur kemudian dapat disesuaikan dengan keinginan Anda.
Silakan dan instal Breadcrumb NavXT.
Jika Anda tidak tahu cara menginstal plugin di WordPress, itu mudah. Masuk ke dasbor Anda, lalu gulir ke bawah pada menu kiri di bawah Plugin, klik Tambah Baru.

Masukkan plugin yang ingin Anda instal – Breadcrumb NavXT – ke dalam kotak pencarian.
Dalam satu atau dua detik, hasilnya akan kembali. Sekarang, klik Instal Sekarang , setelah itu, tunggu satu atau dua detik lagi, lalu klik Aktifkan .
Langkah 2: Menampilkan Breadcrumb NavXT Breadcrumbs di Situs WordPress.
Anda dapat menampilkan remah roti dengan dua cara.
1. Menggunakan widget yang disediakan oleh Breadcrumb NavXT
Buka menu utama; Tampilan > Widget.
Temukan Breadcrumb NavXT lalu seret ke sidebar yang Anda inginkan remah rotinya.
Sekarang, buka posting atau halaman mana pun di mana bilah sisi muncul, dan Anda akan melihat remah roti Anda.
Jika Anda ingin remah roti Anda di mana saja kecuali bilah sisi, seperti contoh eBay, maka Anda harus mengotori tangan Anda dan memodifikasi tema Anda.
2. Ubah tema Anda
File yang mungkin perlu Anda modifikasi adalah; home.php, single.php, halaman.php. Anda juga dapat memodifikasi taksonomi dan file lainnya, selama Anda membutuhkan remah roti di sana.
Tapi, sebelum Anda melakukan apa pun, buat cadangan situs web Anda. Plugin cadangan WPVivid kami sendiri akan menghemat waktu dan sakit kepala Anda jika ada yang menjadi bumerang.
Selanjutnya, saya sarankan untuk membuat perubahan apa pun pada tema anak. Kami memiliki artikel yang akan menunjukkan kepada Anda cara membuat tema anak untuk situs web WordPress Anda.
Jika Anda telah melakukan hal di atas, lanjutkan dan tambahkan kode berikut ke halaman yang ingin ditampilkan remah roti.
<div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/"> <?php if(function_exists('bcn_display')) { bcn_display(); }?> </div>
Jika Anda ingin menampilkannya dalam sebuah artikel, file single.php adalah yang Anda modifikasi. Tempelkan kode di tag artikel.
Simpan perubahan Anda, lalu buka artikel Anda.
Remah roti Anda harus berada di area tempat Anda meletakkan kode.
Anda dapat melihat dalam kasus saya, saya memiliki remah roti di atas artikel.
Jika remah roti Anda tidak ditampilkan dengan benar, Anda perlu menatanya dengan beberapa CSS.
Breadcrumb NavXT menggunakan kelas .breadcrumbs css (ini mungkin juga bergantung pada tema Anda). Anda dapat memodifikasi kode CSS situs Anda, atau menggunakan penyesuai WordPress untuk menata remah roti Anda.
.tepung roti { warna: #000; margin-bawah: 20px; }
Langkah 3: Menyesuaikan remah roti NavXT Breadcrumb.
Jika Anda perlu melakukan modifikasi pada remah roti Anda, maka Anda dapat melakukannya di dasbor WordPress Anda.
Buka halaman pengaturan Breadcrumb NavXT. Anda dapat menemukannya di bawah menu umum WordPress – Pengaturan > Breadcrumb NavXT – .
Itu saja, semoga Anda berhasil menambahkan remah roti ke situs WordPress Anda.
Jangan kehilangan pengunjung Anda di hutan situs web Anda. Tambahkan remah roti ke situs web Anda.
Untuk selanjutnya, Anda mungkin juga ingin mempelajari cara menambahkan Google Custom Search ke WordPress untuk meningkatkan navigasi di situs Anda.