Panduan Dasar untuk Menambahkan Breadcrumbs WordPress

Ingin mengurangi rasio pentalan, meningkatkan navigasi situs web, meningkatkan SEO, dan menawarkan pengalaman pengguna yang luar biasa? Tentu saja!

Tetapi jika Anda tidak menggunakan remah roti sebagai bagian dari situs web Anda, Anda kehilangan peluang besar. Breadcrumb meningkatkan navigasi situs dengan membantu pengguna menjelajahi halaman web Anda dengan lebih mudah (melalui jejak 'breadcrumbs').

Kemungkinan Anda telah menemukan remah roti berkali-kali. Mereka sering muncul tepat di bawah menu navigasi situs.

Sumber: dedoles.se

Hari ini, kami akan membagikan tip dan trik terbaik kami untuk membantu Anda menambahkan remah roti WordPress ke situs Anda dan mulai meningkatkan pengalaman pengguna tersebut.

Apa Itu Breadcrumb?

Lupakan emas dan renyah, baru dipanggang, atau panko. Remah roti itu mungkin sangat lezat, tapi bukan itu yang akan kita bicarakan hari ini. Tidak, kami di sini untuk membahas remah roti online , potongan yang lebih fungsional (dan kurang dapat dimakan).

Breadcrumb pada dasarnya adalah tautan navigasi. Remah roti terhubung untuk membuat jalur teks melalui halaman situs web. Mereka melacak di mana pengguna berada di situs web dalam kaitannya dengan beranda dan biasanya terletak di bagian atas, tepat di bawah bilah navigasi.

Breadcrumb meningkatkan pengalaman pengguna (UX) situs Anda dengan mempermudah pengguna untuk menelusuri kembali navigasi mereka. Mereka juga mendukung peringkat SEO dengan membantu mesin pencari menavigasi halaman web Anda dan struktur tautan (lebih lanjut tentang ini nanti).

Memahami Cara Kerja Breadcrumb yang Berbeda

Breadcrumbs dapat diterapkan ke situs web karena berbagai alasan. Untuk situs web yang dibangun di WordPress, misalnya, ada tiga jenis remah roti yang dapat dimasukkan ke dalam navigasi situs. Ini adalah berbasis hierarki, berbasis atribut, dan berbasis sejarah.

Remah roti berbasis hierarki

Ini adalah remah roti klasik Anda. Breadcrumb berbasis hierarki menunjukkan kepada pengguna situs web di mana mereka berada dalam struktur keseluruhan situs Anda dalam kaitannya dengan beranda. Hal ini memungkinkan pengunjung untuk dengan mudah menavigasi melalui kategori dan menemukan produk terkait.

Breadcrumb berbasis atribut

Remah roti ini paling sering ditemukan sebagai bagian dari situs eCommerce. Breadcrumb berbasis atribut mencantumkan atribut yang telah ditelusuri pengguna untuk menjangkau produk atau halaman yang mereka lihat.

Misalnya, bayangkan Anda menavigasi melalui toko mode online. Kadang-kadang, Anda mungkin diminta untuk mempersempit pencarian Anda dalam hal atribut produk (misalnya kecocokan, gaya, warna, ukuran). Atribut yang Anda pilih akan membentuk jejak remah roti Anda.

Sumber gambar

Remah roti berbasis sejarah

Remah roti ini kronologis. Mereka diurutkan berdasarkan apa yang Anda lakukan di situs web. Breadcrumb berbasis sejarah mengarahkan pengguna kembali melalui halaman yang telah mereka navigasikan. Breadcrumb ini bertindak seperti tombol 'kembali' di browser Anda untuk membantu pengguna kembali ke halaman yang telah mereka kunjungi.

Manfaat Breadcrumb

Breadcrumb sangat berguna untuk UX dan SEO situs web. Dengan demikian, banyak layanan pemasaran konten mempromosikan manfaat remah roti sebagai bagian dari strategi pemasaran digital yang kuat.

Breadcrumbs memungkinkan pengguna menavigasi situs web dengan lebih mudah dan membantu perayap mesin telusur memahami konten situs. Itu berarti peningkatan peringkat mesin pencari, rasio pentalan yang lebih rendah, dan pengalaman pengguna yang lebih baik.

Navigasi situs yang lebih mudah bagi pengunjung, yang berarti rasio pentalan lebih rendah

Sebagai pengunjung situs web, tidak ada yang lebih menyebalkan daripada menemukan Anda telah menavigasi ke halaman produk yang sama sekali tidak Anda minati. Pada titik ini, Anda mungkin ingin melakukan salah satu dari dua hal.

• Bangkit kembali ke mesin pencari dan mulai dari awal.
• Kembali ke beranda dan coba temukan halaman yang Anda cari.

Dengan menambahkan remah roti ke situs Anda, pengguna akan cenderung tidak terpental dan akan lebih mudah menemukan apa yang mereka cari. Breadcrumbs memungkinkan pengunjung situs untuk dengan mudah melacak perjalanan pengguna mereka dan menemukan halaman yang mereka inginkan dengan cepat.

Perayap situs memiliki waktu yang lebih mudah untuk memeringkat halaman yang tepat

Breadcrumb meningkatkan SEO situs dengan mengomunikasikan kepada mesin pencari tentang halaman situs. Google sebenarnya menggunakan nama situs dan jejak remah roti dalam cuplikan pencarian, yang berarti itu adalah salah satu hal pertama yang akan Anda lihat ketika Google menampilkan daftar hasil. Ini, pada gilirannya, membantu pencari melihat ke mana mereka akan dibawa setelah mengklik.

Misalnya, jika Anda menelusuri 'apa itu remah roti?' di Google, hasil pencarian Anda mencantumkan URL, remah roti, dan judul setiap situs web.

Tiga Metode untuk Menambahkan Breadcrumbs ke Situs WordPress Anda

Jadi, bagaimana tepatnya Anda menambahkan remah roti ke situs WordPress Anda? Nah, ada beberapa rute berbeda yang bisa Anda ambil. Kami akan memandu Anda melalui berbagai metode langkah demi langkah.

Pilih tema WordPress yang sudah menyertakan remah roti

Cara paling mudah untuk menambahkan remah roti ke situs WordPress Anda adalah dengan menginstal tema yang sudah menyertakannya. Jika Anda dapat menemukan satu yang selaras dengan merek Anda dan memiliki remah roti yang berguna juga, maka hei presto, Anda siap untuk pergi.

Terapkan remah roti melalui kode khusus

Cara lain untuk menambahkan remah roti ke situs WordPress Anda adalah dengan menerapkannya melalui kode khusus. Katakanlah Anda menemukan tema di WordPress tetapi tidak disertakan dengan remah roti. Dengan sedikit pengalaman pengkodean dasar, Anda dapat menambahkannya sendiri dengan mengedit file function.php pada tema yang Anda pilih.

Inilah yang perlu Anda lakukan:

1. Hubungkan WordPress ke server Anda menggunakan situs FTP seperti FileZilla FTP .
2. Klik folder public_html di klien FileZilla (termasuk file situs web Anda).
3. Klik folder konten-wp.
4. Klik direktori tema dan pilih folder tema Anda saat ini.
5. Klik folder functions.php lalu pilih view/edit.
6. Masukkan kode di bawah ini untuk mendaftarkan fungsi breadcrumb di situs Anda.
7. Simpan perubahan dan unggah file yang diperbarui saat diminta.

Gunakan plugin untuk menambahkan remah roti.

Cara ketiga dan terakhir untuk menambahkan remah roti ke situs WordPress Anda adalah dengan menggunakan plugin. Anda harus menggunakan alat khusus untuk melakukan ini seperti Yoast SEO, Breadcrumb NavXT, atau plugin WooCommerce Breadcrumbs.

Menggunakan plugin Yoast SEO

Yoast adalah salah satu plugin SEO paling terkenal untuk WordPress dan dapat digunakan untuk mengaktifkan remah roti di situs web Anda. Jika Anda sudah menggunakan Yoast untuk SEO, maka ini adalah pilihan terbaik Anda, meskipun ada opsi lain yang tersedia (yang akan kita bahas sebentar lagi).

Untuk menambahkan remah roti menggunakan Yoast, ikuti langkah-langkah berikut:

1. Instal plugin Yoast SEO dari dashboard WordPress Anda yaitu plugins > add new > ketik 'Yoast' ke dalam search bar > install.
2. Di plugin Yoast, navigasikan ke tampilan.
3. Klik pada editor tema.
4. Pilih template bernama header.php.
5. Masukkan cuplikan kode di bawah ini.
6. Simpan perubahan Anda dengan mengklik "Perbarui file".

Menggunakan plugin Breadcrumb NavXT

Alternatif lain untuk menggunakan Yoast adalah Breadcrumb NavXT. Plugin ini dapat diinstal di situs Anda seperti Yoast. Setelah terinstal, cukup ikuti langkah-langkah di bawah ini untuk mengimplementasikan remah roti.

1. Di plugin NavXT, navigasikan ke pengaturan.
2. Klik pada remah roti NavXT.
3. Pilih dari empat opsi navigasi remah roti.
4. Konfigurasikan plugin dan simpan perubahan.
5. Arahkan ke tampilan.
6. Klik pada editor tema.
7. Pilih file header.php.
8. Masukkan kode di bawah ini.
9. Klik perbarui file.

Menggunakan plugin Woocommerce Breadcrumbs

Terakhir, jika Anda pengguna Woocommerce, Anda dapat menggunakan plugin Woocommerce Breadcrumbs untuk menambahkan fungsionalitas breadcrumb ke situs web Anda.

Inilah yang perlu Anda lakukan:

1. Instal plugin Woocommerce Breadcrumbs di situs WordPress Anda.
2. Arahkan ke pengaturan.
3. Klik remah roti WC.
4. Centang kotak di samping untuk mengaktifkan remah roti.
5. Klik simpan perubahan .

Sumber: fixrunner.com

Kustomisasi Breadcrumb WordPress dengan CSS

Anda dapat menata remah roti dengan menerapkan CSS khusus agar sesuai dengan gaya unik situs web Anda. Jika Anda mengkodekan remah roti sendiri, Anda harus memikirkan estetika yang Anda tuju.

Untuk melakukan ini, Anda harus menambahkan CSS khusus untuk menata remah roti Anda di dalam lembar gaya tema yang ada atau dari dalam Penyesuai WordPress. Di sini, Anda akan dapat membuat penyesuaian desain pada remah roti Anda termasuk mengadaptasi font, warna, margin, ikon, dan batas.

Dua Cara Menghapus Breadcrumbs dari Situs Anda

Breadcrumb memiliki keuntungan yang jelas dalam hal membantu navigasi situs dan SEO untuk pertumbuhan , tetapi tidak semua orang suka memasukkannya. Jika Anda memutuskan ingin menghapus remah roti situs Anda, ada dua cara untuk melakukannya.

Alihkan sakelar nonaktifkan

Cara pertama untuk menghapus remah roti adalah dengan mengaktifkan sakelar di plugin Anda untuk menonaktifkan remah roti atau menonaktifkan plugin sama sekali.

Hapus kode yang dimasukkan secara manual

Pilihan lainnya adalah menghapus kode yang dimasukkan secara manual. Cukup kembali ke folder header.php situs Anda dan hapus baris kode yang menambahkan remah roti ke situs Anda.

Tinggalkan jejak remah roti

Remah roti adalah tambahan yang bagus untuk situs web apa pun. Mereka membantu pengguna menavigasi melalui halaman web Anda dan crawler mesin pencari untuk memahami konten Anda sedikit lebih baik.

Terlebih lagi, memasukkan remah roti ke situs Anda cukup mudah. Beberapa template WordPress bahkan menyertakan remah roti.

Jika Anda belum menjadi breadcrumbing, tunggu apa lagi?