share all free for you

Advertiser Here

Membuat Breadcrumb Terindex Google

Kali ini saya akan share cara membuat breadcrumb namun kali ini bukan breadcrumb biasa tapi Membuat Breadcrumb Terindex Google. Berikut screenshotnya :

Coba sobat perhatikan tulisan yang diberi kotak hijau. naih itulah contoh dari breadcrumb yang terindex oleh google.

Cara membuatnya sangat mudah berikut langkah-langkahnya :

1. Login ke Account Blogger Sobat

2. Masuk Template >> Edit HTML >> dan beri centang Expand Template Widget

3. Cari kode ]]></b:skin> atau </style> kemudian letakan kode berikut di atasnya :

.breadcrumbs{
padding:5px 0px;
margin:0;
font-size:12px;
line-height:2em;
border-bottom:5px double #e1e1e1
}

4. Lalu cari kode <b:include data='top' name='status-message'/> biasanya ada dua kode yang sama, masing-masing letakan kode berikut diatasnya :

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

5. Selanjutnya letakan kode dibawah ini diatas kode <b:includable id='main' var='top'>

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<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' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
 &#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if></div></b:if></b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

5. Simpan Template Sobat

Tunggu beberapa jam dan breadcrumb sobatpun akan terindex oleh google ^_^

Title : Membuat Breadcrumb Terindex Google
URL : http://blogcunayz.blogspot.com/2012/06/membuat-breadcrumb-terindex-google.html
Anda boleh menyebar Luaskan atau Meng Copy-Paste Artikel ini bila dapat bermanfaat bagi teman-teman anda, Namun jangan lupa untuk meletakkan Link Membuat Breadcrumb Terindex Google sebagai Sumbernya.

Sudah ada [ 53 komentar ] bagaimana pendapat Anda,,?

  1. ilmunya pasti sangat berguna dan sangat dicari, langsung dites ah.

    makasih ilmunya semoga jadi pahala.
    salam sehat selalu kang...
    ada sesuatu yang salah dengan blog desa nih kang, tapi saya ngga bisa mendeteksinya, blog jadi berat, dan tulisannya jadi kecil-kecil..mungkin tau solusinya.
    nuhun

    ReplyDelete
  2. breadcrumb itu pa maksudx sob?

    ReplyDelete
    Replies
    1. waduh itu contohnya ada di atas judul postingan blog ini gan

      Delete
    2. breadcrumb apa sama dengan lebel kalau di blogspot

      Delete
  3. saya pernah pasang, tapi ternyata kok gak cocok dengan template ya.. :P

    ReplyDelete
  4. breadcrumb milik saya masih ada yang tidak terindex google, kenapa ya??

    ReplyDelete
    Replies
    1. mungkin ada kesalahan kode gan,coba agan ikuti langkah2 di atas dengan teliti dijamin pasti terindex dengan lancar :)

      Delete
  5. hadir untuk meramaikan suasana

    ReplyDelete
  6. susah amat selip kode sana sini, kalo memang artikelnya bagus google pasti suka, dan terindex dg mantab…

    hehe saya suka apa adanya
    tp unik dimata siapa aja…

    ReplyDelete
    Replies
    1. wkwkwk,iya tapi selain artikel yang unik dan menarik tapi blog kita juga perlu untuk di optimasi supaya google lebih cinta...

      Delete
  7. cek.... cek.... tes satu dua tiga di coba. aku mau coba dulu ah..............

    ReplyDelete
  8. mantep banget sob infonya ajib deh..

    ReplyDelete
  9. Wah, saya udah pernah nyobain, nih. Dan hasilnya emang TOP BGT! :D

    ReplyDelete
  10. sob kok breadcrume saya baru mengindex 1 label saja?? mohon pencerahannya

    ReplyDelete
    Replies
    1. hanya satu label?
      maksudnya mungkin satu postingan labelnya lebih dari satu tetapi google hanya mengindex satu label saja begitukah maksud sobat?

      Delete
    2. yaps maksud saya seperti itu sobat.. tolong bantuin saya sobat...

      Kemudian kode di atas ada yg gak jelas penemapatannya sobat yaitu :

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

      Delete
  11. BR yah ? wah ane mau nyoba juga :)

    ReplyDelete
  12. iya, gan dulu saya pernah pake gthu.. kerenn..

    ReplyDelete
  13. wah" udah lama gk main kesini ternyata udah banyak perubahan dengan template dan isinya :D

    ReplyDelete
  14. Perlu dicoba nih tipsnya sahabat, jadi kode breadcrumb yang lama diganti dengan yang diatas sahabat..?

    Terima kasih sharingnya sahabat

    ReplyDelete
    Replies
    1. lebih baik begitu gan untuk meminimalisir error atau kesalahan dalam pengeditan

      Delete
    2. Tadi sempat berusaha menggantinya sahabat, dan menghilangkan breadcrumb yang lama. Semapt beberapa kali error tetapi alhamdulillah berhasil.

      Tinggal menunggu hasilnya satu hari kedepan sahabat. Makasih tipsnya nih sekali lagi sahabat, soalnya kemarin belum mencobanya. Baru pagi ini saya mencoba mempraktekkannya sahabat

      Delete
  15. gampang-gampang susah membuat breadcrum terdetek google

    ReplyDelete
  16. succes sob..terimakasih

    ReplyDelete
  17. itu belum dikasih microdata atau RDF ya?tus kalau pakai microdata agar di indeks google gimana?seperti blog ini? thanks

    ReplyDelete
  18. Gan mohon bantuanya gan....Cek di sini ge...kq punya ane indeksnya kek gini

    http://www.seoserp.com/web_tools/google_top_1000_serps_checker.asp?TheGoogle=www.google.co.id&k=site%3Awww.rohmad.com%2F&u=http%3A%2F%2Fwww.rohmad.com&serp=SERP&submited=submited


    yang salah di bagian mana ea...

    ReplyDelete
  19. makasih udah share infonya ya...sukses slalu

    ReplyDelete
  20. Yayayaya....
    Patut diperhitungkan,
    Mantab dagh!
    Mampir ATuh kang...;)

    ReplyDelete
  21. Maaf Sobat linknya Idblogportal saya masukan

    http://www.okeshared.com/

    ReplyDelete
  22. Informasi menarik :-)

    Thanks sudah berbagi.

    Salam,

    ReplyDelete
  23. mantap gan, ini bisa disebut juga teknik SEO ya gan:)

    ReplyDelete
  24. makasih ya mas atas cara-caranya, semoga ilmunya berkah dan bermanfaat

    ReplyDelete
  25. lumayan banyak juga nih script coding nya ya

    ReplyDelete
  26. Nambah pengetahuan lagi nih,
    Template blog yang saya gunakan alhamdulillah hasil downloadan dan sudah terpasang breadcrumbnya secara otomatis.
    Sebenarnya apa saja keuntungan menggunakan breadcrumb?

    ReplyDelete

Untuk menyisipkan kode,gunakan tag
[code]KODE ANDA[/code]
Untuk menyisipkan quote,gunakan tag
[blockquote]KATA-KATA ANDA[/blockquote]
Untuk menyisipkan gambar,gunakan tag
[img]URL GAMBAR ANDA[/img]
Untuk menyisipkan video,gunakan tag
[youtube]URL VIDEO ANDA[/youtube]
Anda juga bisa menggunakan emoticon seperti biasa.

Pasang Iklan Anda Disini

 
Copyright © 2011 Blogcunayz Template Design By Rizky Wardiansyah