Cara membuat breadcrumbs untuk wordpress

Cara membuat breadcrumbs adalah teknik yang sudah lama ada di search engine google. Di dalam buku panduan Google SEO Starter Guide 2010, telah dijelaskan tentang apa itu dan bagaimana fungsi Breadcrumbs.

Breadcrumbs merupakan salah satu cara untuk membuat sebuah blog atau website disukai search engine. Google lebih mengutamakan blog dengan adanya kemudahan navigasi, berikut merupakan kutipan yang saya dapat dari Google “make your site easier to navigate, navigation is very important for search engines”.

Dengan adanya breadcrumbs akan lebih memudahkan pengunjung dan search engine dalam menelusuri isi kontent mulai dari halaman utama (root) menuju ke halaman yang lebih spesifik berdasarkan kategori tertentu yang telah dibuat sebelumnya dan akan lebih memudahkan pengunjung untuk kembali ke halaman sebelumnya (back to home/root).

Disini akan saya bahas mengenai cara membuat breadcumbs untuk halaman single yang menggunakan multiple category (lebih dari satu penggunaan category).

Berikut ini contoh breadcrumbs yang saya terapkan di blog ini. Cara Mengganti Avatar WordPress

Cara membuat breadcrumbs di wordpress

1. Pertama buka function.phpdan tambahkan kode berikut ini.

   //breadcrumbs
   if ( ! function_exists( 'breadcrumbs' ) ) :
   function breadcrumbs() {
   $delimiter = '›';
   $home = 'Home';
   
   echo '<div xmlns:v="http://rdf.data-vocabulary.org/#">';
   global $post;
   echo ' <span typeof="v:Breadcrumb">
   <a rel="v:url" property="v:title" href="'.home_url( '/' ).'">'.$home.'</a>
   </span> ';
   $cats = get_the_category();
   if ($cats) {
   foreach($cats as $cat) {
   echo $delimiter . "<span typeof=\"v:Breadcrumb\">
   <a rel=\"v:url\" property=\"v:title\" href=\"".get_category_link($cat->term_id)."\" >$cat->name</a>
   </span>"; }
   }
   echo $delimiter . the_title(' <span>', '</span>', false);
   echo '</div>';
   }
   endif;

2. Kemudian buka single.php, dan tambahkan kode berikut.

   <div id="breadcrumbs">
   <?php breadcrumbs(); ?>
   </div>

3. Untuk mempercantik tampilan breadcrumbs anda dapat menambahkan kode CSS berikut pada file CSS yang anda gunakan.

   #breadcrumbs{
   background:#F6F8F2;
   line-height:16px;margin:0px 0px 2px 0px;border:1px solid #b0aeae;padding:3px 2px 3px 14px;
   font-size:10.5px;box-shadow:2px 2px 2px #b3b3b7;-moz-box-shadow:2px 2px 2px #b3b3b7;-webkit-box-shadow:2px 2px 2px #b3b3b7;letter-spacing:0em;
   font-family:"trebuchet ms",sans-serif;}

4. Kemudian untuk melihat berhasil atau tidaknya breadcrumbs yang telah dibuat, bisa langsung mengeceknya di Google Richsnippets.

Dengan cara membuat breadcrumbs maka akan memudahkan navigasi pada blog anda. Blog dengan kemudahan navigasi akan jauh lebih SEO friendly dibanding blog yang hanya memberikan navigasi hanya untuk menjebak pengunjung agar mengklik iklan.

TERIMA KASIH ATAS KUNJUNGAN SOBAT

Judul: Cara membuat breadcrumbs untuk wordpress
Ditulis oleh : Indonesia Documents Group
Anda sedang membaca artikel Cara membuat breadcrumbs untuk wordpress. Artikel ini dilindungi oleh hak Cipta kami dari www. myfreecopyright.com. Jika ingin mengutip, harap memberikan link aktif dofollow ke URL http://indonesiadocuments.blogspot.com/2012/08/cara-membuat-breadcrumbs-untuk-wordpress.html. Jika Tidak akan diproses hukum oleh DMCA Takedown dan berakibat buruk pada blog sodara . Terima kasih atas Perhatian saudara serta Terima Kasih telah berkunjung di blog ini.