Cara Memasang Breadcumb yang Langsung Terindex Oleh Google

 
Cara Memasang Breadcumb yang Langsung Terindex Oleh Google - Sebenarnya apa sih itu breadcumb ? mungkin sebagian orang sudah tau dan beberapa juga belum tau ..Mari kita simak secara mendetil  ..
Breadcrumbs biasanya muncul secara horizontal di bagian atas sebuah halaman web, biasanya ada di bawah bar judul atau header. Breadcrumbs menyediakan link penghubung kembali ke halaman sebelumnya setiap user menavigasi antar link untuk menuju ke halaman yang aktif atau halaman induk dari halaman yang aktif. Breadcrumbs memberikan jejak bagi pengguna untuk mengikuti kembali ke titik awal atau entri. Sebuah tanda yang lebih besar dari (>) sering berfungsi sebagai pemisah hirarki, meskipun dapat menggunakan simbol lainnya (seperti »atau>), serta beragam grafik.
Breadcrumbs biasanya terlihat seperti ini:
Home page> Nama Kategori> Judul Postingan
atau
Home page: Nama Kategori: Judul Postingan

Fungsi dari breadcrumb pada blog adalah untuk mengetahui sedang dihalaman mana sekarang pengunjung berada. Dengan breadcrumb, maka urusan navigasi link bisa lebih mudah. Selain itu, breadcrumb juga sangat baik untuk SEO blog karena memperkaya kata kunci dalam postingan. Hal ini terbukti dari beberapa postingan blog kang asep sule yang muncul di halaman awal google, ternyata di pengaruhi juga oleh keberadaan breadcrumb ini. Oke bagi yang ingin memasang breadcumb silahkan ikuti tutorial berikut .
Cara Memasang Breadcumb yang Langsung Terindex Oleh Google : 
1. Login ke blogger
2. Pilih template >> Edit html
3. Cari kode 
<b:includable id='main' var='top'> 
4. Setelah ketemu hapus kode tersebut dan ganti dengan kode dibawah ini :



  • <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>
  • <b:includable id='main' var='top'>
  • <b:include data='posts' name='breadcrumb'/>

5. Cari kode ]]></b:skin>
6. Letakkan kode dibawah ini diatas 
]]></b:skin> 

  •  .breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
7. Setelah itu simpan dan lihat hasilnya ..

cek di setiap postingan, jika berhasil maka akan muncul sprti ini di atasnya ;



Setelah Terpasang Cek Url Postingan Blog Anda di Webmaster Google Rich Snippet
Silahkan Ping Blog anda di http://googleping.com/index.php

Baca Juga : 
Hal hal yang mempengaruhi pagerank

Komentar

  1. Mantap gan tutorialnya,. ijin nyimak aja gan dan salam kenal aja dari CODING NGEBLOG jangan lupa kunjungi balik gan. Akan saya coba gan,...

    BalasHapus
  2. Boleh dijelaskan mengapa breadcrumbs ini langsung terindex google? Dan apa bedanya dengan breadcrumbs lainnya.

    BalasHapus
  3. Infonya keren bangeet, bagus buat pembelajaran saya

    BalasHapus
  4. liat postingan ini , ane langsung terpain gan, da alhamdulilah berhasil gan, makasih banyak gan

    BalasHapus
  5. coba ane praktein dulu ke http://se0bloging.blogspot.com

    BalasHapus

Posting Komentar

Berkomentarlah dengan baik di blog ini ;
1. Dilarang SPAM
2. Berkomentarlah sesuai judul postingan, no OOT (Out of topic)
3. Berkomentarlah dengan kata kata yang sopan

Postingan populer dari blog ini

Ide Cerdas Membuat Artikel Original

Mengoptimasi Blog Dengan Webmaster Tools