1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

[SHARE] Breadcrumb : Google Rich Snippet dan Fast Index

Discussion in 'Wordpress' started by adexaja, Jun 5, 2012.

  1. adexaja

    adexaja :3

    Joined:
    Oct 21, 2010
    Messages:
    3,305
    Likes Received:
    623
    Location:
    Musholla
    Pengenalan

    Breadcrumb adalah navigasi menu untuk memudahkan pengunjung web/blog melacak lokasi dalam dokumen dan kembali ke halaman awal dengan mudah. Breadcrumb biasanya berada di posisi atas halaman web/blog, biasanya dibawah header atau diatas judul postingan.

    Contohnya :

    [​IMG]

    Menurut Jakob Nielsen (seorang konsultan Web Usability), ditinjau dari sisi usability breadcrumb mempunyai beberapa fungsi, yaitu:

    • Menunjukkan lokasi atau path dari halaman web yang sekarang sedang dikunjungi, relatif terhadap struktur halaman di atasnya.
    • Menyediakan fitur one-click access ke level halaman web di atasnya sekaligus menghindari user tersesat karena terlalu dalam menjelajahi website.

    Breadcrumb ini sangat bermanfaat bagi pengunjung tatkala struktur website yang kita bangun memiliki hirarki atau tingkatan.

    Menurut kabar berita, bahwa Google sudah dapat membaca dan memahami data Breadcrumbs sebuah situs blog, jadi anda jangan heran bila anda menemukan ada sebuah blog pada hasil pencarian URL nya yang ditampilkan malah URL kategorinya.

    Pembuatan :

    Okeh, Buat dulu file dengan nama breadcrumbs.php dan isi dengan code ini (jangan lupa upload ke directory theme wordpress kita :swt2:):
    PHP:
    <div xmlns:v="http://rdf.data-vocabulary.org/#" class="breadcrumbs" style="padding: 5px 15px;"><p>
    <?php if(is_home()) { ?>
        <span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Home</a></span> » <span><?php bloginfo('description'); ?></span>
    <?php } else if(is_attachment()) { ?>

        <span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Home</a></span> » <span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php echo get_permalink($post->post_parent); ?>" ><?php echo get_the_title($post->post_parent); ?></a></span> » <span><?php single_post_title(); ?></span>

    <?php } else if(is_single() && !is_attachment()) { ?>

        <span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Home</a></span> » <?php $category get_the_category(); if($category[0]) { echo '<span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="'.get_category_link($category[0]->term_id ).'">'.$category[0]->cat_name.'</a></span>'; } ?>  » <span><?php single_post_title(); ?></span>

    <?php } else if(is_category()) { ?>

        <span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Home</a></span> » <span><?php single_cat_title(); ?></span>
        
    <?php } else if (is_tag()) { ?>

        <span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Home</a></span> » </span><span><?php single_tag_title(); ?></span>

    <?php } else if (is_year()) { ?>

        <span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Home</a></span> » <span class="hidden" typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Archive</a> » </span><span><?php the_time('Y'); ?></span>

    <?php } else if (is_month()) { ?>

        <span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Home</a></span> » <span class="hidden" typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Archive</a> » </span><span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>/<?php the_time('Y'); ?>"><?php the_time('Y'); ?></a></span> » <span><?php the_time('F'); ?></span>

    <?php } else if (is_day()) { ?>

        <span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Home</a></span> » <span class="hidden" typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Archive</a> » </span><span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>/<?php the_time('Y'); ?>"><?php the_time('Y'); ?></a></span> » <span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>/<?php the_time('Y'); ?>/<?php the_time('m'); ?>"><?php the_time('F'); ?></a></span> » <span><?php the_time('j'); ?></span>

    <?php } else if (is_page()) { ?>

        <span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Home</a></span> » <span class="hidden" typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Page</a> » </span><span><?php single_post_title(); ?></span>

    <?php } else if (is_author()) { ?>

        <span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Home</a></span> » <span class="hidden" typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Archive</a> » </span><span><?php global $author$userdata get_userdata($author); echo $userdata->display_name?></span>

    <?php } else if (is_search()) { ?>

        <span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Home</a></span> » <span class="hidden" typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Blog</a> » </span><span style="text-transform:capitalize;"><?php the_search_query(); ?></span>
        
    <?php } else if(is_404()): ?>

        <span typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>">Home</a></span> » <span class="hidden" typeof="v:Breadcrumb"><a rel="v:url" property="v:title" href="<?php bloginfo('url'); ?>/sitemap">Archive</a> » </span><span>Not Found</span>

    <?php endif; ?>
    </p></div>

    kemudian, masukkan kode ini di header anda, kalau ane sih dibawah menu navigasi agak kebawah dikit

    PHP:
    <?php include 'breadcrumbs.php'?>
    Okeh sudah, sekarang cek URL Postingan anda disini :

    PHP:
    http://www.google.com/webmasters/tools/richsnippets
    Ingat!!! URL Postingan bukan Homepage, untuk mengecek rich snippetnya bekerja apa tidak :p

    Pengalaman Saya :

    Ya selama pakai breadcrumb ini, blog blog saya jadi cepat terindex yahh bahkan dalam hitungan menit ( 92 menit , yang penting pake menit :p ) dan bahkan blog yang baru diinstall di subdomain baru dalam waktu sehari setelah penginstallan langsung diindex google dan tentunya breadcrumb ini mempercantik URL kita di google :D

    code credit : Yogy Anggry
     
    Last edited: Jun 5, 2012
  2. heri83

    heri83 Super Hero

    Joined:
    Jul 31, 2008
    Messages:
    2,328
    Likes Received:
    88
    Location:
    jogja-magelang
    Ini nih yg ane cari,.. dari kemaren ubek2 kagak pernah jadi,.. Thanks berat sob :lol:
     
  3. adexaja

    adexaja :3

    Joined:
    Oct 21, 2010
    Messages:
    3,305
    Likes Received:
    623
    Location:
    Musholla
    masama sob, kampanye Start Sharing nih :p
     
    anjrah2006 likes this.
  4. andritea

    andritea Super Hero

    Joined:
    Jul 15, 2009
    Messages:
    2,428
    Likes Received:
    347
    Location:
    Cirebon-Depok-Takengon
    makasih share na....
     
  5. akira07

    akira07 Hero

    Joined:
    Feb 29, 2008
    Messages:
    665
    Likes Received:
    62
    Ternyata ga harus theme khusus ya mas bro :D
    Thanks sharingnya :)
     
  6. adexaja

    adexaja :3

    Joined:
    Oct 21, 2010
    Messages:
    3,305
    Likes Received:
    623
    Location:
    Musholla
    masama, baru turun dari gunung setelah melewati kesuksesan nampaknya om andritea ini :silau:

    ---------- Post added at 03:55 PM ---------- Previous post was at 03:52 PM ----------

    ya bro, semua ada kodenya :p
     
  7. jelek13

    jelek13 Ads.id Starter

    Joined:
    Jun 1, 2008
    Messages:
    84
    Likes Received:
    0
    wuih..makasih mas bro.. akhirnya dapat juga scriptnya,,,,
     
  8. Brainload

    Brainload Ads.id Fan

    Joined:
    Aug 19, 2009
    Messages:
    101
    Likes Received:
    9
    Perlu dicoba, thnks :D
     
  9. akira07

    akira07 Hero

    Joined:
    Feb 29, 2008
    Messages:
    665
    Likes Received:
    62
    Boss boss, btw breadcumbs.php nya upload kemana
     
  10. adexaja

    adexaja :3

    Joined:
    Oct 21, 2010
    Messages:
    3,305
    Likes Received:
    623
    Location:
    Musholla
    Upload ke Directory theme WP :swt2:
     
    akira07 likes this.
  11. akira07

    akira07 Hero

    Joined:
    Feb 29, 2008
    Messages:
    665
    Likes Received:
    62
    Duh kaga muncul nih bro...ada yang salah kali ya :)
    Itu kode header nya ditaruh di header.php kan?
     
  12. seaman

    seaman Ads.id Pro

    Joined:
    Jan 18, 2012
    Messages:
    311
    Likes Received:
    11
    Location:
    jogja
    maap mastah, cara buat file baru breadcrumbs.php nya gimana/dimana?

    n naruh php code
    <?php include 'breadcrumbs.php'; ?> disebelah mana header.php?

    maklum nubie
    :hmm:

    Makasih :salaman:
     
  13. smitadd01

    smitadd01 Super Hero

    Joined:
    Oct 17, 2010
    Messages:
    974
    Likes Received:
    123
    Location:
    Kotagede JOGJA
    mantap gan, saya biasanya pake plugin milik om yoas.. tpi klo manual kyaknya lebih bagus deh karena bisa mempercepat load site saya..
    di coba dlu dah gan breadcumb versi agan ini..:kembang:
     
  14. Syafriman

    Syafriman Hero

    Joined:
    May 2, 2010
    Messages:
    552
    Likes Received:
    23
    Location:
    Perbatasan jakarta timur
    Dicoba ya mas script nya. Like meluncur buat mastah satu ini
     
  15. adexaja

    adexaja :3

    Joined:
    Oct 21, 2010
    Messages:
    3,305
    Likes Received:
    623
    Location:
    Musholla
    <?php include 'breadcrumbs.php'; ?>

    ane taruh di header.php paling bawah
     
  16. febrilatif

    febrilatif Super Hero

    Joined:
    Jun 12, 2010
    Messages:
    1,704
    Likes Received:
    34
    Location:
    New york
    ane praktekin dolo gan , btw niche share
     
  17. ritricks

    ritricks Newbie

    Joined:
    Feb 27, 2012
    Messages:
    24
    Likes Received:
    0
    mas kalau buat blogger ada atau tdak?
     
  18. omgoogel

    omgoogel Hero

    Joined:
    Oct 28, 2010
    Messages:
    644
    Likes Received:
    215
    Location:
    Depan komputer
    Ijin unduh & pakai om adexaja..
    Udah selesai ujiannya ..?
    Thanks sharingnya..
     
  19. jemblink21

    jemblink21 Ads.id Pro

    Joined:
    Feb 25, 2012
    Messages:
    419
    Likes Received:
    12
    wah ini-ini yang mantap langsung coba mastah ..
     
  20. adexaja

    adexaja :3

    Joined:
    Oct 21, 2010
    Messages:
    3,305
    Likes Received:
    623
    Location:
    Musholla
    omgoogle: nggak betah kalo nggak main ke ads ID :))
     

Share This Page