Mengapa & Bagaimana Menambahkan Elementor Breadcrumbs untuk Meningkatkan Navigasi Situs Web Anda

Diterbitkan: 2021-10-26

Breadcrumbs adalah indikator jalur situs web Anda yang sebagian besar terletak di bagian atas situs web Anda. Ini juga menunjukkan perjalanan pengguna situs Anda dan memastikan navigasi situs web yang lebih baik dengan kemampuan perayapan yang lebih baik.

Breadcrumbs berfungsi sebagai fitur navigasi untuk situs web Anda dan mereka dapat memiliki dampak besar pada SEO situs web Anda.

Namun, Anda akan menemukan banyak situs web yang tidak mempraktikkan remah roti, yang merupakan kesalahan besar. Atau mereka menerapkannya tetapi tidak peduli dengan desain atau posisinya.

Ini terjadi sebagian besar karena mereka menghadapi masalah dalam menampilkan remah roti di situs web mereka dan di samping itu, mereka tidak tahu cara yang tepat untuk mengimplementasikannya.

Jika Anda memiliki situs web yang didukung Elementor dan mencari solusi pasti untuk menambahkan remah roti, maka Anda berada di tempat yang tepat.

Di blog ini, kami akan menunjukkan cara menambahkan fungsionalitas remah roti ke situs Anda menggunakan widget remah roti Elementor. Kami juga akan menunjukkan kepada Anda beberapa cara lain untuk menambahkan remah roti dan mendiskusikan pertimbangan yang diperlukan terkait remah roti.

Sebelum Anda pergi, mari kita bicara tentang pentingnya memiliki remah roti di situs Anda.

Mengapa Pertimbangkan Menambahkan Breadcrumbs ke Situs Web Elementor Anda

Importance of Adding Breadcrumbs To Your Elementor Website

Anda mungkin tahu bahwa Google menampilkan remah roti di hasil pencarian dan menggunakan remah roti untuk mengkategorikan informasi dalam hasil pencarian. Dari sini, Anda mungkin bisa menebak betapa pentingnya remah roti untuk situs Anda.

Setiap pemilik situs web ingin pengunjung mereka tetap berada di situs web mereka untuk waktu yang lama. Menambahkan remah roti bisa menjadi cara yang bagus untuk meningkatkan pengalaman pengguna situs web Anda. Ingat pengguna selalu menyukai jenis situs web yang mudah digunakan, terstruktur dengan baik, dan cepat.

Faktanya, sebagian besar mesin pencari memberikan perhatian ekstra pada jenis situs web yang memiliki remah roti.

Ada tiga jenis remah roti,

  • Breadcrumbs Berbasis Hierarki : Ini menunjukkan kepada pengguna di mana mereka berada di situs. Misalnya: Beranda > Blog > Panduan WordPress
Hierarchy-Based Breadcrumbs
  • Remah Roti Berbasis Atribut : Ini terutama digunakan di situs eCommerce untuk menunjukkan atribut apa yang telah diklik pengguna. Misalnya: Beranda > Sepatu > Pria
Attribute-Based Breadcrumbs
  • Breadcrumbs Berbasis Sejarah: Tunjukkan kepada pengguna apa halaman lain di situs yang telah mereka kunjungi. Misalnya: Beranda > Artikel elemen 1 > Artikel elemen 2 > Halaman saat ini .
History-Based Breadcrumbs

Anda dapat menggunakan salah satu dari mereka di situs Anda. Tidak hanya itu tetapi menggunakan remah roti dapat memberi Anda lebih banyak keuntungan seperti,

  • Tingkatkan Pengalaman Pengguna
  • Tingkatkan Peringkat Situs
  • Tambahkan Manfaat SEO
  • Kurangi Rasio Pentalan
  • Pastikan Navigasi yang Tepat.

Jadi, sekarang setelah Anda mengetahui pentingnya menerapkan remah roti di situs Anda, mari masuk dan mencari tahu bagaimana Anda dapat menambahkan remah roti menggunakan widget remah roti Elementor.

2 Cara Untuk Menambahkan Breadcrumb Elementor ke Situs Web Anda

Di bagian blog kami berikutnya, Anda akan mempelajari cara menambahkan remah roti ke situs web Anda dengan dua cara sederhana.

1. Cara Menggunakan Widget Breadcrumbs Elementor untuk Yoast SEO

2. Cara Alternatif Menambahkan Breadcrumb Elementor (untuk Plugin SEO lainnya)

Cara Menggunakan Widget Breadcrumbs Elementor untuk Yoast SEO

Anda harus memiliki plugin berikut di situs web Anda sebelum kita mulai:

  • Elemen (Gratis)
  • Elemen (Pro)
  • SEO Yoast

Pastikan Anda sudah menginstal dan mengaktifkan versi Elementor Free & Premium .

Jika Anda baru mengenal Elementor, periksa panduan ini dan pelajari Cara Menggunakan Elementor (Panduan Langkah Demi Langkah Untuk Pemula).

Mari kita mulai:

Langkah 1: Instal dan Siapkan Plugin Yoast SEO

Pertama, Anda perlu menginstal plugin Yoast SEO ke situs Anda karena widget remah roti hanya berfungsi saat Anda menginstal plugin.

Pergi ke Plugin -> Tambah Baru. Kemudian ketik Yoast SEO di bilah pencarian. Setelah menemukan plugin, klik tombol Install . Terakhir, klik tombol Aktif untuk menyelesaikan proses aktivasi plugin.

Add & Activate Yoast SEO Plugin

Sekarang, kita akan mengaktifkan opsi remah roti. Untuk melakukan ini, Anda perlu mengunjungi SEO–> Tampilan Pencarian . Kemudian klik tab Breadcrumbs . Di sini, Anda akan mendapatkan semua opsi yang diperlukan untuk mengatur remah roti Anda.

Yoast Breadcrumbs Settings

Catatan: Secara default, plugin SEO mengatur pengaturan untuk Anda yang bekerja dengan sempurna.

Langkah 2: Buat Template Elemen

Saatnya membuat templat halaman untuk menambahkan remah roti. Untuk melakukan ini, Anda harus pergi ke Template–>Theme Builder . Kemudian buka tab Single Page dan klik tombol Add New Single Page .

Theme Builder Single Page Template

Setelah beberapa saat, Anda akan menemukan popup modal tempat Anda menambahkan nama template Anda. Kemudian klik tombol Create Template dan tunggu halaman berikutnya.

Add Single Page Template

Pada halaman berikut, Anda akan mendapatkan banyak sekali templat yang sudah jadi yang dapat Anda pasang dengan mudah ke situs Anda. Cukup klik tombol Install dan tunggu instalasi template.

Install Single Page Tempalte

Langkah 3: Tambahkan Elemen Widget remah roti

Mari tambahkan elemen Widget remah roti ke templat halaman kami yang baru dibuat. Anda dapat menemukan widget dari galeri widget Elementor. Kemudian seret & jatuhkan ke tempat yang sesuai di mana Anda ingin menampilkan remah roti. Umumnya, remah roti ditampilkan di bagian atas halaman dan tepat di bawah area header situs web.

Add Elementor Breadcrumbs Widget

Langkah 4: Sesuaikan Anda Tepung roti

Anda dapat menyesuaikan remah roti dengan cara Anda sendiri. Area Konten memungkinkan Anda untuk mengatur konten remah roti. Di sini, Anda dapat menentukan Alignment dan Tag HTML . Ini adalah tag HTML yang Anda setel ke remah roti.

  • Bawaan
  • P
  • div
  • navigasi
  • menjangkau
Set Elementor Breadcrumbs Content

Anda juga dapat menata remah roti menggunakan opsi Gaya . Di area gaya, Anda dapat mengubah Tipografi, Warna Teks, dan Warna Tautan sesuai keinginan Anda. Anda melihat bahwa kami telah mengubah teks dan warna tautan.

Style Breadcrumbs

Jika Anda ingin mengubah Warna Hover , Anda dapat mengikuti gambar di bawah ini.

Add Hover Color

Cara Alternatif Menambahkan Breadcrumb Elementor (untuk Plugin SEO lainnya)

Ada beberapa cara lain yang dapat Anda ikuti untuk menambahkan remah roti ke situs web Elementor Anda.

Versi Gratis Elementor

Anda dapat menambahkan remah roti ke situs Anda jika Anda tidak memiliki lisensi pro Elemntor. Ikuti langkah di bawah ini untuk melakukan prosesnya.

  • Buat bagian di mana Anda ingin menampilkan remah roti
  • Tambahkan widget Elementor Shortcode ke bagian
  • Rekatkan kode pendek Yoast SEO Breadcrumb berikut:
 [wpseo_breadcrumb]
Add Manual Yoast Breadcrumbs Shortcode

Sekarang Anda dapat menampilkan remah roti di situs web Anda.

Peringkat Matematika SEO

Anda juga dapat menggunakan plugin SEO Rank Math untuk menampilkan remah roti. jika Anda adalah pengguna pro Rank Math, Anda dapat dengan mudah menambahkan remah roti menggunakan widget.

Tetapi jika Anda adalah pengguna biasa maka Anda harus menambahkan remah roti secara manual. Seperti pengguna gratis Elementor, Anda juga harus menggunakan metode kode pendek untuk menyelesaikan tugas.

Prosesnya mirip dengan yang di atas. Tetapi Anda harus memastikan bahwa Anda menggunakan kode pendek yang tepat yang ditawarkan oleh plugin Rank Math. Ini dia kode pendek remah roti dari Rank Math.

 [rank_math_breadcrumb]
Add Manual Rant Math Breadcrumbs Shortcode

Itu dia.

FAQ Remah Roti Elementor

Mari kita periksa FAQ di bawah ini tentang remah roti Elementor.

Apa itu Breadcrumb di Elementor?

Menggunakan remah roti adalah cara cerdas untuk menavigasi situs web Anda. Widget Elementor Breadcrumbs memungkinkan Anda menambahkan remah roti ke halaman atau posting situs web Anda. Untuk menggunakan widget, Anda perlu menginstal Elementor gratis dan pro. Anda juga harus memiliki plugin SEO di situs Anda untuk bekerja dengan widget ini.

Haruskah Saya Menggunakan Breadcrumbs di Situs Saya?

Ya kamu harus. Ini membantu mesin pencari seperti Google untuk memahami struktur situs web Anda. Anda bahkan mendapatkan beberapa manfaat SEO.

Apakah Breadcrumbs Dapat Diklik?

Ya, itu remah roti dapat diklik.

Apakah Breadcrumbs Termasuk Halaman Saat Ini?

Ya, remah roti disertakan di halaman Anda saat ini. Anda juga mendapatkan daftar tautan dari halaman induk ke halaman saat ini.

Bagaimana Saya Menambahkan Breadcrumbs ke WordPress Tanpa Plugin?

Secara default, WordPress tidak menyediakan fungsionalitas remah roti. Anda harus menggunakan plugin atau membuat fungsi remah roti khusus sendiri.

Bagaimana Saya Menyembunyikan Breadcrumbs di WordPress CSS?

Anda dapat dengan mudah menghapus remah roti dari situs Anda dengan menambahkan CSS (display: none;).

Bonus: Gunakan Widget Breadcrumbs Happy Addons untuk Menambahkan Breadcrumbs yang Menakjubkan di Situs Elementor Anda!

Happy Addons Breadcrubs Widgets

Jika Anda ingin opsi lebih lanjut untuk menambahkan remah roti yang apik, menarik, dan dapat disesuaikan ke situs web Elementor Anda, maka Anda harus mencoba Widget Happy Addons Breadcrumbs. Widget luar biasa ini memungkinkan Anda menambahkan remah roti dinamis ke situs Anda dengan cara yang lebih artistik. Itu juga dilengkapi dengan beberapa desain remah roti yang sudah jadi.

Fitur Utama.

  • Mudah digunakan.
  • Menawarkan desain remah roti pra-bangun yang indah yang akan membantu Anda mendesain remah roti dengan mudah. Anda dapat menemukannya di Halaman Demo.
HappyAddons Breadcrumb Demo
Demo Desain Breadcrumb
  • Dapat disesuaikan sepenuhnya.
  • Dapatkan lebih banyak pengaturan lanjutan.
  • Dapat menambahkan Ikon Beranda yang akan memberikan kredibilitas lebih pada remah roti Anda.
Happy Addons Breadcrumbs
Ikon Rumah

Lihat dokumentasi Happy Addons Breadcrumbs dan pelajari cara menggunakannya.

Coba HappyAddons Untuk Mendesain Situs Web yang Menakjubkan!

Tingkatkan Pengalaman Pengguna Situs Web Anda Dengan Breadcrumbs

Menambahkan remah roti memberi Anda manfaat SEO ekstra ke situs web Elementor Anda.

Dalam panduan ini, kami telah membahas semua kemungkinan cara untuk menambahkan elemen web ini. Kami telah membahas pentingnya. Juga, diberikan pengenalan singkat tentang widget Breadcrumbs Happy Addons.

Jika ada pertanyaan yang mengganjal di pikiran anda mengenai blog ini, anda dapat berkomentar pada kami.

Jangan lupa untuk berlangganan buletin kami untuk mendapatkan lebih banyak tips dan trik keren tentang Elementor dan Happy Addons.

Berlangganan newsletter kami

Dapatkan berita & pembaruan terbaru di Elementor