Apa saran dari Google tentang Breadcrumb? Berdasarkan buku Search Engine Optimization Starter Guide di halaman 10, berikut ini penjelasan atau saran Google tentang Breadcrumb :
Ensure more convenience for users by using ‘breadcrumb lists’
A breadcrumb is a row of internal links at the top or bottom of the page that allows visitors to quickly navigate back to a previous section or the root page. Many breadcrumbs have the most general page (usually the root page) as the irst, left-most link and list the more speciic sections out to the right.
Klik Gambar untuk memperbesar ukurannya!
Google memberikan sobat blogger sedikit saran tentang penggunaan Breadcrumb, karena Google menyadari betapa bermamfaatnya atau betapa berfungsinya sebuah Breadcrumb sebagai menu navigasi pada sebuah blog. Untuk membuat sebuah Breadcrumb di blog, sangatlah mudah. Sobat blogger hanya menyisipkan beberapa kode di Template blog sobat. Sebelum sobat blogger langsung mempraktikkan cara membuat menu navigasi Breadcrumb, perlu saya jelaskan sedikit bahwa Menu Navigasi Breadcrumb yang akan kita buat adalah menu navigasi Breadcrumb yang SEO Friendly. Kenapa disebut dengan Breadcrumb SEO Friendly? Karena menu Breadcrumb ini tidak hanya terindex di atas postingan, tapi juga terindex di hasil penelusuran Google.
Cara Membuat Breadcrumb Terindex Google
- Sign In di blogger.com
- Pada Menu Drop Down, Pilih Template
- BackUp template sobat terlebih dahulu
- Klik Edit HTML dan Klik Proceed
- Kasih tanda centang pada Expand Widget template
- Cari kode ]]></b:skin> dan letakkan CSS berikut diatasnya.
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
- Cari kode <b:includable id='main' var='top'> dan ganti kode <b:includable id='main' var='top'> dengan kode berikut 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"'>
<!-- 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'>
» <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"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<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'/>
- Save template sobat blogger
Untuk memastikan kalau Breadcrumb yang sudah di buat mampu di baca oleh Google, silahkan kunjungi laman Rich Snippet Testing Tool di Google Webmaster Tools. Lalu masukkan salah satu URL dari postingan sobat. Breadcrumb yang berhasil terindex mesin pencari akan terlihat seperti gambar berikut!
Klik Gambar untuk memperbesar ukurannya!
Post a Comment