Apa sih Breadcrumbs itu? dan bagaimana
sih agar breadcrumbs navigasi bisa terindex google? Agar lebih mudah memahami mengenai breadcrumbs yang terindex google, coba anda perhatikan gambar di bawah ini :
![]() |
sebelum terindex google |
![]() |
Breadcrumbs navigasi di atas postingan |
![]() |
breadcrumbs setelah terindex google |
Keren kan? selain mempercantik tampilan blog agar tidak kelihatan kaku, url blog kita
juga bisa dipersingkat saat tampil di search engine. Jika anda ingin url blog anda tampak seperti ini di search engine google, langsung saja ikuti langkah-langkah dibawah ini :
Pertama-tama
masukan kode css untuk breadcrumbsnya dibawah ini, taruh di atas kode ]]></b:skin>
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
Kedua, cari kode <b:includable id='main' var='top'> , hapus kode
tersebut dan ganti dengan kode berikut:
<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'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</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'/>
Terakhir jangan lupa Save template dan lihat hasilnya. Breadcrumbs navigasi yang kita buat akan langsung tampak di blog, tapi Google butuh beberapa waktu untuk mengindeksnya, jadi tidak bisa langsung, Pengalaman saya sih tidak sampai satu hari kok. Sekian dulu tutorial bagaimana cara agar breadcrumbs terindex google, semoga bermanfaat dan sampai ketemu di postingan berikutnya.
baca juga : Cara Agar Breadcrumbs Terindex Google bag.2
baca juga : Cara Agar Breadcrumbs Terindex Google bag.2
Related Post :
tutorial blog
- Cara Menghapus Link Aktif di Kotak Komentar
- Mengatasi Pesan Komentar yang Pindah ke Bawah
- Membuat Menu Tab View Tanpa Edit HTML
- Menampilkan Foto Profil pada Komentar Blog
- Membuat Semua Label Breadcrumbs Terindex Google
- Cara Agar Breadcrumbs Terindex Google bag.2
- Pagerank bulan November 2012
- Cara Membuat Tombol Back to Top
- Membuat Fan Page Melayang di Blog ver.2
- Cara Membuat Effect Kembang Api di Blog
tutorial
- Tips SEO untuk Pemula
- Cara Menghapus Link Aktif di Kotak Komentar
- Mengatasi Pesan Komentar yang Pindah ke Bawah
- Membuat Menu Tab View Tanpa Edit HTML
- Menampilkan Foto Profil pada Komentar Blog
- Membuat Semua Label Breadcrumbs Terindex Google
- Cara Agar Breadcrumbs Terindex Google bag.2
- Pagerank bulan November 2012
- Cara Membuat Tombol Back to Top
- Membuat Fan Page Melayang di Blog ver.2
No comments:
Post a Comment
Mohon berkomentar sesuai dengan artikel yang ada. Komentar yang berisi link yang menuju ke sebuah halaman dan mengarah ke tindakan spam akan di hapus atau terjaring secara otomatis oleh spam filter.