Cara Membuat Breadcrumbs SEO Friendly, Simple Dan Mudah

Banyak sekali blogger yang membuat tutorial Cara membuat Breadcrumbs, mungkin artikel ini tidak ada yang akan membaca nya karena para pencari sudah duluan masuk ke blog publisher lain, tapi tidak apa, saya ikhlas hehee.

Navigasi ini sangat penting, juga guna dari ini adalah untuk membuat pengalaman pembaca menjelajahi isi dari blog anda, itu rekomendasi dari google sendiri.

Disini saya akan membuat tutorial Cara membuat breadcrumbs, tapi sebelum nya ada yang tau apa breadcrumbs ini ? ini adalah sebuah navigasi blog yang berada di atas postingan, ini dia contoh si kecil yang sangat penting itu.

Breadcrumbs ini berbeda untuk wordpress dan blogspot, mungkin di blogspot lebih mudah untuk membuat si kecil ini, dan berikut cara mudah dan simple untuk membuat si kecil mungil itu :
  • Masuk ke Blogger Anda
  • Masuk ke Template kemudian Edit HTML > Pilih Lanjutkan
  • Expand Template Widget
  • Carilah kode seperti ini ]]></b:skin> , untuk memudahkan tekan CTRL+F, kemudian simpan kode yang saya tulis di bawah ini, tepat diatas kode ]]></b:skin> :
.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}

  • Kemudian Cari kode <b:includable id='main' var='top'>, kemudian anda ganti kode tersebut dengan :
<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'/>

  • Simpan template dan selesai
Anda bisa cek sendiri menggunakan webmaster tools seperti di bawah ini :
Webmaster Tools
Untuk test apakah bisa menampilkan beberapa label, masukan posting anda yang mempunyai 2 label atau lebih, kemudian tekan pratinjau, jika sudah erhasil dan penampakannya sempurna, berarti anda telah sukses memasang breadcrumbs pada blog anda dengan baik dan benar.
Tags :

Related : Cara Membuat Breadcrumbs SEO Friendly, Simple Dan Mudah

0 Response to "Cara Membuat Breadcrumbs SEO Friendly, Simple Dan Mudah"

Post a Comment

PERHATIAN !!!

Terima Kasih Telah Berkunjung.
Saya sangat senang dengan pengunjung saya yang memberikan komentar setiap kali selesai membaca artikel saya, itu adalah cara untuk memberitahu saya bahwa dia telah membaca artikel saya, dan membuat saya dengan senang hati akan mengunjungi blog pengunjung tersebut (jika pengunjung mempunyai blog)

- Berkomentar Dengan Baik Dan Sopan
- No Link Aktif
- Boleh Rekomendasi
- Suka ? Bagikan !