Panduan Cara Membuat Breadcrumb di WordPress

GOSITE.ID | Akan membagikan panduan bagaimana cara membuat breadcrumb di WordPress Anda dengan mudah.

Sebelum melajutkan panduan membuat breadcrumb, sebaiknya mengenal breadcrumb terlebih dahulu.

Apa itu Breadcrum?

Breadcrumb adalah fitur navigasi yang terdapat pada website untuk memudahkan pembaca mengetahui posisi artikel atau halaman yang sedang dikunjungi.

Contoh breadcrumb : Home » Panduan WordPress » Panduan Cara Membuat Breadcrumb di WordPress

Berdasarkan contoh diatas, pembaca dapat mengetahui letak halaman yang sedang dikunjungi.

Fungsi Breadcrum di WordPress

Fungsi Breadcrumb pada sebuah website adalah untuk memberikan pengalaman yang baik bagi pembaca. Dengan adanya breadcrum dapat memberikan kemudahan pembaca menjelajahi website.

Sehingga pengunjung tidak usah pengulangi dari awal jika topik pemabahasan masih sama. Dengan hanya mengklik breadcrumb untuk kembali ke halaman yang ada diatasnya.

Cara Membuat Breadcrumb di WordPress

Membuat breadcrumb di WordPress dapat dilakukan secara manual dan bantuan plugin. Pada kesempatan ini saya akan memberikan panduangnya yang menggunakan bantuan plugin.

Plugin yang bisa Anda gunakan adalah plugin Yoast SEO atau Rank Math. Jadi anda tidak perlu menggunakan plugin tambahan lagi untuk memasang breadcrumb di WordPress.

Kedua plugin SEO ini gratis dan dapat Anda gunakan untuk membuat breadcrum pada website WordPress Anda.

Pilih salah satu diantara kedua plugin yang telah disebutkan diatas. Tidak direkomendasikan menggunakan kedua plugin tersebut bersamaan.

Memasang Breadcrumb

Pastikan Anda sudah menginstall dan mengkatifkan plugin Yoast atau rank math.

Konfigurasi Plugin Yoast

• Mengaktifkan Fitur Breadcrumb pada plugin Yoast. SEO » Search Appreance » Breadcrumb.
• Breadcrumbs settings » Enable Breadcrumbs » Enabled.
• Bold the last page Anda bisa memilih Bold atau regular
• Save changes

Konfigurasi Plugin Rank Math

• Mengaktifkan Breadcrumb pada Rank Math » Pengaturan Umum » Breadcrumb;
• Aktifkan fungsi breadcrumb » Hidup
• Karakter pemisah : “»”
• Tampilkan Tautan Beranda » Hidup
• Label beranda : Home
• Selebihnya abaikan saja.

Konfigurasi Pada tema WordPress

Salin salah satu kode dibawah ini berdasarkan plugin yang sudah Anda install sebelumnya.

Plugin Yoast Seo

<?php
if ( function_exists('yoast_breadcrumb') ) {
  yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}
?>

Plugin Rank Math

<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>

Menambahkan kode PHP breadcrumb ke dalam tema WordPress yang digunakan. Pada tutorial ini saya menggunakan tema GeneratePress.

Pada tema GeneratePress ternyata kode PHP yang akan ditempelkan terdapat pada file content-single.php. Hal ini bergantung pada tema yang Anda gunakan.

Standarnya sih di single.php dan page.php

• Tampilan (Apreance) » Theme Editor » single.php dan page.php.

Setelah berada di file content-single.php pastekan salah satu kode PHP diatas dibawah kode <div class=”inside-article”> sehingga tampak seperti berikut.

Yoast SEO

<div class="inside-article">
    <?php
        if ( function_exists('yoast_breadcrumb') ) {
              yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
        }
    ?>

Rank Math

<div class="inside-article">
<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>

• Setelah selesai klik tombol Perbaharui Berkas

Untuk melihat hasilnya silahkan kunjungi salah satu postingan yang sudah Anda buat sebelumnya.

Semoga panduan membuat breadcrumb di WordPress dapat mengatasi permasalahan yang menggangu di blog WordPress Anda.

Jika ada pertanyaan silahkan meninggalkan pesan di kolom komentar dibawah ini. Atau jika Anda membutuhkan jasa pemasangan breadcrumb pada tema Anda, bisa menghubungi saya via halaman kontak.