Pages

Saturday, March 23, 2013

Cara Membuat Breadcrumb Paling SEO Untuk Blogger

Breadcrumb ? apa itu ? Breadcrumb adalah mesin navigasi yang digunakan search engine untuk mengindex artikel sobat dengan baik.apakah breadcrumb berdampak positif terhadap blog ? jawabnnya IYA karena sudah saya jelaskan pada pengertian diatas

Berikut ini adalah cara pemasangan breadcrumb untuk blogger:


  • Login blogger
  • Masuk ke Edit HTML
  • Centang "Expand widget template"
  • Kemudian cari kode ]]></b:skin>
  • Masukkan kode ini tepat dibawahnya:
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

  • Eit belum selesai
  • Kemudian cari kode <b:includable id='main' var='top'> atau ketikkan saja var='Top' tapi ingat pada id='main' 
  • Hapus kode tersebut lalu ganti dengan kode 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'/>


  • Selesai
Apabila blog sobat sudah terpasang breadcrumb tapi belum diindex search engine silakan ganti dengan kode saya yang diatas ini :). Terima kasih

3 comments:

  1. Makasih infonya dan minta izin praktik. Btw, template blogmu ini bagus sekali dan aku ingin seperti ini juga. Kebetulan template blog-ku masih template jadul dan tidak SEO friendly kata orang dan mau kuganti. Kalau boleh tahu bagaimana caranya agar aku bisa punya template seperti blog ini?

    ReplyDelete
  2. Lapor, breadcumbs sukses terpasang tapi aku bingung sebab letaknya ada di bawah judul posting. Btw, apakah bisa membantu?

    ReplyDelete
  3. agak sukar mas tutorial ini..mungkin masih boleh diperbaiki breadcrumbs untuk tampak lebih gratis..

    ReplyDelete