Kamis, 20 Februari 2014

Cara Membuat Breadcrumbs / Label Terindex Google Di Blog

Dengan memasang Breadcrumbs yang terindex di pencarian Google, maka Blog sobat akan terlihat lebih profesional dan tentunya akan memudahkan visitor untuk menjelajahi isi Blog sobat sesuai label / kategori, karena label yang sobat cantumkan di artikel akan ikut terindex oleh mesin pencari Google.

Cara Membuat Breadcrumbs / Label Terindex Google Di Blog

Dengan memasang Breadcrumbs tersebut, diharapkan Blog sobat akan lebih menarik pehatian pada index Google karena memiliki tampilan index yang unik, jika sobat belum meggunakannya, maka saat Blog sobat terindex oleh Google, akan terlihat seperti gambar dibawah.

Cara Membuat Breadcrumbs / Label Terindex Google Di Blog

Apabila sobat sudah memasang Breadcrumbs tersebut, maka akan terlihat url halaman utama Blog dan disampingnya terdapat label / kategori yang dicantumkan pada artikel tersebut, dan apabila Blog sobat belum memiliki Breadcrumbs yang terindex Google, maka akan terlihat seperti gambar dibawah ini.

Cara Membuat Breadcrumbs / Label Terindex Google Di Blog

Menarik bukan? jadi dengan menggunakan Breadcrumbs ini, artikel blog yang terindex oleh mesin pencari Google akan terlihat lebih rapih dan menarik, nah untuk membuatnya ikuti langkah - langkah dibawah ini.

Cara Membuat Breadcrumbs Terindex Google Di Blogger / Blogspot

1. Login ke Blogger
2. Piih Template
3. Pilih Edit HTML
4. Kemudian cari kode ]]></b:skin> (gunakan CTRL + F untuk mempermudah pencarian)
5. Jika sudah ketemu, letakan kode dibawah ini terpat 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;}

6. Kemudian cari kode <b:includable id='main' var='top'>
7. Lalu ganti kode <b:includable id='main' var='top'> 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'/>

8. Terakhir, pilih Simpan Template

Lalu buatlah artikel dan tunggu hingga artikel tersebut hingga terindex oleh Google, dan lihat hasilnya. Atau sobat bisa menggunakan Template DroidPluss jika tidak ingin memasangnya secara manual, karena di template tersebut sudah terpasang Breadcrumbs yang terindex oleh Google disini.

Sekian artikel saya kali ini mengenai Cara Membuat Breadcrumbs / Label Terindex Google Di Blogger / Blogspot, semoga dapat bermanfaat.
Share This Article Facebook +Google Twitter Digg Reddit

Note:
1. Berkomentar menggunakan kata - kata yang sopan
2. Tidak boleh membuat maupun memancing keributan
3. Dilarang menggunakan link hidup/aktif

Budayakanlah berkomentar. Terima Kasih.