Cara memasang Breadcumb yang otomatis di index Google

Posted by Abil Anam on Friday, January 11, 2013

Menurut para peramal SEO (orang yang paham optimasi pencarian google), navigasi breadcrumb penting sekali di pasang untuk meningkatkan kualitas hasil pencarian. Walaupun bagi saya pribadi mungkin tidak ada bedanya dengan tampilan rating bintang maupun narsis dengan author blog. Penting tapi gak pake banget.

Tanpa berpanjang lebar lagi, berikut Cara Memasang Navigasi Breadcrumb Yang Otomatis di Index Google, tanpa perlu nunggu hingga page ranking 3, konten berkualitas, bermutu, original bla bla bla...

Buka edit html template, Expand Widget Templates, dan letakkan kode css breadcrumb berikut di deretan kode css yang ada di atas kode ]]></b:skin>.

.breadcrumbs {background:#fbfbfb;padding:3px 0; margin-bottom:10px; font-size:85%; line-height: 1.4em; border-bottom:1px solid #f1f1f1;border-top:1px solid #f1f1f1;} Silahkan di personalisasi sendiri kode css tersebut.

Jika sudah, cari kode <b:includable id='main' var='top'> di dalam template sobat dan ganti 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'>Beranda</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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'>Beranda</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'>Beranda</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;'>
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Beranda</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'>Beranda</a></span> &#187; <span>Semua Artikel</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Beranda</a></span> &#187; <span>Kategori Artikel <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'/> 

Simpan template dan lihat hasilnya di search engine google pada post terbaru sobat.
Share it to your friends..!

Share to Facebook Share this post on twitter Bookmark Delicious Digg This Stumbleupon Reddit Yahoo Bookmark Furl-Diigo Google Bookmark Technorati Newsvine Tips Triks Blogger, Tutorial SEO, Info

{ 0 comments... read them below or add one }

Post a Comment