Apa itu remah roti WordPress dan bagaimana mengaktifkannya ke situs web Anda?
Diterbitkan: 2022-08-28Jangan terkecoh dengan nama yang tidak biasa, karena remah roti sebenarnya adalah alat yang sangat berguna yang secara signifikan meningkatkan pengalaman pengguna dan SEO situs Anda. Untuk mengaktifkannya bisa sangat sederhana dengan bantuan kode khusus atau plugin.
Dalam posting hari ini kita akan membahas detail tentang remah roti WordPress dan bagaimana tepatnya mereka bekerja.
Apa itu Breadcrumb WordPress?
Breadcrumbs adalah tautan navigasi yang muncul di bagian atas halaman atau posting. Mereka akan menunjukkan kepada pengunjung kategori tuas yang lebih tinggi yang mengarahkan mereka ke konten yang diinginkan serta menavigasi mereka ke halaman sebelumnya.
Remah roti membuat jejak yang membawa pengguna kembali ke rumah, karena itulah namanya. Sangat berguna untuk toko online atau blog, pengguna dapat berpindah antar posting, halaman produk, dan kategori.
Bagaimana Breadcrumb Bekerja?
Ada tiga jenis utama remah roti WordPress:
- Berbasis hierarki: Mereka menunjukkan kepada pengguna di mana tepatnya mereka berada dalam struktur situs.
- Berbasis atribut: Digunakan terutama di situs web e-niaga, mereka menampilkan atribut yang dicari pengguna yang mengarahkan mereka ke produk yang mereka lihat.
- Berbasis sejarah: saat pengguna berpindah melalui halaman yang berbeda, mereka akan dituntun kembali seperti semula.
Setiap jenis remah roti dapat berguna untuk tujuan yang berbeda. Semuanya, bagaimanapun, dapat meningkatkan navigasi dan dengan ekstensi UX.
Mereka juga sangat bermanfaat dalam hal SEO dan akan menunjukkan hubungan antara berbagai konten situs web Anda yang memudahkan bot mesin pencari untuk memahami struktur situs web Anda.
Ini membantu mengindeks situs web Anda dengan lebih akurat. Mesin telusur juga dapat menampilkan remah roti situs Anda dalam daftar hasil, yang pada gilirannya memberikan informasi tambahan kepada pengguna tentang topik atau produk yang mereka cari.
Bagaimana Cara Menambahkan Breadcrumb WordPress ke Situs Anda?
Hanya dalam beberapa langkah sederhana Anda dapat menambahkan remah roti ke situs Anda, tidak peduli apakah Anda seorang profesional atau pemula WordPress.
SEO Yoast

Ini adalah plugin populer yang membantu pengguna mengoptimalkan konten mereka dan memperkirakan peringkat mesin pencari mereka. Ini mencakup beberapa fitur tambahan seperti meningkatkan visibilitas situs Anda dengan remah roti.
Instalasi dapat dilakukan melalui Dashboard Anda:
Pada langkah selanjutnya Anda perlu menambahkan kode ini:
<?phpif ( function_exists('yoast_breadcrumb') ) {yoast_breadcrumb( '<p>','</p>' );}?>
Jika Anda ingin menambahkan remah roti ke posting blog Anda, ini dapat dilakukan di file template single.php Anda.
Anda juga dapat menempelkannya di akhir file header.php Anda, yang akan menambahkan remah roti ke seluruh situs web Anda.
Harap diingat bahwa pembaruan tema di masa mendatang dapat menimpa kode. Dalam hal ini, sebaiknya hubungi pengembang tema Anda untuk informasi lebih lanjut tentang bagaimana hal ini dapat dihindari. Setelah Anda menempatkan kode, buka SEO – Tampilan Pencarian – Breadcrumbs:

Setel pengaturan ke Diaktifkan, Simpan, dan Posting.
Plugin Breadcrumbs WordPress
Jika Anda sudah menggunakan Yoast untuk tujuan SEO, Anda mungkin perlu menambahkan remah roti ke dalamnya. Namun, jika Anda lebih memilih plugin lain yang akan mengoptimalkan konten Anda, berikut adalah beberapa rekomendasi yang berguna:
Breadcrumb NavXT
Ini adalah pilihan paling populer untuk menambahkan remah roti ke situs Anda. Ini memberi Anda widget remah roti yang dapat ditambahkan ke area widget apa pun, seperti footer atau bilah alat. Ini sangat dapat disesuaikan, dan memungkinkan Anda memilih kategori dan halaman mana yang akan ditampilkan di jejak. Ini juga termasuk markup skema untuk peningkatan SEO.
Remah Roti Flexy
Flexy Breadcrumb adalah plugin berperingkat paling tinggi di luar sana untuk menambahkan remah roti WordPress. Setelah mengunduh dan mengaktifkannya, Anda dapat menambahkan remah roti ke situs web Anda dengan bantuan kode pendek. Ini memberi Anda lebih banyak fleksibilitas dalam hal di mana Anda ingin jejak Anda muncul. Anda juga dapat membuat perubahan warna, ukuran font, dan ikon.

Breadcrumb WooCommerce
Untuk semua pengecer online di luar sana, ini adalah pilihan mudah bagi pengguna untuk menavigasi halaman produk situs Anda. Jika Anda menggunakan plugin WooCommerce, ini mungkin pilihan terbaik untuk Anda. Anda dapat mengaktifkan remah roti ke halaman produk Anda yang meningkatkan pengalaman pelanggan.
Remah roti
Breadcrumb adalah plugin yang sangat ringan yang memungkinkan Anda menambahkan remah roti menggunakan kode pendek. Ini memberi Anda potongan kode yang dapat ditambahkan ke salah satu file template Anda dan dimasukkan ke dalam footer, header, atau di tempat lain.
Gunakan Tema dengan remah roti
Ide utama dari tema adalah untuk mengontrol tampilan situs Anda, tetapi selain itu mereka juga mempengaruhi fungsionalitasnya. Salah satu cara ini dapat dilakukan adalah dengan menambahkan remah roti ke halaman Anda.
Pada sisi negatifnya, proses ini melibatkan perubahan tampilan situs Anda. Jika Anda sudah memiliki kesadaran merek yang tinggi dan kehadiran yang mapan, itu mungkin bukan pilihan terbaik Anda, dan lebih baik Anda menggunakan plugin.
Di sisi lain, jika Anda baru memulai situs WordPress atau membuat desain ulang situs lama Anda, menggunakan tema dengan remah roti yang disertakan dapat menjadi keputusan yang menghemat waktu. Anda memiliki beberapa opsi gratis untuk dipilih:
WP Laut
Ini adalah salah satu tema multiguna paling populer. Ini memiliki kode pendek yang disertakan untuk dengan mudah menerapkan remah roti ke situs web Anda.
Astra
Demikian juga, tema ini juga membuat menambahkan remah roti ke situs Anda cukup mudah.
Menambahkan remah roti secara manual
Memang benar bahwa tema dan pluginlah yang membuat WordPress menjadi pilihan populer di kalangan pengguna. Namun, dalam beberapa kasus, mereka bisa sedikit membatasi. Kode memberi Anda elemen kreatif dan memberi Anda kebebasan untuk menulis remah roti Anda sendiri.
Untuk menambahkannya secara manual ke situs Anda, Anda harus mengikuti dua langkah.
- Tambahkan fungsi ke file functions.php Anda untuk mengaktifkannya.
- Panggil file template di mana Anda ingin remah roti muncul.
Ingatlah bahwa ini hanya akan menampilkan remah roti di situs Anda, tetapi tidak akan menatanya sehingga sesuai dengan desain. Untuk mencapai itu, Anda juga perlu mencelupkan ke dalam beberapa CSS.
Menata Breadcrumb WordPress Anda
Jika Anda yang mengkodekan remah roti, maka menatanya mutlak diperlukan. Jika Anda menggunakan plugin atau tema, itu bisa sangat berguna. Mereka memiliki gaya default yang mungkin tidak cocok untuk situs Anda, dalam hal ini Anda perlu mengubahnya sedikit.
Anda juga dapat menambahkan CSS khusus untuk menata remah roti di lembar gaya tema Anda atau di area CSS Tambahan.
Mengubah ukuran, font, dan warna remah roti adalah salah satu dari banyak cara untuk menyesuaikannya untuk situs Anda. Anda juga dapat menggunakan elemen seperti padding, margin, ikon, dan batas.
Contoh CSS yang digunakan untuk menata remah roti dapat dilihat di sini:
.breadcrumb { padding:8px 15px; margin-bottom: 20px gaya daftar: tidak ada; warna-latar belakang: #f5f5f5; border-radius: 4px;}.breadcrumb a { color: #428bca; dekorasi teks: tidak ada;}
Kemungkinannya tidak terbatas dalam hal CSS. Mungkin perlu beberapa waktu dan percobaan sampai Anda mencapai efek yang diinginkan.
Kesimpulan
SEO dan UX yang kuat adalah elemen kunci untuk situs yang sukses. Mengaktifkan remah roti ke situs WordPress Anda akan meningkatkan pengalaman pengunjung Anda dan cara mereka menavigasi konten Anda, sementara pada saat yang sama meningkatkan pengindeksan halaman Anda.
Bagikan kepada kami pengalaman Anda dengan remah roti dan cara mereka meningkatkan kehadiran online Anda.