Kamis, 13 Desember 2012

Cara Memasang/Membuat Breadcrumb Terindex Google Di Blog

Cara Memasang/Membuat Breadcrumb Terindex Google Di Blog | Serba Blogx - Kali ini saya sebagai pemilik Serba Blogx akan membahas tentang Cara Memasang/Membuat Breadcrumb Terindex Google Di Blog. Apa itu Breadcrumb? Breadcrumb merupakan sebuah menu navigasi yang ada di sebuah web/blog yang berguna untuk memberi informasi/petunjuk kepada pengunjung tentang keberadaannya di Blog tersebut. 

SEO


Memasang Breadcrumb juga termasuk meningkatkan kualitas SEO Blog kita secara Internal. Breadcrumb yang akan saya bahas ini berbeda dengan yang lainnya, karena biasanya Breadcrumb yang biasa hanya tampil di atas judul posting saja, tetapi Breadcrumb yang saya bahas disini juga tampak di hasil pencarian Google. Coba saja lihat gambar dibawah ini.

Breadcrumb Terindex Google

Lihatlah kotak berwarna merah pada gambar diatas, begitulah hasil dari Breadcrumb yang saya bahas ini. Jika teman-teman ingin membuat Blog lebih SEO, saya sarankan untuk memasang Breadcrumb ini, walaupun peningkatan kualitas SEO-nya hanya sedikit, tapi lumayan kan? Oke langsung saja ya kita ke tutorial Cara Memasang/Membuat Breadcrumb Terindex Google Di Blog dibawah ini.

Berikut ini adalah langkah-langkah Cara Memasang/Membuat Breadcrumb Terindex Google Di Blog :

1. Login ke Blog 

2. Masuk ke Menu Edit HTML

3. Lalu centang Expand Widget Template

4. Letakan kode dibawah ini tepat 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. Selanjutnya silahkan anda 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'/>

6. Langkah terakhir adalah simpan

Itulah Cara Memasang/Membuat Breadcrumb Terindex Google Di Blog yang saya bagikan kepada teman-teman, semoga artikel ini bermanfaat untuk teman-teman dan semua Blogger di dunia. Happy Blogging teman! Baca juga ya Cara Membuat Read More Otomatis Terbaru Di Blog

3 komentar:

genfruz.us mengatakan...

Ijin share ke fb, biar kalo ke warnet bisa liat lagi lalu edit templatenya

makasih tutorialnya :D

Ridhwan Al Ma'ruf mengatakan...

@genfruz.us : silahkan sob.. senang bisa berbagi :)

son billy mengatakan...

mantap tutornya sob...

Posting Komentar