Breadcrumb SEO Friendly Valid HTML

Kalau dulu kita sudah membahas tentang Cara memasang meta tag seo friendly maka kali ini kita akan membahas tentang Cara Memasang/Membuat Breadcrumb Agar Blog Cepat Terindex Google. Apa itu breadcrumb? Breadcrum adalah semacam Navigasi yang berguna untuk memudahkan mesin pencari dan visitor menjelajahi halaman demi halaman pada blog anda sesuai dengan kategori yang ada. Cara memasang breadcrumb yang seo friendly inipun sangat mudah karena hanya mengharuskan anda menambah dan merubah beberapa kode di template anda.

Cara Memasang Breadcrumbs SEO Friendly di Blog

• Pertama login ke blogger
• Di halaman dashboard pilih menu TEMPLATE Lalu Edit HTML
• Backup terlebih dahulu template anda untuk menghindari hal hal buruk yang mungkin terjadi 
• Cari dan  Letakan kode dibawah ini diatas kode ]]></b:skin (untuk mempermudah pencarian gunakan Ctrl+F)

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

• Nah setelah selesai cari kode ini:

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

•  Lalu ganti kode tersebut 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'/>

• Jika sudah selesai maka langsung Simpan template anda.

Catatan : OPSIONAL

Apabila sobat sudah memiliki atau memasang breadcrumb di blognya silakan cari kode

<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> 

Dan ganti dengan

<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a>
</span>
<b:loop values='data:post.labels' var='label'> &#187;
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span> 

Selamat mencoba :))

Sumber Dari: http://newbanie.blogspot.com/2014/01/memasang-breadcrumb-seo-valid-html-blog-cepat-terindex-google.html#ixzz2pWDoAlh0