Cara menampilkan Breadcrumbs plugin Yoast SEO

Selamat sore para penghuni WordPress hehe pada kesempatan ini saya akan membahas tentang cara menampilkan Breadcrumbs plugin Yoast SEO. Mungkin bagi yang belum tahu akan merasa kebingungan cara menggunakan fitur breadcrumbs yang ada pada plugin Yoast SEO.

Apa sih beradcrumbs itu? Singkatnya, breadcrumb adalah sebuah navigasi yang memungkinkan pengguna atau pengunjung situs kita untuk mengetahui dimana posisi saat ini kita berada pada halaman tersebut. Ini juga bisa dikatakan sebagai jejak.

Sebenarnya cara ini sudah di jelaskan pada plugin tersebut, tapi mungkin ada yang gagal paham atau gimana? Tenang saja saya akan coba jelaskan di bawah ini, semoga bisa lebih paham atau malah jadi lebih pusing  :mrgreen:

Cara menampilkan Breadcrumbs plugin Yoast SEO

Silahkan ikuti langkah-langkah di bawah ini:

Mengaktifkan Breadcubms

Arahkan kursor ke menu SEO, selanjtunya klik menu Lanjutan (Advanced). Seperti pada contoh gambar di bawah ini:

Cara menampilkan breadcrumbs

Maka akan terlihat tampilan halaman seperti pada contoh gambar di bawah ini:

yoast breadcrumbs
Pastikan tombol dalam posisi Enabled.

 

Ubah posisi Disabled menjadi Enabled seperti pada contoh gambar di atas. Maka akan tampil seperti pada contoh gambar di bawah ini:

Yoast Breadcrumbs settings

Untuk settingan lainnya silahkan disesuaikan dengan keinginan kalian.

Menyisipkan breadcrumbs ke dalam tema

Setelah kita selesai mengaktifkan fitur Breadcrumbs nya, sekarang kita akan menyisipkan kode ke dalam tema kita yang fungsinya untuk menampilkan Breadcrumbs nya.

Oh iya, sebeleum menyisipkan ke dalam tema kita. Kita harus tahu terlebih dahulu di bagian mana kita menginginkan Breadcrumb tersebut akan tampil.

Pada contoh ini saya menggunakan tema Twenty Sixteen, dan saya menyisipkannya di bawah kode <div id="content" class="site-content"> berarrti saya harus menyuntingnya di dalam file header.php . Seperti pada contoh gambar di bawah ini:

Screenshot from 2015-12-21 16:08:03

Bagian yang saya blog adalah kode untuk menampilkan breadcrumb nya. Jika teman-teman menggunakan tema yang berbeda, silahkan di sesuaikan dan di coba-coba di bagian mana yang diinginkan.

Berikut adalah kode untuk menampilkan breadcrumbs:

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

Jika tidak ingin breadcrumb tampil pada halaman beranda silahkan gunakan kode di bawah ini:

<?php
// Tampilkan breadcumbs, kecuali halaman beranda. 
if(!is_home() && !is_front_page()) :
 if ( function_exists('yoast_breadcrumb') ) { 
   yoast_breadcrumb(' <p id="breadcrumbs">','</p> '); 
 }
endif; ?>

Oke, sudah selesai. Sekarang coba apakah breadcrumb nya sudah tampil? Jika belum silahkan di teliti lagi. Harusnya sudah tampil hehe

Selamat Mencoba!

2 Replies to “Cara menampilkan Breadcrumbs plugin Yoast SEO”

    1. Dicek dulu lewat inspect element mas, kira2 mau diletakan di bagian mana yg cocok. kalau sudh ketemu nanti tinggal letakan di file tema yg menampilkan kode tersebut. Soalnya setiap theme beda2 strukturnya. hehe

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *