Cara Membuat Breadcrumbs Seo Friendly

Membuat Breadcrumbs Seo Friendly - Banyak tutorial yang beredar di internet tentang membuat breadcrumbs seo friendly, mungkin memang benar breadcrumbsnya bekerja. Tapi apakah sobat tahu kalau itu seo friendly atau tidak?

Breadcrumbs merupakan menu navigasi yang berada di atas judul postingan seperti yang ada di blog saya. Saya akan memberikan informasi tentang membuat Breadcrumbs Seo Friendly alias Valid Seo.

Cara Membuat Breadcrumbs Seo Friendly

1. Masuk ke dashbord Blogger sobat.

2. Klik Template > Edit HTML > Lanjutkan

3. Centang kotak kecil di pojok kiri atas.

4. Cari kode ]]></b:skin> , untuk mempermudah tekan Ctrl + f , lalu tempatkan scribt dibawah ini diatasnya.

.breadcrumbs{

padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;

color:#5B5B5B;border-bottom:1px dotted #bbb;

}

5. Cari kode <b:includable id='main' var='top'> , lalu ganti dengan scribt 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'/>

6. Simpan Template.

Untuk mengeceknya, sobat bisa mengunjungi ke situs :

http://www.google.com/webmasters/tools/richsnippets

Itu tadi artikel cara membuat breadcrumbs seo friendly. Semoga artikel tentang membuat breadcrumbs seo friendly bermanfaat. Selamat mencoba dan semoga bermanfaat.