Cara Mudah Membuat Breadcrumbs SEO Friendly

 On Jumat, 01 Maret 2013  

Breadcrumb selain berfungsi untuk mempermudah pengunjung mencari dan menelusuri lokasi artikel dalam blog dan kembali ke awal halaman/home-page dengan mudah, breadcrumb juga berguna untuk membantu mesin pencari menelusuri artikel kita dengan cepat ( menurut ahli seo ).
Kita sering tahu ada beberapa blog yang dalam mesin pencarian muncul breadcumb seperti ini dibawah judul:
1. Home page / tahun / bulan / judul link artikel
2. Home page > Label
  Cara Mudah Membuat Breadcrumbs SEO Friendly
benar bukan?pernah lihat yaa? kalau belum, silakan dicoba mencari salah satu kata kunci di mesin pencari google. pasti kalian menemukan beberapa yang seperti contoh 1 atau pun contoh 2
Menurut berbagai sumber yang “ahli dalam Seo”, cara breadcrumb no. 2 dikatakan lebih bersahabat dan seo friendly dengan google / mesin pencari. Kalian percaya atau tidak itu tergantung pendapat dan penilaian masing – masing :) , sekarang Andie Shinigami | Tutorial dan Cara Mudah akan membagikan tutorial membuat breadcrumb seperti no. 2 diatas

Cara Mudah Membuat Breadcrumbs SEO Friendly

1. Log in / masuk dahulu ke Blogger
2. Pilih menu Template > klik Edit HTML > klik Lanjutkan
3. Jangan lupa Centang “Expand Template Widget”4. Cari kode ]]></b:skin> menggunakan CTRL+F dan simpan kode berikut ini diatasnya:
.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}
5. Cari kode <b:includable id='main' var='top'>, kemudian 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'/>

6. Klik Save / Simpan Template .

Cara Mudah Membuat Breadcrumbs SEO Friendly 4.5 5 Bang Cigo Jumat, 01 Maret 2013 Breadcrumb selain berfungsi untuk mempermudah pengunjung mencari dan menelusuri lokasi artikel dalam blog dan kembali ke awal halaman/home...


Tidak ada komentar:

Posting Komentar

Berikanlah Komentar Anda yang Positif

Setiap komentar yang berbau negatif akan dipindahkan ke folder SPAM