Cara Memasang Breadcrumbs SEO Friendly Cepat Terindeks Google

Cara Memasang Breadcrumbs SEO Friendly Cepat Terindeks Google

Cara Memasang Breadcrumbs SEO Friendly Cepat Terindeks Google - bagi sebagian blogger tentunya sangat mengharapkan blog mereka cepat terindeks search engine google karena dengan semakin cepat blog di indeks oleh google maka tujuan dari usaha blogging akan cepat tercapai. Salah satu cara agar blog cepat terindeks oleh google adalah dengan jalan memasang breadcrumbs. Apa itu breadcrumbs? Menurut pendapat beberapa blogger breadcrumbs adalah menu navigasi yang berada di atas judul postingan seperti yang ada di blog Juragan Kontes ini. Struktur ini tentu berbeda dengan WordPress, yang bisa membuat child category. Struktur di bloger hanya Home kemudian Label. Apabila memiliki beberapa label, maka akan terbaca seperti ini :

breadcrumbs seo friendly
breadcrumbs seo friendly
Perhatikan screenshot gambar di atas!, breadcrumbs tersebut bisa anda lihat di bawah judul artikel yang ditampilkan dalam gambar itu dan biasanya memiliki struktur seperti ini Home > Label1 > Label2 > Label3

Lalu bagaimana cara memasang breadcrumbs seo friendly ini? yuk marilah kita bahas dalam postingan kita hari ini.

Memasang breadcrumbs seo friendly seo friendly di blogspot

1. Masuk ke Blogger
2. Klik Template > Edit HTML > Lanjutkan
3. Centang Expand Template Widget
4. Cari kode ]]></b:skin> dan simpan kode 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'>, ganti dengan:
<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. Simpan Template Anda.

Untuk mengeceknya silahkan kunjungi :
http://www.google.com/webmasters/tools/richsnippets

Demikian ulasan singkat dan sekaligus tutorial blogspot tentang cara memasang breadcrumbs seo friendly cepat terindeks google dan semoga saja tutorial ini bisa bermanfaat bagi anda yang membutuhkannya.

Sumber artikel sebagian di ambil dari link http://blog.kangismet.net/2012/10/cara-membuat-breadcrumbs-seo-friendly-di-blogger-atau-blogspot.html

Share to

Facebook Google+ Twitter Digg
Di posting oleh : Unknown , Update pada : 18.08 | ► 0 komentar