Selamat malam sobat . Pada malam ini kita akan membahas
tentang Breadcrumbs SEO Friendly dan Valid HTML5. Mungkin sobat banyak
yang sudah tau tentang Breadrumbs. Kabarnya dengan adanya
Breadcrumbs akan menambah nilai tambah SEO untuk blog dan website yang sobat punya. Jika
Breadcrumbs yang seo friendly sudah biasa dan sudah banyak dishare oleh sobat blog lainnya, namun kali ini kita akan bica tentang
Breadcrumbs SEO Friendly dan Valid HTML5.
Langkah 1 : Simpan kode ini di atas
]]></b:skin>
.breadcrumbs{padding:0px 5px 5px
0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px
dotted #bbb;}
Langkah 2 : Cari kode
<b:includable id='main' var='top'> kemudian ganti dengan :
<b:includable id='breadcrumb' var='posts'><b:if
cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType ==
"static_page"'>
<div class='breadcrumbs'><span><a
expr:href='data:blog.homepageUrl'
rel='tag'>Home</a></span> »
<span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<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'>
» <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>
</b:loop>
»
<span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a
expr:href='data:blog.homepageUrl'
rel='tag'>Home</a></span> »
<span>Unlabelled</span> »
<span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a
expr:href='data:blog.homepageUrl'>Home</a></span>
» <span>Archives for
<data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a
expr:href='data:blog.homepageUrl'>Home</a></span>
» <span>All posts</span>
<b:else/>
<span><a
expr:href='data:blog.homepageUrl'>Home</a></span>
» <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'/>
Apabila sobat sudah menerapkan breadcrumbs pada artikel sebelumnya, silahkan cari kode seperti ini:
<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'>
» <span typeof='v:Breadcrumb'><a
expr:href='data:label.url' property='v:title'
rel='v:url'><data:label.name/></a></span>
ganti dengan kode berikut ini :
<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'>
» <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...
