Rabu, 20 Januari 2016

Pentingnya Breadcrumbs Yang SEO Friendly Terhadap Blog

cara membuat breadcrums seo, apa itu breadcrumbs, letak breadcrumbs, pengertian definisi breadcrumbs


Cara Membuat Breadcrumbs pada blog sudah banyak sekali yang membahasnya. Namun kali ini saya juga akan membahas tentang Cara Membuat Breadcrumbs juga, tapi yang akan saya bahas kali ini bukan hanya sekedar cara membuat breadcrumbs saja, tapi saya akan membahas Cara Membuat Breadcrumbs Yang SEO Friendly Agar Terindex Search Engine. Yuk disimak.


Definisi dan Pengertian Breadcrumbs

Apa Itu Breadcrumbs? Pasti di antara blogger banyak yang bertanya-tanya. Breadcrumbs adalah sebuah Menu Navigasi yang berada di atas judul postingan. Contoh dari breadcrumbs postingan ini adalah;

Home » Belajar SEO » Seputar Blogging » Pentingnya Breadcrumbs Yang SEO Friendly Terhadap Blog

Breadcrumbs ini biasanya terletak di bagian bawah bar judul atau header secara horizontal. Breadcrumbs ini menyediakan link penghubung yang digunakan untuk kembali ke halaman sebelumnya atau menuju ke halaman aktif atau ke halaman induk.

Fungsi Breadcrumbs

Setelah membahas pengertian dari breadcrumbs, selanjutnya saya akan membahas Apa Fungsi Breadcrumbs.
Fungsi Breadcrumbs adalah untuk mengetahui sedang di halaman mana seorang pengunjung berada. Dan tujuan dari breadcrumbs ini adalah untuk memudahkan pengunjung menjelajah halaman demi halaman suatu blog sesuai kategori yang telah ada.

Cara Membuat Breadcrumbs Yang SEO Friendly

Setelah mengetahui pengertian dan fungsi dari breadcrumbs, selanjutnya adalah membuat breadcrumbs.
Tahukah Anda, breadcrumb ternyata sangat baik dan berguna terhadap SEO blog, karena memperkaya kata kunci dalam suatu postingan. Nah, untuk itu saya akan memberitahukan kalian cara membuat breadcrumbs.

Jika blog Anda sudah ada breadcrumbs atau sudah pernah memasang breadcrumbs sebelumnya, namun pada hasil pencarian dari search engine tidak terindex. Memasang breadcrumbs memang membutuhkan waktu yang sangat lama agar terindex oleh search engine, bahkan saya pernah baca blog kita harus ber Page Rank 3 atau lebih.

Namun Anda tidak perlu khawatir, karena saya akan memberitahukan cara membuat breadcrumbs yang SEO Friendly untuk blog, karena dengan breadcrumbs yang SEO Friendly ini Anda tidak perlu memiliki blog yang ber Page Rank 3 atau lebih untuk terindex oleh search engine. Dan dengan breadcrumbs yang SEO Friendly ini akan terlihat di hasil pencarian search engine dalam waktu yang sangat singkat dan semua label blog akan terindex olehnya.
Berikut langkah-langkah membuat breadcrumbs yang SEO Friendly;

1. Login ke blogger dengan akun blogger Anda
2. Masuk ke Dashboard
3. Klik Template > Edit HTML
4. Cari kode ]]></b:skin> untuk lebih mudahnya tekan CTRL F
5. Lalu tempelkan kode dibawah di atas kode ]]></b:skin>

.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:‪#‎5B5B5B‬;border-bottom:1px dotted ‪#‎bbb‬;}

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

7. Klik SAVE / Simpan Template

Untuk mengeceknya, silahkan Anda kunjungi http://www.google.com/webmasters/tools/richsnippets
Dan untuk mencoba apakah tampil beberapa label, silahkan Anda copy postingan Anda yang memiliki label dari satu, dan klik Pratinjau. Jika berhasil, berarti breadcumbs Anda terpasang dengan baik. Dan selamat! Navigasi Breadcrumbs Anda akan siap terindex oleg search engine.

Demikianlah artikel mengenai Pentingnya Breadcrumbs Yang SEO Friendly Terhadap Blog. Semoga ini bermanfaat untuk Anda dan blog Anda. Dan semoga Anda mengerti, jika ada yang ingin ditanyakan, jangan sungkan untuk bertanya di komentar jika ada sesuatu yang tidak Anda mengerti. Terimakasih.
Load disqus comments

0 komentar