Pasang Navigasi Breadcrumb

ini adalah salat satu cara untuk meningkatkan SEO Blog. dengan cara ini kita dapat menambah kekuatan kategori pada indeks Search Engine. untuk contohnya bisa di lihat di blog saya ini seperti Browse >> SEO >> Pasang Navigasi Breadcrumb.

1. Login Blogger
2. Pilih Rancangan
3. Edit HTML ( expang template widget )
4. Cari Kode ]]></b:skin>
5. Copy Kode dibawah ini di atas Kode ]]></b:skin>

.breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em; border-bottom:4px double #cadaef}

6. Selanjutnya Cari Kode <div class='post hentry uncustomized-post-template'>
7. Jika Kode diatas tidak ada, cari Kode seperti ini <div class='post hentry'>
8. Kemudian Copy Kode dibawah ini dan letakan dibawah kode <div class='post hentry uncustomized-post-template'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>


9. Save Template

Cara kedua Pasang Navigasi Breadcrumb, cara kedua ini Navigasi Breadbrumb Langsung Terindeks Google, dan label yang diindeks lebih dari satu label.

1. Cari Kode ]]></b:skin>
2. Copy paste kode dibawah ini diatas kode ]]></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;}

3. Selanjutnya Cari Kode <b:includable id='main' var='top'> lalu 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'/>


4. Simpan
5. Silakan Check di Rich Snippet Google

Written by: Pendi Ari Wibowo

Pendiari | Artikel Islam, Blog Dan Motivasi Updated at: 8/07/2011

Posted by Pendi AW on Minggu, 07 Agustus 2011 - Rating: 5

Title : Pasang Navigasi Breadcrumb
Description : ini adalah salat satu cara untuk meningkatkan SEO Blog . dengan cara ini kita dapat menambah kekuatan kategori pada indeks Search Engine ...

Bagikan Ke

Facebook Google+ Twitter