Sun. Feb 28th, 2021

Navigasi Breadcrumbs adalah sistem navigasi sekunder yang memberi tahu pengguna di mana mereka berada di website relatif terhadap homepage.

Bagi mereka yang menjalankan situs web eCommerce , breadcrumbs dapat secara dramatis meningkatkan kegunaan dan akhirnya penjualan. Anda dapat menggunakannya untuk mendorong pengguna memeriksa produk terkait dari kategori tertentu, yaitu Beranda → Produk → Elektronik → Dapat dikenakan.

Anda juga tidak perlu menyewa pengembang web atau mempelajari pengkodean lanjutan untuk menerapkan fitur ini. Cukup install plugin WordPress Breadcrumb dan Anda siap melakukannya.

Pada artikel ini, kami akan menunjukkan kepada Anda bagaimana cara membuat breadcrumb di situs Anda. Mari kita mempelajari terlebih dahulu istilah Breadcrumb.

Apa itu Breadcrumb dan Mengapa Anda Membutuhkannya?

Navigasi Breadcrumb atau Breadcrumb trail adalah elemen kontrol grafis atau merupakan istilah yang digunakan untuk menggambarkan menu navigasi hierarkis yang disajikan sebagai jejak link. Ini sering digunakan sebagai navigasi sekunder yang memungkinkan pengguna untuk naik dalam hierarki halaman website. dan Ini juga memungkinkan pengguna untuk melacak dan mempertahankan kesadaran akan lokasi mereka dalam program, dokumen, atau website.

Istilah tersebut diambil dari kisah Hansel dan Gretel yang seorang anak berasal dari jerman. Untuk petunjuk jalan pulang ketika mereka di hutan.

Link navigasi breadcrumb berbeda dari sistem menu navigasi default di WordPress.

Tujuan Breadcrumb adalah untuk membantu pengguna menavigasi di website Anda. Ini juga membantu mesin pencari memahami struktur dan hierarki link pada halaman web.

Mesin pencari seperti Google telah mulai menampilkan Breadcrumb bersama dengan judul halaman dalam hasil pencarian. Ini memberi website Anda lebih banyak visibilitas dalam hasil pencarian dan meningkatkan rasio klik-tayang Anda.

Menampilkan breadcrumb ke halaman

Apa Fungsi Breadcrumbs?

Breadcrumbs adalah bagian yang penting pada blog karena bisa berfungsi sebagai navigasi kedua setelah menu utama. Fungsi ini memudahkan pengunjung web untuk menjelajah situs web.

Pengunjung tak perlu navigasi dari awal untuk menemukan artikel dengan topik yang sama pada website. Ia hanya perlu mengklik breadcrumb untuk kembali ke halaman yang sebelumnya diakses.

Karena itu, mari kita lihat bagaimana cara membuat breadcrumb di blog WordPress.

Membuat Breadcrumb Menggunakan Plugin WordPress

Mari kita memulai beberapa metode mudah ini dengan menggunakan plugin wordpress untuk mempelajari cara membuat Breadcrumb.

Metode 1. Membuat Breadcrumb Menggunakan Breadcrumb NavXT

Breadcrumb Navxt adalah plugin wordpress untuk membuat Breadcrumb pada website Anda.

Sejauh ini, ini adalah cara termudah untuk Membuat Breadcrumb ke website Anda. Ini fleksibel, mudah digunakan, dan memiliki lebih banyak pilihan daripada yang dapat Anda bayangkan.

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin Breadcrumb NavXT . Untuk detail lebih lanjut, lihat panduan tentang langkah cara install plugin WordPress .

Setelah aktivasi, Anda perlu mengunjungi halaman Settings > Breadcrumb NavXT untuk mengkonfigurasi pengaturan plugin.

mengkonfigurasi pengaturan plugin breadcrumb

Settings default harus berfungsi untuk sebagian besar Website. Namun, Anda dapat menyesuaikan pengaturan sesuai kebutuhan.

Halaman Settings dibagi menjadi beberapa bagian. Pada tab Settings general, Anda dapat menentukan bagaimana plugin berperilaku global di situs Anda.

Ini memungkinkan Anda untuk memodifikasi template link navigasi Breadcrumb. Anda juga akan melihat bahwa template link ini menggunakan parameter Schema.org di tag link.

Tab jenis posting di bawah pengaturan plugin memungkinkan Anda untuk mengatur link Breadcrumb untuk posting, halaman, dan semua jenis posting Custom .

Anda dapat memilih bagaimana Anda ingin menampilkan hierarki posting Anda. Secara default plugin akan menggunakan Judul Situs > Kategori > Judul Posting . Anda dapat mengganti kategori dengan tag , tanggal, atau pos induk.

Para taksonomi dan penulis tab memiliki template yang sama untuk navigasi Breadcrumb link Anda.

Jangan lupa klik tombol simpan perubahan untuk menyimpan perubahan Anda.

Menampilkan Breadcrumb NavXT di website Anda

Untuk memperlihatkan Breadcrumb di situs Anda, pertama-tama Anda harus pergi ke Appearance > Customize . Dari sana, Anda akan memilih di mana Anda ingin Breadcrumb ditampilkan di dropdown Posisi .

Di Sumber Breadcrumb , Anda harus memilih [Breadcrumb NavXT].

Menyesuaikan breadcrumb

Itu saja untuk langkah ini. Anda sekarang dapat mengunjungi website Anda dan melihat link navigasi Breadcrumb dengan mengunjungi setiap posting atau halaman.

Metode 2: Membuat Breadcrumb Menggunakan Yoast SEO

Jika Anda sudah menggunakan plugin wordpress Yoast SEO, maka Anda dapat menggunakan fitur navigasi untuk membuat Breadcrumb bawaan mereka, meskipun fitur ini terbatas dibandingkan dengan plugin Breadcrumb NavXT.

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin Yoast SEO .

Setelah aktivasi, Anda harus pergi ke halaman SEO > Search Appearance > Breadcrumbs dan centang opsi [Enable Breadcrumbs].

mengatur plugin Yoast SEO untuk WordPress

Setelah diaktifkan, Anda akan menemukan beberapa opsi untuk mengubah bagaimana breadcrumbs akan ditampilkan di situs Anda. Pengaturan default harus bekerja untuk sebagian besar, bagaimanapun, jangan ragu untuk mengubah apa pun yang Anda suka.

Setelah selesai, klik tombol simpan perubahan untuk menyimpan pengaturan Anda.

Menampilkan Navigasi Breadcrumb Yoast di Situs Anda

Untuk menampilkan Breadcrumb di situs Anda, pertama-tama Anda pergi ke Appearance > Customize . Dari sana, Anda akan memilih di mana Anda ingin breadcrumb ditampilkan di dropdown Posisi .

Di Sumber Breadcrumb , Anda akan memilih [ Yoast SEO Breadcrumbs ].

Itu saja. Anda sekarang dapat mengunjungi website Anda untuk melihat navigasi breadcrumb Anda yang telah dibuat.

Metode 3: Membuat Breadcrumb Menggunakan Flexy Breadcrums

Struktur skema adalah salah satu aspek terpenting dari SEO . Plugin WordPress breadcrumb ini terintegrasi dengan Google Fonts yang membuat jejak breadcrumb Anda pas dengan desain website Anda.

Setelah Anda menginstal dan mengaktifkan plugin flexy breadcrumbs ,  buka area Flexy Breadcrumb di sidebar dasbor WordPress Anda:

Settings general menawarkan sejumlah opsi penyesuaian. Pilih “Teks Rumah” (teks di depan jejak Anda) dan pilih ikon dari katalog ikon gratis , berkat pemilih ikon Font Awesome .

Anda dapat mengubah pemisah runut link Anda jika diinginkan. Cukup masukkan “/”, “→” atau tanda lain yang ingin Anda lihat di jalan. Hierarki jenis posting membantu Anda memilih format di mana posting muncul, menggunakan “Kategori”, “Tanggal”, atau “Tag”.

Anda dapat menggunakan bagian  Tipografi untuk menyesuaikan warna jejak runut link Anda sepenuhnya. Simpan perubahan Anda dan Anda akan melihatnya diterapkan ke website Anda. Anda juga dapat membuat breadcrumb secara manual dengan menggunakan  [flexy_breadcrumb]kode pendek .

Metode 4: Membuat Breadcrumb menggunakan Breadcrumb Woocommerce

Jika Anda baru saja membuat toko WooCommerce dan ingin memasang beberapa plugin untuk meningkatkan fungsionalitas dinamis; lihat WooCommerce Breadcrumbs .

Plugin ini membantu Anda mengelola Breadcrumb WooCommerce dengan efisiensi sederhana. Anda dapat mengubah karakter pemisah dan menampilkan daftar yang tidak diurutkan dengan mengubah HTML di sekitarnya.

WooCommerce Breadcrumbs adalah plugin WordPress sederhana. Anda mengaktifkannya dengan masuk ke Settings -> WC Breadcrumbs dan centang kotak Enable Breadcrumbs .

Anda dapat mengubah pemisah antara jejak runut link dari antarmuka plugin. Anda dapat menambahkan HTML ke jejak WooCommerce Anda untuk menyesuaikan tampilan dan posisi objek. Gunakan wrap_beforedan wrap_after untuk menambahkan kode awal dan akhir dari wadah runut tautan Anda. Jika Anda menggunakan WooThemes , fitur tertentu mungkin tidak tersedia.

Metode 5: Membuat Breadcrumb Menggunakan Breadcrumb

Breadcrumb adalah plugin breadcrumb WordPress gratis lainnya yang telah masuk dalam daftar kami. Breadcrumb akan membantu Anda menyediakan navigasi yang mengagumkan dengan pengaturan minimal. Plugin Breadcrumb akan membantu Anda menampilkan breadcrumb di tempat mana pun yang Anda inginkan di seluruh situs Anda. Cukup tambahkan kode pendek yang disediakan di editor WordPress Anda.

Breadcrumb akan tersedia di dasbor Anda segera setelah Anda menginstalnya. Pengaturan umum dapat digunakan untuk mengubah teks utama, mengatur teks pemisah, dan menyesuaikan pemisah terakhir.

Anda dapat mengatur batas tampilan berdasarkan kata atau karakter. Anda bahkan dapat memilih apakah Anda ingin menampilkan “Rumah” di jejak runut tautan Anda atau tidak. Masukkan halaman yang tidak cocok dengan remah roti (Homepage, misalnya). Simpan perubahan dan jejak runut tautan Anda siap untuk mulai membantu pengunjung menavigasi situs Anda.

Anda juga dapat memilih tema dalam opsi Gaya di panel pengaturan. Opsi ini untuk menyesuaikan warna, ukuran, dan desain jejak Breadcrumb Anda.

Untuk menampilkan breadcrumb Anda, Anda harus menambahkan  [breadcrumb] kode pendek.

Untuk membuat jejak runut tautan Anda terlihat lebih canggih, Anda dapat menggunakan CSS khusus.

Kami harap Artikel tentang Cara membuat Breadcrumb menggunakan beberapa plugin WordPress ini beserta Fungsinya bermanfaat untuk website Anda.

Summary
Cara Membuat Breadcrumb di Wordpress
Article Name
Cara Membuat Breadcrumb di Wordpress
Description
Navigasi Breadcrumb adalah sistem navigasi sekunder yang memberi tahu pengguna di mana mereka berada di situs web relatif terhadap beranda.
Author
Publisher Name
Cara Membuat Breadcrumb di Wordpress
Publisher Logo
Advertisements

Leave a Reply