Cara Setting Breadcrumb Rank Math

Tutorial cara setting breadcrumb ini dibuat karena ada tema di Facebook memintanya. Breadcrumb ini sangat penting untuk sebuat website atau blog, karena dapat mempermudah pengunjung untuk bernavigasi.

Breadcrumb ini adalah fitur navigasi pada website atau blog yang berfungsi untuk memudahkan pembaca mengetahui posisi artikel atau halaman yang sedang dikunjunginya.

Untuk tutorial cara setting breadcrumb Rank Math ini saya akan praktekan dengan menggunakan blog heyapakabar.com ini. Tema yang digunakan pada blog ini adalah tema Generatepress, alasannya karena tema ini sangat ringan dan responsive.

Sebelum mengikuti tutorial ini, pastikan Anda menggunakan plugin Rank Math dan tema Generatepress. Jika tertarik untuk menggunakannya dengan versi premium bisa hubungi saya.

Cara Mengaktifkan Breadcrumb Rank Math

Langkah 1 Silahkan login atau masuk ke website WordPress Anda.

Pada langkah pertama ini pastikan Anda dapat mengakses blog atau website dengan benar menggunakan username dan password.

Langkah 2 Install dan aktifkan plugin Rank Math pada website.

Jika Anda belum menginstall plugin Rank Math silahkan install dan aktifkan terlebih dahulu. Apabila sudah terinstall lewati langkah ini.

Langkah 3 Masuk ke menu Pengaturan umum dan Breadcrumb

Setelah berhasil melakukan proses install dan aktivasi, langkah berikutnya adalah mengkatifkan Breadcrum nya. Pada halaman ini Anda akan melihat kode PHP dan Shortcode yang bisa Anda gunakan nanti.

Rank Math » Pengaturan Umum » Breadcrumb » Aktifkan fungsi breadcrumb

Jangan lupa untuk klik tombol Simpan Perubahan.

Cara Setting Breadcrumb Rank Math

Jika sudah selesai mengkatifkan Breadcrumb pada langkah sebelumnya tinggal melakukan langkah berikutnya dengan manabhakan kode di beberapa file tema Anda.

File yang akan di modifikasi adalah file conten-single.php, content-page.php dan dan header.php. Pada tema lainnya nama file sedikit agak berbeda seperti single.php, page.php dan header.php.

Untuk dapat mengkases file tersebut Ada beberapa cara, diantaranya adalah melalui filemanagar di cPanel atau dari dashboard WordPress Anda.

Pada tutorial ini saya akan memperaktekkan melului dashboard WordPress dengan cara sebagai berikut :

Tampilan » Penyunting tema » (content-single.php, content-page.php dan header.php).

Silahkan modifikasi content-single.php dan tambah kode dibawah ini:

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

untuk penempatan perhatikan kode ini:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?> <?php generate_do_microdata( 'article' ); ?>>
   <div class="inside-article">
      <?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>

Dicuplikan kode diatas, perhatikan pada <div class=”inside-article”>. simpan kode breadcrumb dibawah kode tersebut kemudian save dan clear cache.

Silahkan buka salah satu post pada blog atau website Anda.

Selamat Anda sudah berhasil menambahkan breadcrumb pada tema generatepress blog Anda. Jangan lupa lakukan hal yang sama dengan file content-page.php dan lainnya.

Hasil akhirnya akan tampak seperti ini ketika dilakukan pengujian pada Google

Apabila Anda membutuhkan jasa optimasi speed WordPress atau butuh tema generatepress bisa menghubungi saya via halaman kontak atau facebook.