Cara Cepat Agar Breadcrumb Terindeks Google - Kali ini kita akan membahas cara membuat breadcrumnb segera terindeks google, bahkan blog tak berpagerank alias N/A pun bisa langsung merasakan kedasyatan trik ini. Breadcrumb navigasi ( baca : cara membuat / memasang navigasi breadcrumb di blog ) adalah komponen penting yang harus ada di blog sobat. Menurut kabar yang selama ini saya dengar, breadcrumb navigasi akan di indeks search engine terutama pada blog yang minimal ber pagerank 3, teori ini tersebut memang tak sepenuhnya salah dan memang benar adanya, karna memang "dulu" breadcrumb navigasi yang di indeks google hanya akan sobat dapati pada blog berpagerank 3 ke atas ( mujur - mujuran kalau 2 ) Berbeda sekali dengan sekarang..
Setelah google , yahoo, dan bing terintegrasi dengan schema.org dan data-vocabulary.org ( terutama dalam mengenali snippet ), bahkan blog dengan pagerank 0 pun bisa langsung di indeks breadcrumbnya. Nah.. dengan penjelasan yang membingungkan di atas, maka timbul 2 pertanyaan :
1. Apa yang sebenarnya di indeks google dari breadcrumb navigasi?
Jawaban : yang di indeks dari breadcrumb navigasi adalah label atau kategori sebuah artikel, karna itu saran saya untuk mengoptimasi bagian ini.
2. Bagaimana cara agar breadcrumb langsung terindeks di google? hahaha.. kali ini saya akan kasih jawabannya.
Cara Agar Breadcrumb Langsung di Indeks Google
1. Login ke akun blogger sobat
2. Klik Rancangan --> Edit HTML
3. Silahkn sobat back up ( download template lengkap ) unutk mencegah kalau - kalau terjadi eror
4. Centang kotak kecil di samping tulisan Expand template widget
5. Bagi yang belum pernah memasang navigasi breadcrumb silahkan cari kode berikut. ( gunakan CTRL + F untuk kemudahan pencarian kode )
atau kode
6. Letakkan kode di bawah ini tepat setelah kode tadi
Sehinnga hasilnya begini
7. Kemudian letakkan kode berikut di atas kode ]]></b:skin>
8. Klik save dan lihat hasilnya.. Untuk mengetes apakah sudah jadi atau belum silahkan cek di
Catatan :
Untuk sobat yang sudah terlanjur memasang bredcrumb yang biasa, silahkan ganti saja kode breadcrumb yang telah dipasang sebelumnya dengan kode nomor 6.
Sekian..
Setelah google , yahoo, dan bing terintegrasi dengan schema.org dan data-vocabulary.org ( terutama dalam mengenali snippet ), bahkan blog dengan pagerank 0 pun bisa langsung di indeks breadcrumbnya. Nah.. dengan penjelasan yang membingungkan di atas, maka timbul 2 pertanyaan :
1. Apa yang sebenarnya di indeks google dari breadcrumb navigasi?
Jawaban : yang di indeks dari breadcrumb navigasi adalah label atau kategori sebuah artikel, karna itu saran saya untuk mengoptimasi bagian ini.
2. Bagaimana cara agar breadcrumb langsung terindeks di google? hahaha.. kali ini saya akan kasih jawabannya.
Cara Agar Breadcrumb Langsung di Indeks Google
1. Login ke akun blogger sobat
2. Klik Rancangan --> Edit HTML
3. Silahkn sobat back up ( download template lengkap ) unutk mencegah kalau - kalau terjadi eror
4. Centang kotak kecil di samping tulisan Expand template widget
5. Bagi yang belum pernah memasang navigasi breadcrumb silahkan cari kode berikut. ( gunakan CTRL + F untuk kemudahan pencarian kode )
<div class='post hentry'>
atau kode
<div class='post hentry uncustomized-post-template'>
6. Letakkan kode di bawah ini tepat setelah kode tadi
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> <span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"> <a expr:href='data:blog.homepageUrl' itemprop="url"><span itemprop="title">Home</span></a> > </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop="url"><span itemprop="title"><data:label.name/></span></a> <b:if cond='data:label.isLast != "true"'> > </b:if> </b:loop> </b:if> > </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title"><data:post.title/> </span></span></div> </b:if></b:if>
Sehinnga hasilnya begini
<div class='post hentry'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> <span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"> <a expr:href='data:blog.homepageUrl' itemprop="url"><span itemprop="title">Home</span></a> > </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' itemprop="url"><span itemprop="title"><data:label.name/></span></a> <b:if cond='data:label.isLast != "true"'> > </b:if> </b:loop> </b:if> > </span><span itemscope="http://data-vocabulary.org/Breadcrumb" itemtype="http://data-vocabulary.org/Breadcrumb"><span itemprop="title"><data:post.title/> </span></span></div> </b:if></b:if> 7. Kemudian letakkan kode berikut di atas kode ]]></b:skin>
.breadcrumbs{padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px;font-size:95%;line-height:1.4em;
border-bottom:2px double #cadaef;
}
border-bottom:2px double #cadaef;
}
8. Klik save dan lihat hasilnya.. Untuk mengetes apakah sudah jadi atau belum silahkan cek di
Catatan :
Untuk sobat yang sudah terlanjur memasang bredcrumb yang biasa, silahkan ganti saja kode breadcrumb yang telah dipasang sebelumnya dengan kode nomor 6.
Sekian..
0 komentar:
Posting Komentar