Kumpulan berbagai tips dan tutorial yang jos dan bermanfaat

Selasa, 01 November 2011

Cara Buat Breadcrumb Seo Friendly Di Blog

Breadcrumb navigation yaitu sebuah hidangan yang digunakan untuk navigasi halaman sebuah website atau blog, sehingga akan memudahkan visitor atau pembaca untuk me-navigasi halaman blog atau website sobat. Dalam SEO, pemasangan breadcrumb yaitu wajib yang sangat mempunyai kegunaan untuk mempermudah seacrh engine untuk menjelajah atau crawling halaman blog teman sehingga blog akan menjadi SEO friendly dan disenangi oleh search engine bot, dan juga blog teman akan cepat ter-index oleh search engine ( Google khususnya )

Breadcrumb navigation yaitu sebuah hidangan yang digunakan untuk navigasi halaman sebuah websit Cara Buat Breadcrumb Seo Friendly di Blogburung twitter terbang, untuk menciptakan dan memasang breadcrumb aku kira tidak begitu sulit jadi teman dapat menciptakan nya dengan tutorial blogger yang aku berikan berikut ini:

Cara Membuat Navigasi Breadcrumb Seo Friendly di Blogspot

  • Login di Blogger
  • Pilih Design 
  • Pilih Edit Html
  • Centang pada Expand Widget Templates
  • Cari kode ]]></b:skin>
  • Copy paste instruksi dibawah ini sempurna 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;}

  • Kemudian cari instruksi ibarat di bawah ini
<div class='post hentry uncustomized-post-template'>
Kalau instruksi diatas tidak ada, coba teman cari instruksi yang ibarat dibawah ini
<div class='post hentry'>


  • Letakkan instruksi dibawah ini sempurna diatas salah satu instruksi biru diatas
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag,nofollow'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

  • Klik save dan teman sudah berhasil menciptakan Breadcrumb yang SEO friendly
Update

    Cara Buat Breadcrumb Seo Friendly Di Blog Rating: 4.5 Diposkan Oleh: abp29