Cara Membuat Breadcrumb SEO Friendly

     Membuat Breadcrumb SEO Friendly - Selamat sore sobat setelah waktu lalu post tentang Mau Bikin Website + Hosting Murah AbizZ? Ke Rajawebhost.com aja! dan Iconia PC tablet dengan Windows 8 ,kali ini akan posting bagaimana Cara Membuat Breadcrumb Yang SEO friendly yaitu menu breadcrumb yang diindex Google. Sebuah blog atau website akan tampak lebih elegan apabila menu bredcrumbnya terindex oleh Google, lalu bagaimanakah Cara Membuat Breadcrumb Yang diindex Google?

Caranya sangat mudah, sobat hanya perlu hapus breadcrumb yang sudah sobat buat apablia sebelumnya sudah membuat breadcrumb, kemudian edit template blogger sobat ( jangan lupa ceklis expand template widget )
Kemudian cari kode <b:includable id='main' var='top'> lalu ganti dengan kode berikut :


<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>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Sekian postingan kali ini tentang Membuat Breadcrumb SEO Friendly.
Cara Membuat Breadcrumb SEO Friendly | Aan | 5

1 comments:

  1. mantap sob tutorialnya,.. ijin praktek sob untuk blog ane,... salam kenal dari ane,..

    ReplyDelete