Breadcrumb Super SEO Friendly

Nah Tips SEO pada kesempatan kali ini kita akan membahas tentang cara agar menu breadcrumb terindex oleh google atau mesin pencari. Maksudnya disini adalah bukan menu yang terindex pada google, melainkan label pada sebuah artikel yang akan terindex pada google, jadi artikel yang berada pada mesin pencari akan berbeda tampilannya dari sebelummnya, yakni lebih singkat. Tujuan lain Tips SEO ini untuk meningkatkan trafik pengunjung karena tampilan berbeda pada artikel yang terindex oleh google.

Hal lain yang harus diperhatikan, label/kategori pada blog Anda sebelumnya harus sudah terindex oleh google, caranya copy alamat url label anda, lalu pastekan alamat tersebut pada mesin pencari google, dan lihat hasilnya apakah terindex atau belum. Tampilan yang lebih menarik, dapat memikat pengunjung untuk tidak segan-segan mengklik link tersebut.

Langkah-langkah  membuat Breadcrumb Super SEO Friendly
1. Silahkan Anda masuk ke blogger,
2. Pada dasboard blogger Anda silahkan pilih Template,
3. Selanjutnya, pilih Edit Html dan jangan lupa ceklist Expand Template Widget,
4. Silahkan Anda cari kode seperti di bawah ini

<b:includable id='main' var='top'>

5. Selanjutnya, hapus kode tersebut lalu gantikan dengan kode di bawah 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'>
<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'/>

6. Langkah selanjutnya agar tampilan breadcrumb Anda lebih menarik, silahkan terapkan CSS di bawah ini.
7. Silahkan Anda cari kode seperti di bawah ini,

]]></b:skin>

8. Lalu letakan kode CSS di bawah ini sebelum kode tersebut.

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

9. Simpan Template.

Gimana gampang kan ...? oh saya da masalah.... gak mungkin.... hehehe