Cara Menampilkan Tautan Navigasi Breadcrumb di WordPress
Diterbitkan: 2020-08-07Kemampuan pengunjung situs untuk menavigasi melalui situs web Anda memainkan peran penting dalam UX-nya. Anda perlu memastikan bahwa siapa pun yang membuka situs web Anda langsung memahami struktur utama situs web. Jika tidak, Anda berisiko meningkatkan rasio pentalan dan kehilangan prospek potensial. Salah satu cara untuk menghindari masalah jenis ini adalah dengan menggunakan navigasi remah roti. Breadcrumbs dapat meningkatkan kinerja keseluruhan situs web Anda melalui UX sekaligus berkontribusi pada SEO situs web WP Anda. Pada artikel ini, kita akan melihat lebih dekat cara menampilkan tautan navigasi breadcrumb di WordPress .
Apa itu Navigasi Breadcrumb?
- Navigasi remah roti adalah jejak tautan yang mewakili menu navigasi hierarkis. Ini bertindak sebagai sistem navigasi sekunder yang memberikan informasi kepada pengguna tentang posisi halaman dalam hierarki situs Anda .
Apa yang dilakukan remah roti adalah membuat jejak yang mengarahkan pengguna kembali ke halaman beranda, itulah namanya. Ini bisa sangat membantu untuk situs tertentu di mana pengguna memiliki kebutuhan untuk dapat menavigasi ke halaman lain dengan mudah, toko online menjadi contoh yang jelas . Namun, dalam hal SEO, navigasi breadcrumb membantu mesin pencari memahami hierarki dan struktur halaman web Anda. Selain itu, remah roti muncul di hasil pencarian Google, yang membuat seluruh situs web Anda lebih terlihat.
Cara Menambahkan dan Menampilkan Tautan Navigasi Breadcrumb di WordPress
Tidak sulit untuk menambahkan dan menampilkan tautan navigasi breadcrumb di WordPress. Jadi, apakah Anda seorang pemula atau ahli coding, Anda seharusnya dapat melakukannya dalam beberapa langkah sederhana . Karena ada lebih banyak cara untuk melakukan ini, kami akan menunjukkan cara menambahkan dan menampilkan remah roti menggunakan plugin yang berbeda.
Plugin NavXT Breadcrumb
Cara termudah untuk menambahkan jenis navigasi ini ke situs WordPress Anda adalah Plugin Breadcrumb NavXT. Seperti yang Anda ketahui, plugin WordPress dapat digunakan untuk banyak tujuan berbeda. Anda dapat menggunakan plugin untuk mengkloning atau menggandakan situs Anda, atau untuk media sosial, atau tujuan lainnya. Namun, dalam hal navigasi breadcrumb, NavXT adalah plugin populer yang menawarkan widget WordPress yang digunakan untuk menempatkan sistem navigasi. Banyak pilihan memungkinkan Anda untuk menyesuaikan navigasi untuk pengguna.
Yang perlu Anda lakukan pertama adalah mencari plugin Breadcrumb NavXT dan menginstalnya. Setelah selesai, klik pada panel admin sebelah kiri dan pilih Add New Option , yang akan membuka halaman pengaturan utama. Pengaturan default akan berfungsi untuk sebagian besar situs web. Ada tab yang berbeda dan masing-masing menawarkan pengaturan berbeda yang mungkin berfungsi lebih baik untuk situs web Anda.
- Pada tab Pengaturan umum , Anda dapat menentukan pengaturan global plugin di situs web Anda.
- Tab Jenis Posting sangat penting, karena memungkinkan Anda mengatur tautan remah roti untuk posting dan halaman satu per satu.
- Pada tab Taksonomi , Anda dapat mengatur kategori sesuai keinginan Anda, dan Anda dapat menemukan template serupa untuk tautan Anda.
- Tab Miscellaneous memungkinkan Anda untuk mengubah pengaturan penulis.
- Buat perubahan yang Anda rasa paling membantu situs web Anda dan ingat untuk mengklik tombol “ Simpan Perubahan ” untuk menyimpan perubahan.
Menampilkan Breadcrumb NavXT di Situs Web Anda
Untuk menampilkan tautan navigasi breadcrumb di WordPress, Anda harus pergi ke Appearance dan pilih Customize. Di sana, Anda dapat memilih posisi remah roti Anda di dropdown Posisi. Juga, Anda harus memilih Breadcrumb NavXT di Sumber Breadcrumb.
Plugin Yoast SEO
Plugin populer lainnya adalah Yoast SEO dan berguna untuk memperkirakan peringkat mesin pencari dan mengoptimalkan konten. Namun, ada beberapa fitur yang digunakan untuk meningkatkan visibilitas situs web Anda, dan Anda juga dapat menggunakannya untuk menambahkan dan menampilkan tautan remah roti di WordPress.
Hal pertama yang perlu Anda lakukan adalah memutuskan di mana Anda ingin meletakkan remah roti . Bergantung padanya, Anda harus menambahkan kode berikut ke lokasi yang diinginkan:
- <?php
- if (function_exists ('yoast_breadcrumb')) {
- yoast_breadcrumb( '<p id=”breadcrumbs”>' , ' </p>' );
- }
- ?>
Cara menampilkan tautan navigasi remah roti dengan YOAST SEO
Bergantung pada tema dan pembaruan, ada kemungkinan kode ditimpa. Dalam hal ini, Anda harus menghubungi pengembang tema Anda. Setelah Anda menempatkan snippet, buka SEO dan pilih Search Appearance e dan klik Breadcrumbs. Dalam pengaturan Breadcrumbs, aktifkan Breadcrumbs. Saat Anda melihat pratinjau situs Anda, Anda seharusnya dapat melihat tempat remah roti di bagian yang diinginkan dari situs web Anda.
Remah Roti Flexy
Flexy Breadcrumd adalah salah satu plugin yang dapat Anda gunakan untuk menambahkan remah roti di WordPress. Setelah Anda menginstal dan mengaktifkan plugin, Anda akan dapat menambahkan remah roti dengan kode pendek [flexy_breadcrumb]. Jika Anda tidak terbiasa dengan shortcode di WordPress, ada banyak materi yang akan membantu Anda memahami shortcode dengan lebih baik.
Di bilah sisi dasbor, Anda akan dapat melihat item Flexy Breadcrumb. Setelah Anda mengkliknya, Anda akan melihat pengaturan yang memungkinkan Anda untuk mengubah halaman rumah Anda – mengubah ikon dan teks, mengatur batas karakter, dan hierarki. Tab Tipografi memungkinkan Anda untuk mengubah ukuran dan warna font untuk remah roti. Setelah Anda selesai menyesuaikan jejak Anda, tambahkan kode pendek yang disebutkan di tempat Anda ingin meletakkan remah roti Anda.
Breadcrumb WooCommerce
Jika Anda membutuhkan remah roti agar klien Anda dengan mudah berpindah di antara halaman produk Anda, maka pertimbangkan untuk menginstal remah roti WooCommerce. Karena Anda sudah menggunakan plugin WooCommerce, ini seharusnya menjadi opsi termudah untuk Anda.
Instal dan aktifkan plugin dan buka Pengaturan dan temukan WC Breadcrumbs. Anda tidak boleh lupa untuk Mengaktifkan remah roti. Kemudian, Anda dapat memilih halaman produk Anda.
Mulailah bekerja untuk meningkatkan UX situs web Anda hari ini
Ada baiknya Anda mengetahui cara menambahkan dan menampilkan tautan navigasi Breadcrumb di WordPress. Namun, Anda juga harus mengingat dongeng terkenal – terkadang Anda bisa tersesat bahkan saat menggunakan remah roti. Dan ini bukanlah sesuatu yang Anda inginkan terjadi pada pengunjung Anda. Sistem ini harus ditempatkan di area yang akan terasa seperti tambahan yang kuat untuk situs web Anda dan memungkinkan pengunjung untuk langsung memahami struktur situs web Anda. Bagaimanapun, penting untuk memiliki pengunjung di pikiran Anda, karena Anda ingin meningkatkan pengalaman mereka.