- Cara Memasang Breadcrumb Sebenarnya Sudah Banyak di Bahas oleh para blogger namun sayangnya kebanyakan Breadcrumb Yang Mereka Buat itu Tidak Valid HTML5 Saya Mencoba Menvalidkan dan Melihat Source dari www.bloggersragen yang Breadcrumbnya Valid HTML5 dan Untungnya di perbolekan oleh Pemilik Blog BloggerSragen. Mengenai Blog Anda Yang Belum Valid HTML5 anda Bisa Melihat Tutorial Yang Telah Saya Buat Berikut   Kita Tahu Bahwa HTML5 Sangat di Rekomendasikan oleh Google tapi tidak tahu pengaruh atau tidak terhadap SEO . Silahkan Mencari di www.bloggersragen.com mengenai Keuntungan validasi html. Mengenai Breadcrumb Mungkin Para Sahabat Newbie Seperti Saya Masih Sangat Awam Sekali Mengetahui Kata "Breadcrumb" . Sampai Saat ini Breadcrumb Masih Menjadi Pertanyaan Apakah Mempengaruhi SEO Blog atau Tidak ? Tapi Menurut saya Itu TIDAK karena Banyak yang Menggunakan Breadcrumb ini dan Mereka Sukses Berada di Halaman Pertama Search Engine Google . Jika di Artikan Breadcrumb adalah Remah Roti. tapi Menurut Bahasa Blogger Breadcrumb adalah....
adalah sebuah menu yang dipakai untuk navigasi halaman sebuah website atau blog, sehingga akan memudahkan visitor atau pembaca untuk me-navigasi halaman blog atau website Anda.
BreadCrumb ini Langsung Terindex oleh google jika kita Menggunakan Tools dari google yaitu Rich Snippet Google.
Memasang Breadcrumb yang Langsung Terindex Google

1. Login Seperti Biasa ke Akun Blog Anda 

2. Kemudian Ke Menu Template > Edit HTML > Lompat Widget > Klik Blog1 

3. Setelah itu Cari Kode dibawah
<b:includable id='main' var='top'>
4. Setelah Ketemu Hapus Kode diatas 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' itemprop='breadcrumb'>
Browse &#187;
<span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' itemprop='url' rel='tag'>
Bocah Poris Blog&#39;s
</a>
</span>
&#187;
<span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' itemprop='url' rel='tag'>
<span itemprop='title'>
<data:blog.pageName/>
</span>
</a>
</span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div itemscope='itemscope' itemtype='http://schema.org/WebPage'>
<div class='breadcrumbs' itemprop='breadcrumb'>
Browse &#187;
<span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' itemprop='url' rel='tag' title='Beranda'>
<span itemprop='title'>
Nama Blog
</span>
</a>
</span>
<b:loop values='data:post.labels' var='label'>
&#187;
<span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' expr:title='data:label.name' itemprop='url' rel='tag'>
<span itemprop='title'>
<data:label.name/>
</span>
</a>
<b:if cond='data:label.isLast == &quot;true&quot;'/>
</span>
</b:loop>
&#187;
<span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:post.url' expr:title='data:post.title' itemprop='url' rel='tag'>
<span itemprop='title'>
<data:post.title/>
</span>
</a>
</span>
</div>
</div>
<b:else/>
<div class='breadcrumbs' itemprop='breadcrumb'>
Browse &#187;
<span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' itemprop='url' rel='tag'>
Bocah Poris Blogs
</a>
</span>
&#187;
<span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
Tanpa Label
</span>
&#187;
<span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:post.url' expr:title='data:post.title' itemprop='url' rel='tag'>
<span itemprop='title'>
<data:post.title/>
</span>
</a>
</span>
</div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
<span>
<a expr:href='data:blog.homepageUrl'>
Beranda
</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' itemprop='breadcrumb'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span>
<a expr:href='data:blog.homepageUrl'>
Beranda
</a>
</span>
&#187;
<span>
Semua Posting
</span>
<b:else/>
<span>
<a expr:href='data:blog.homepageUrl'>
Beranda
</a>
</span>
&#187;
<span>
Posting dalam <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. Setelah itu Cari Kode CSS dibawah ini
]]></s:kin>
6. Setelah itu Copy kode dibawah dan Pastekan diatas ]]></s:kin>
 .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 Klik Simpan Template Anda dan Cek Hasilnya di Blog Anda
Memasang Breadcrumb yang Langsung Terindex Google


Setelah Terpasang Cek Url Postingan Blog Anda di Webmaster Google Rich Snippet
Jika Sudah Sukses Silahkan Cek di Validator.w3.org apakah ada yang membuat breadcrumb ini tidak valid HTML . ya Meskipun Halaman Posting Anda Tidak Valid HTML Tapi Lumayanlah Untuk Mengurangi Sedikit Eror dari Validasi HTML5 ini. Saya juga Seperti itu kok :D
Memasang Breadcrumb yang Langsung Terindex Google

Setelah Berhasil Tinggal Menunggu Goolge Untuk MengCrawl Blog Anda .
Semoga Artikel Cara Memasang/Membuat Breadcrumb yang Langsung Terindex oleh Google ini Bermanfaat Bagi Kalian. Cukup di Sini Tutorial Mengenai Cara Membuat Breadcrumb HTML5 Langsung Terindex Google di Blogger.
Jika Menurut Kalian Breadcrumb yang Langsung Terindex tidak SEO silahkan baca artikel berikut untuk menggunakan Breadcrumb yang SEO Friendly

Judul : Cara Memasang Breadcrumb HTML5 Langsung Terindex Google di Blogger
Di Tulis Oleh:MRizal Wrc
URL : http://bocahporis.blogspot.com/2012/12/pasang-breadcrumb-terindex-google.html
Date Published : 15:00
Desription :Cara Memasang Breadcrumb HTML5 Langsung Terindex Google di Blogger - Cara Memasang Breadcrumb Sebenarnya Sudah Banyak di Bahas oleh para blo...
Rating Blog: 5 dari 5