12/08/2016

Permasalah Breadcrumb Markup: rdf.data-vocabulary.org Di Google Webmaster

Breadcrumb

Sebagai blogger pemula saya bingung apa sih sebenarnya breadcrum dan apa gunanya?
bukan untuk membahas pengertian breadcrumb tapi mencoba untuk memperbaiki kesalahan breadcrumb yang muncul di google webmaster kesalahan ini mungkin terjadi karena template yang kita gunakan. 

Setelah beberapa kali mencari cara mengatasi masalah kesana kemari akhirnya saya menemukan sebuah artikel tentang bagaimana cara mengatasi masalah breadcrum.

Dan berikut adalah Cara Atasi Permasalah Breadcrumb Markup: rdf.data-vocabulary.org di Google Webmaster Tools yang berhasil saya copas ,cekidot :

Markup HTML RDFa biasanya menggunakan kode kurang lebih seperti ini :
 
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>

Sepengetahuan saya Kode ini terdapat pada template versi lama yang tidak mendukung html5 dan untuk mengatasinya bisa mengikuti langkah - langkah berikut ini:

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 == &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'>
<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>
</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'/>

Saya sudah menerapkan kode sebelumnya? mana yang harus diedit? 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'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>

Ganti dengan kode 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'>&#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>

Demikianlah tadi cara mengatasi masalah breadcrumb pada blog sobat, semoga menjadi manfaat untuk para blogger dan sumber ini saya peroleh dari sini blog kang ismet.

(http://blog.kangismet.net/2013/09/breadcrumbs-seo-friendly-dan-valid-html5.html)

4 komentar

Makasih mau di coba karena webmaster juga masih kacau

Ini cara membuat breadcrumb apa cara mengatasi error breadcrumb di webmaster ?
Soalnya kalo di lihat dari link sumber artikel ini adalah cara membuat breadcrumb. Mohon pencerahannya gan !

cara mengatasi error pada breacrumb gan..


EmoticonEmoticon