Cara membuat breadcrumbs di wordpress

1. Cara membuat breadcrumbs di wordpress Sangat mudah,kamu hanya perlu install plugin yang berguna untuk menampilkan breadcrumbs navigasi blog wordpress self hosting kamu, baru saja saya juga menulis di blog infonetmu dengan title yang sama,yaitu Cara membuat breadcrumbs di wordpress,namun artikel tersebut menjelaskan pemasangan breadcrumb di wordpress tanpa plugin dan kurang seo friendly, nah di Rembogo saya akan tulis Cara membuat breadcrumbs di wordpress yang lebih SEO friendly,Karena breadcrumb dengan cara ini akan terindex google breadcrumb kamu, kalau gak percaya cek saja di google rich snippets. he he
   

Ikuti langkah-langkah dibawah ini:

1. Login ke Dashboard dan tuju halaman Appearance > Editor atau http://urlblog.com/wp-admin/theme-editor.php
2. Buka file fungtions.php kemudian tambahkan Tambahkan kode di bawah ini :
   

   <?php
   if ( ! function_exists( 'sabarmuanasdotcom_breadcrumbs' ) ) :
   function sabarmuanasdotcom_breadcrumbs() {
   $separator = '&rsaquo;';
   $home = 'Home';
   echo '<div xmlns:v="http://rdf.data-vocabulary.org/#" class="sabarmuanasdotcom_breadcrumbs">';
   global $post;
   echo ' <span typeof="v:Breadcrumb">
   <a rel="v:url" property="v:title" href="YOUR-BLOG-URL">Home</a>
   </span> ';
   $category = get_the_category();
   if ($category) {
   foreach($category as $category) {
   echo $separator . "<span typeof=\"v:Breadcrumb\">
   <a rel=\"v:url\" property=\"v:title\" href=\"".get_category_link($category->term_id)."\" >$category->name</a>
   </span>";
   }
   }
   $posttags = get_the_tags();
   if ($posttags) {
   foreach($posttags as $tag) {
   echo $delimiter . "<span typeof=\"v:Breadcrumb\">
   <a rel=\"v:url\" property=\"v:title\" href=\"".get_tag_link($tag->term_id)."\" >$tag->name</a>
   </span>";
   }
   }
   echo '</div>';
   }
   endif;
   ?>

3. Kode di atas akan menghasilkan breadcrumb dari Home >> kategori posting >> tag posting.
4. Ganti yang berwarna merah dengan URL blog kamu dan kode Hijau adalah tagnya,karena akan terlalu panjang saya biasa menghapusnya.
   
5. Kemudian Update file
6. Jika teman teman tidak menginginkan tags muncul dalam Breadcrumbs hapus saja fungsi untuk menampilkan tagsnya
7. Selanjutnya Tambahkan panggilan fungsi berikut dalam file single.php Anda.
8. Cari kode <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
   <div id="post-<?php the_ID(); ?>" class="post"> dan letakkan kode berikut diatas kode <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
   <div id="post-<?php the_ID(); ?>" class="post">
   

   <?php sabarmuanasdotcom_breadcrumbs(); ?>

9. Lalu update.
10. Untuk mempercantik tampilan Breadcrumbs silahkan teman-teman tambahkan kode CSS sesuka kamu pada style.css kamu, berikut contohnya:
    

    /* sabarmuanasdotcom_breadcrumbss CSS*/
    .sabarmuanasdotcom_breadcrumbs {
    font-size: 11px;
    }
    .sabarmuanasdotcom_breadcrumbs a {
    color: gray;
    text-decoration: none;
    }
    .sabarmuanasdotcom_breadcrumbs a:hover {
    color: #178A00;
    }

11. Lalu update file.

Sekarang lihat hasilnya,coba buka salah satu postingan kamu. demikian Cara membuat breadcrumbs di wordpress yang lebih SEO friendly, semoga berguna.

Advertisement