Cara Membuat Breadcrumbs yang Terindeks Google ~ Tutorial Blog dan SEO

Monday, August 27, 2012

Cara Membuat Breadcrumbs yang Terindeks Google

7:54 AM

Hzndi

68 comments

Breadcrumbs ? apa itu ? breadcrumbs itu semacam navigasi pada blog. Tujuannya tidak lain untuk memudahkan pengunjung blog kita. Pada blogger, breadcrumbs akan ditampilkan sesuai dengan label yang ada. Dan navigasi breadcrumbs ini akan segera terindeks oleh si Google hanya dalam waktu 2 atau 3 hari (sesuai pengalaman saya) dan lebih ramah terhadap SEO tentunya. Nih bukti jika blog saya yang sudah memakai breadcrumbs terindeks oleh om Google.

Nah jika kalian tertarik untuk membuatnya, silakan lihat caranya di bawah ini, perhatikan dengan seksama oke :)

1. Login ke Blogger seperti biasa

2. Klik Template --> Back Up template kamu terlebih dahulu, Lihat caranya di bawah ini

3. Masih di bagian Template, sekarang kamu klik Edit HTML --> Pilih Lanjutkan --> Sekarang kamu cari kode ]]></b:skin> gunakan CTRL + F untuk memudahkan pencarian.

4. Salin kode di bawah ini dan letakkan diatas kode ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

5. Cari kode <b:includable id='main' var='top'> kemudian kamu hapus kode <b:includable id='main' var='top'> dan ganti kode yang tadi sudah dihapus 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 == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<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'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <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 Simpan dan nantinya breadcrumbs yang kamu buat akan segera terindeks oleh Google.