Cara Memasang Navigasi Breadcrumb Untuk Blogspot - Langsung Terindeks Google

Rahasia Blogspot - Sesuai dengan yang telah majalengka press janjikan kemarin pada pembahasan 'apa itu breadcrumb? mengenal definisi dan fungsi navigasi breadcrumb' maka postingan sekarang ini akan melanjutkan pembahasan dengan tema Cara Memasang Navigasi Breadcrumb Untuk Blogspot - Langsung Terindeks Google

Cara Memasang Navigasi Breadcrumb Untuk Blogspot - Langsung Terindeks Google

Sebelumnya Majalengka Press ingin sedikit mengingatkan suatu Rahasia Blogspot yakni breadcrumb akan muncul terindeks pada google search melalui kategori atau label yang terdapat pada blog, jadi biasakanlah untuk selalu membuat kategori pada setiap postingan, jika tidak maka pemasangan breadcrumb pada template blogspot akan sia sia belaka alias nothing. Sebenarnya sudah banyak sekali pembahasan tentang cara memasang navigasi breadcrumb ini namun belum tentu terindeks pada google search, adapun beberapa kode yang akan majalengka press share ini dijamin langsung terindeks google meski membutuhkan waktu paling lama 1 minggu, karena sudah dibuktikan langsung sendiri oleh majalengkapress.blogspot.com untuk template yang sekarang digunakan juga beberapa template lainnya.

Cara Mudah Pasang Navigasi Breadcrumb Terindeks Google Search

Sebenarnya pemasangan navigasi breadcrumb ini gampang - gampang susah dibilang gampang karena caranya yang cukup mudah hanya dengan memasang beberapa kode html, dibilang susah karena setiap template blogspot tentunya memiliki kode html yang berbeda sehingga terkadang terjadi eror html saat di save. Tapi ga usah khawatir majalengka press akan memberikan solusinya bagi template yang memang susah alias bandel dipasang navigasi breadcrumb. Ok Langsung saja to the point silahkan menyimak beberapa langkah cara mudah memasang navigasi breadcrumb terindeks google ... semoga sobat beruntung.

•  Login dulu ke blogger bagi yang belum memiliki account blogspot silahkan baca 'cara mudah membuat blogspot kurang dari 3 menit'
• Pada dashbord blog kemudian pilih Template - Edit html - Centang Expand Widget Template supaya semua kode html terbaca
• Seperti biasa backup template dulu biar nanti ketika terjadi eror tidak menyalahkan majalengka press heheee
• Selanjutnya cari kode ]]></b:skin> supaya lebih mudah tekan ctr+f pada keyboard untuk memudahkan pencarian
• Setelah ketemu silahkan copy kode dibawah ini lalu letakan tepat diatas kode ]]></b:skin> 

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

• Lalu cari kode <b:includable id='main' var='top'> kemudian ganti kode tersebut 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'/>

• Langkah terakhir disarankan supaya menekan tombol preview terlebih dahulu untuk mengetahui apakah pemasangan kode sudah benar
• Jika pada tampilan hasil preview benar maka langsung saja save saja.

Untuk membuktikan apakah navigasi breadcrumb sudah berhasil terpasang pada blog sobat silahkan ikuti 2 langkah dibawah ini :

1. Untuk melihat navigasi breadcrumb pada blog silahkan klik salah satu postingan atau page halaman blog sobat kembudian perhatikan pada bagian atas judul postingan akan tampak sebaris penggalan kalimat sesuai dengan kategori yang dibuat sebelumnya
2. Untuk membuktikan navigasi breadcrumb benar-benar muncul pada search engine dan telah terindeks oleh google search, sedikit membutuhkan waktu paling cepat 2-3 hari maksimal 1 minggu tergantung pada kondisi blog sobat. Muncul (terindeks) atau tidaknya navigasi breadcrumb dapat juga dibuktikan langsung secara online dengan menggunakan Tool milik Google sendiri yaiut 'Google Structured Data Testing Tool' Caranya cukup mudah sobat tinggal mengklik link diatas kemudian masukan 'url postingan' pada kotak preview lalu klik tombol 'preview' Jika pemasangan sudah benar maka akan terlihat. Ingat yang dimasukan pada kotak preview adalah 'url postingan' bukan url blog.

Ok sampai disini dulu ... Jika ada pertanyaan bisa langsung kasih comment saja, insyallah pada kesempatan yang lain akan majalengka press bahas juga solusi template bandel blogspot yang ga bisa dipasang navigasi breadcrumb. Terimakasih telah berkunjung ke blog sederhana ini dan mohon maaf bila terdapat kesalahan dalam pembahasan Cara Memasang Navigasi Breadcrumb Untuk Blogspot - Langsung Terindeks Google.