Cara Membuat Navigasi Breadcumb Terbukti Lebih SEO Friendly

Silahkan lihat yang sudah saya lingkari dengan tanda merah Nah itulah yang dinamakan dengan Navigasi Breadcumb. Berbicara tentang SEO Breadcumb itu SEO Friendly, makanaya sangat bermanfaat sekali bagi blog kita. Langsung saja saya jelaskan langkah langkah membuat Navigasi Breadcumb di blogger.

• Masuk ke Blogger 
• Pilit Tab Rancangan 
• Lalu Pilih Edit HTML (saya sarankan untuk Backup/ Download dulu template anda)
• Lalu kita akan membuat yang namanya CSS. Tekan Ctrl + F untuk fasilitas Find pada browser anda, 
• lalu carilah code ]]></b:skin>. Lalu Copy'lah Kode dibawah ini dan Paste tepat di atas kode ]]></b:skin>

 
 .breadcrumbs
{
padding:5px 5px 5px 0;
margin: 0 0 5px;
font-size:12px;
font-family: Georgia, trebuchet ms, Verdana;
line-height: 1.4em;
border-bottom:4px double #000000;
}

• Setelah Itu Carilah Code <b:include data='top' name='status-message'/> Copy Kode Dibawah ini diatas Kode <b:include data='top' name='status-message'/> 

<b:include data='posts' name='breadcrumb'/>

•   Carilah Code <b:includable id='main' var='top'> lalu pastekan Code dibawah ini diatasnya.

<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'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</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>

*Breadcumb Versi ini sudah terbukti terindex di Google.
 

Sekian Semoga Bermanfaat Bagi Sobat Sekalian

Tweet