Breadcrumb snippet untuk blogger

Untuk para blogger mania, ada yang sudah pakai breadcrumb buat blognya apa belum? kalau sudah, coba copy salah satu link postingan yang ada breadcumb-nya buat di cek di structured data testing tools apakah bisa nongol di snippet apa belum?

Kalau belum, silahkan ikutin langkah berikut buat memasang breadcumb pada blogger agar nongol di snippet, kebetulan ini hasil nyontek dalemannya template orang banyak termasuk blognya admin mudah-mudahan gak salah code, soalnya sudah saya test di blog saya bisa nongol breadcrumbnya seperti ini (di snippet dan di blog):





Berikut cara pasangnya:

Seperti biasa, untuk edit template langsung masuk dashboard blogger kemudian klik Template >> Edit html kemudian tekan ctrl+F pada box code template dan cari kode berikut ini:

Code:

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

Bagi yang tidak menemukannya saya mohon jangan tanya saya karena kode tersebut ada pada semua default template blogger, jadi bagi teman-teman yang menggunakan free template dari tempat lain dan tidak menemukan penggalan kode tersebut silahkan tanya pada pembuat templatenya. Ok, jika sudah ketemu kemudian letakkan kode berikut tepat dibagian atas kode tadi:

Code:

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

Selanjutnya masih pada edit html template, cari penggalan kode berikut:

Code:

<b:includable id='main' var='top'>

Kalau sudah ketemu, silahkan pasang kode snippet berikut ini untuk breadcrumb tepat diatas kode tersebut:

Code:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span>

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

» <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb">

<a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>
<b:loop values='data:post.labels' var='label'>
 » <span typeof="v:Breadcrumb">

<a expr:href='data:label.url' rel="v:url" property="v:title">

<data:label.name/></a></span>
</b:loop>
 » <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span>

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

» <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> 

» <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> 

» <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> 

» <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Jika sudah terpasang silahkan save template teman-teman, kemudian silahkan dilihat pada postingan web/blognya apakah breadcrumbnya sudah nongol apa belum, dan silahkan copy salah satu link postingan yang dipasangi breadcrumb tadi untuk di testing di Structured Data Testing Tools untuk melihat snippetnya sudah muncul apa belum.

Breadcrumb ini menggunakan label blogger sebagai pengelompokan artikel postingan, jadi pastikan teman-teman menggunakan label dalam setiap artikel untuk mengelompokan postingan. Selamat mencoba.

Sumber: http://www.irmawan.me/2013/08/breadcrumb-snippet-pada-blogger.html

 

mau coba tutorial yang ini

mau coba tutorial yang ini ahh,,, kemarin padahal di google saya nyari breadcrumb yg muncul di hasil pencarian ternyata gagal muncul,,, skrng mau coba yg ini dulu

 

Saya sudah pakai ini juga di

Saya sudah pakai ini juga di blog kalau saya snippet-nya malah lengkap sampai komentarnya juga tapi sepertinya Google baru sebatas percobaan menghitung microdata pada komentar, kadang muncul dan kadang tidak.

 

wah share nya mantap, kalau

wah share nya mantap, kalau ane sih udah pake,

 

cayun wrote:

silahkan di coba-coba dulu

kalau yang buat komentar saya belum bisa

sipp mas bro

 

setelah saya coba tadi dan

setelah saya coba tadi dan langsung test di Rich Snippet Test hasilnya NIHIL , kira" apa yg salah ya ??

 

cayun wrote:

yang di coba test postingannya jangan halaman homepagenya btw dipasang di blog yg mana yun? di blogmu yg sisi remaja sdh ada tuh.

 

kalo pake template yang sudah

kalo pake template yang sudah di costum jadi terasa susah, kudu oprek" kodenya dulu

 

bukan di blog yang itu,, tapi

bukan di blog yang itu,, tapi blog yang ini masbroohh http://hargasamsunggalaxy-terbaru.blogspot.com

 

@samuel : itulah susahnya

@samuel : itulah susahnya pakai costum template btw ttp semangat mencoba
@cayun : coba di cek lagi kodenya siapa tau ada langkah2nya yang kelewatan. o iya buat kode ini

Code:

<b:includable id='main' var='top'>

biasanya di costum template ada 2 kode yg sama, coba pasang di kode yg kedua breadcrumb snippetnya. kalau template default blogger cuma ada satu kode doank. coba di cek lagi

 

makasih, akhirnya make

makasih, akhirnya make snippet breadcrumbs.

 

Kayanya gk pass Validasi dah,

Kayanya gk pass Validasi dah, kalo sy liat contoh dari Xenforo forum,

Code:

<span itemtype="http://data-vocabulary.org/Breadcrumb" itemscope="itemscope">
  [url=hxxp://homepage.com/]
    <span itemprop="title">Home</span>
  [/url]
  <span>
    <span>  » </span>
  </span>
</span>

<span itemtype="http://data-vocabulary.org/Breadcrumb" itemscope="itemscope">
  [url=hxxp://homepage.com/community/]
    <span itemprop="title">Forums</span>
  [/url]
  <span>
    <span>  » </span>
  </span>
</span>

Rel kayanya boleh pake Tag deh, soalnya kan memang berdasar Label