Zone Plus

Cara Membuat Breadcrumb Di Blogspot Plus Terindex Di Google : Dulu sempet bingung juga dengan penilaian google di SREP-nya yang menampilkan beberapa URL artikel sebuah blog yang disertai dengan kategori atau jika di blogger yaitu label.

Sebagai contoh :

• Kalu URL biasanya yang tampil di SREP begini nih :  http://gopar-site.blogspot.com/2012/07/manfaat-berpuasa-dan-hikmahnya-di-bulan.html

• Kalu udah jadi URL yang luar biasa begini (label terindex google) : gopar-site.blogspot.com > Islam 

Nah jika pengen lebih jelasnya lagi lihat gambar di bawah ini :
 Karena penasaran dan tentunya ingin sekalai memiliki blog dengan kelebihan URL yang tampil di SREP seperti gambar diaatas,waktu itu aku langsung googling nyari tutorial  Cara Membuat Breadcrumb Di Blogspot Plus Terindex Di Google.Namun dari beberapa blog yang kutemui tidak ada yang membahas tentang kapan google bisa menyertakan kategori atau label di SREP.Hingga pada akhirnya aku terkapar disebuah blog yang namanya lupa lagi :D .Di blog  itu memang membahas tentang Breadcrumb yang terindex google,tapi si pemiliki blog itupun tidak tahu kapan google akan menampilkan sebuah halaman di SREP seperti gambar di atas.Cuman dia  mejelaskan jika persyaratan agar label atau kategori ingin tampil di SREP adalah :

1.Blog wajib memasang breadcrumb.
2.Blog yang breadcrumbnya akan di index google minimal ber-PR3
3.Umur blog udah diatas 1 tahun.

Dari penjelasan diatas  aku bisa sedikit menyimpulkan jika ingin label atau kategori bisa terindex  google ternyata memerlukan kesebaran.

Aku praktekin aja tuh langsung  saran diatas pada blog wp ku yang kebetulan blog tersebut ber PR4 dan umurnya juga udah hampir 2 tahun.Tapi setelah hampir 9 bulan dari itu,blog PR4 ku tetap saja tampilan URL di SREP google tampil seperti sebelum aku memasang breadcrumb .. Capek dech :P.

Seminggu yang lalu aku iseng jalan jalan ke blog pavoritku di luar sana untuk mencari lagi tutorial ,dan tenpa disengaja aku melihat  artikel terbaru berjudul cara agar label atau kategori terindex google.Dan setelah aku baca, kesimpulannya jika  label atau kategori ingin cepat terindex google ternyata tidak diwajibkan blog tersebut memiliki PR tinggi atau umur,walhasil blog baru juga bisa,aslkan kode breadcrumb yang dipasangnya benar sesuai yang disarankan google.Anda ingin tahu bagaimana caranya?.. Ok,,, akan coba saya jelaskan sekarang.

Untuk blog wordpress kalau gak mau ribet pake aja plugin RDFA,caranya masuk ke wp-admin-plugin lalu pada kotak pencarian masukan kata kunci RDFA,Jangan lupa cara instalnya dibaca.
Kalau gak mau pasang plugin,silahkan pelajari disini

Untuk blogspot silahkan ikuti caranya dibawah ini :
logini ke blogger.
    Masuk ke dasbord >> rancangan >> edit HTML (gunakan 'ctrl+f' untuk mempermudah)
    Cari kode HTML ]]></b:skin> (gunakan 'ctrl+f' untuk mempermudah)
    Masukan kode CSS dibawah tepat di atas kode ]]></b:skin>

  .breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}

 

Setelah itu cari kode ini :


Setiap template berbeda,terkadang kode <b:include data='top' name='status-message'/> ini ada dua,nah jika di template anda kode <b:include data='top' name='status-message'/> terdapat 2, maka cari kode <b:include data='top' name='status-message'/> yang dekat dengan kode <data:defaultAdStart/>  lalu letakan kode <b:include data='posts' name='breadcrumb'/> ini tepat dibawah <b:include data='top' name='status-message'/>  . Hasilnya nanti seperti ini.

<b:include data='top' name='status-message'/> 

<b:include data='posts' name='breadcrumb'/> 

<data:defaultAdStart/>

Jika di template anda kode <b:include data='top' name='status-message'/>  ini hanya terdapat satu,maka cari kode <b:includable id='post' var='post'> . Setelah ketemu letakan kode <b:include data='posts' name='breadcrumb'/>  ini tepat dibawah kode <b:includable id='post' var='post'> . Hasilnya Seperti ini .

<b:includable id='post' var='post'>

<b:include data='posts' name='breadcrumb'/>

.

Langkah selanjutnya silahkan cari kode <b:includable id='main' var='top'> . Kalau sudah ketemu letakan kode dibawah ini tepat diatas kode <b:includable id='main' var='top'> .

<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<!-- No breadcrumb on home page -->

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<!-- breadcrumb for the post page -->

<p class='breadcrumbs'>

<span class='post-labels'>

<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>

<a expr:href='data:blog.homepageUrl' href='' itemprop='url' rel='tag'><span itemprop='title'>Home</span></a></span>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;

<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>

<a expr:href='data:label.url' href='' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a></span>

</b:if>

</b:loop>

<b:else/>

&#187;Unlabelled

</b:if>

&#187; <span><data:post.title/></span>

</b:loop>

</span>

</p>

<b:else/>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<!-- breadcrumb for the label archive page and search pages.. -->

<p class='breadcrumbs'>

<span class='post-labels'>

<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>

<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; Archives for <data:blog.pageName/>

</span>

</p>

<b:else/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<p class='breadcrumbs'>

<span class='post-labels'>

<b:if cond='data:blog.pageName == &quot;&quot;'>

<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>

<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; All posts

<b:else/>

<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>

<a expr:href='data:blog.homepageUrl'><span itemprop='title'>Home</span></a></span> &#187; Posts filed under <data:blog.pageName/>

</b:if>

</span>

</p>

</b:if>

</b:if>

</b:if>

</b:if>

</b:includable>

Sekarang klik save lalu cek hasilnya disini
sekian dulu Cara Membuat Breadcrumb Di Blogspot Plus Terindex Di Google, semoga bisa menambah blog kitamenjadi seo friendly. permanis blog anda dengan memberikan related post terbaru untuk blogspot juga. supaya pengunjung lebih mudah dalam mencari artikel dalam blog anda.