Fungsi breadcrumbs adalah untuk menunjukkan lokasi artikel saat pengunjung datang di situs yang dikunjungi. Selain itu, menurut beberapa orang membuat breadcrumbs akan secara signifikan meningkatkan traffik. Tetapi banyak diantara mereka yang melakukan optimasi secara berlebihan yang belum tentu menciptakan hasil yang memang disukai Google.
Berikut ini contoh pemasangan breadcrumbs :
1. Breadcrumbs terindex mesin pencari Google namun tidak ditampilkan di hasil pencarian.
2. Breadcrumbs terindex mesin pencari Google dan ditampilkan di hasil pencarian.
Cara Membuat Breadcrumbs Terindex :
1. Login ke Blogger
2. Masuk ke Template > Edit HTML
3. Ceklis Expand Widget Templates
4. Cari kode ini <b:if cond='data:post.title'>
Letakkan kode di bawah ini di atasnya :
<b:if cond='data:blog.pageType == "item"'>
<a expr:href='data:blog.homepageUrl'>Home</a> »
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
»
</b:if>
<data:post.title/>
</b:if>
<a expr:href='data:blog.homepageUrl'>Home</a> »
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
»
</b:if>
<data:post.title/>
</b:if>
5. Save Template.
Cara membuat breadcrumbs terindex dan muncul di halaman posting :
1. Masih di dalam Edit HTML.
2. Cari kode ]]></b:skin> , copy kode ini diatasnya :
.breadcrumbs{3. Cari kode <b:includable id='post' var='post'> , perhatikan kode di bawah ini :
padding:5px 5px 5px 0;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
4. Copy kode ini di bawah kode <b:else/> seperti diatas.
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Home</a> »
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'> , </b:if>
</b:loop>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>
- Kalau kodenya tidak sama dengan yang saya miliki, silahkan copy kode nomor 4 di atas <data:post.body/> yang kedua.
- Bisa juga ditaruh kode nomor 4 diatas kode <b:if cond='data:post.title'>
5. Save Template
Pembuatan breadcrumbs diatas hasilnya adalah seperti gambar kedua nomor 1. Untuk pembuatan breadcrumbs yang muncul di hasil pencarian Google akan dibahas dikesempatan lain.
Susunan penggunaan breadcrumbs yang baik adalah yang tidak menghilangkan struktur link address artikel anda. Google menyukai teknik SEO apapun yang sesuai dengan syarat dan ketentuan mereka.Artikel Cara Membuat Breadcrumbs Terindex ini semoga bermanfaat dan dapat dijadikan sebagai relevansi pengetahuan anda.