Cara Agar Breadcrumb Langsung Terindeks Google

Beberapa hari yang lalu ketika saya mengganti template blog ini, waktu itu sebenernya iseng pengen pasang Breadcrumb di blog, soalnya biar terindex di Google dan pastinya agar SEO Friendly.
dan hebatnya Breadcrumb yang sudah saya pasang langsung terindex oleh Google

Coba anda perhatikan gambar dibawah ini, ini adalah salah satu posting blog NandoCyber4rt yang navigasi Breadcrumbnya belum terindex oleh Google


dan tak lama kemudian setelah saya atur Breadcrumbnya, salah satu posting lain menjadi seperti ini.


namun cara ini hanya bisa menampilkan satu label saja, jika anda memberi dua label pada postingan biasanya yang muncul adalah Label pertama yang anda berikan.
Jika anda ingin seperti gambar diatas silahkan anda simak dibawah ini :

1. Masuk ke blogger, pada dashboard klik design / rancangan, kemudian klik Edit HTML
2. Janga lupa backup template anda sebelum melakukan ini, kemudian centang Expand Template Widget
3. Carilah kode dibawah ini, agar lebih cepat gunakanlah CTRL + F
<div class='post hentry'>
jika tidak ketemu cari kode ini
<div class='post hentry uncustomized-post-template'>
4. paste kode dibawah ini tepat dibawah kode pada nomer 3
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"> <a expr:href='data:blog.homepageUrl' itemprop="url"><span itemprop="title">Home</span></a> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop="url"><span itemprop="title"><data:label.name/></span></a> <b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if> </b:loop> </b:if> &gt; </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title"><data:post.title/> </span></span></div> </b:if></b:if>

5. Selanjutnya tambah kode css berikut ini tepat diatas kode </b:skin>
.breadcrumbs{padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px;font-size:95%;line-height:1.4em;}
6. simpan template anda.jika anda sudah pasang Breadcrumb di blog, anda hanya perlu mengganti saja dengan kode nomor 4

tidak lama kemudian mungkin jika anda memposting artikel baru maka Breadcrumb langsung terindex google, tunggu 1 minggu atau lebih agar semua posting benar benar di crawl
oke sekian dulu n Happy Blogging

Postingan terkait:

6 Tanggapan untuk "Cara Agar Breadcrumb Langsung Terindeks Google"

  1. Makasih infonya sob kebetulan ane dah pasang jadi udah keindex deh :)

    BalasHapus
  2. ow begini ya yang namanya breadcrumb... baru tahu saya... ^_^

    salam kenal

    BalasHapus
  3. langsung saya coba nih sobat, doain semoga breadcrumbnya berjalan dengan baik sobat...

    BalasHapus
  4. pengen nyoba nih...tapi nanti semua postingan kita terindek ga....atau hanya 1 label aja ?

    BalasHapus
  5. kunjungan gan .,.
    bagi" motivasi
    kesuksesan tidak akan mendatangi anda, kecuali anda mengejarnya.,.
    si tunggu kunjungan baliknya gan.,

    BalasHapus
  6. Nice sob sobat, saya juga telah menerapkannya

    BalasHapus