Cara Membuat Breadcrumb Super Seo Friendly

Mas Arif Cara Membuat Breadcrumb Super Seo Friendly - Kali ini, mas arif akan memposting artikel tentang Membuat Breadcrumb Super Seo Friendly. Banyak template yang sudah ada breadcrumb. Tapi apakah breadcrumbs tersebut sudah Seo friendly? Jika belum Breadcrumb Seo Friendly, sobat bisa mengeditnya sendiri. Dengan sedikit sentuhan saja. Apabila template sobat belum terdapat breadcrumb, itu malah lebih mudah.

Langsung saja, kita akan mulai mempraktekkan cara membuat breadcrumb super 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 super seo friendly. Semoga artikel tentang membuat breadcrumbs super seo friendly bermanfaat. Selamat mencoba dan semoga bermanfaat.