Tutorial Mudah Cara Membuat Breadcrumb Terindek Oleh Google

Tutorial Mudah Cara Membuat Breadcrumb Terindek Oleh Google. Breadcrumbadalah navigasi untuk memudahkan pengunjung web/blog mengetahui lokasi kontent dalam suatu website/blog. Breadcrumb biasanya terletak di atas post body web/blog dan di bawah header. breadcrumb merupakan komponen penting dalam web/blog breadcrumb juga berperan aktif pada optimasi seo onpage suatu web/blog,  hingga ada yang mengatakan template blog/web belum bisa di katakan seo friendly jika belum ada breadcrumb di dalamnya. bagi anda yang di blog nya belum di pasang breadcrumb bisa ikuti tutorial di bawah.

Fungsi breadcrumb  adalah menunjukan dimana lokasi suatu kontent pada blog/website. misal kontentnya di masukan kekategori adsense nah Breadcrumb berfungsi menunjukan pada pengunjung bahwa kontent tersebut di kelompokan pada kategori adsense.

Breadcrumb

Intinya suatu breadcrumb itu berfungsi menunjukan hirarki atau tingkatan kontent yang sedang di buka, contohnya jika  jika suatu kontent berada pada kategori tutorial dan tutorial itu merupakan bagian dari menu tips-trik  maka bisa di gambarkan hirarki tersebut dengantips-trik>tutorial> kontent yang sedang di buka. nah kurang lebih seperti itu penjelasan mengenai breadcrumb. jika anda belum menerapkan breadcrumb di sarankan segera untuk menerapkan breadcrumb kembali lagi breadcrumb merupakan bentuk oprimasi seo on page untuk blog sodara.

Breadcrumb yang baik itu breadcrumb  yang dapat di rayapi oleh google atau dapat di index oleh google  maka pada tutorial kali ini saya akan memberikan source  code untuk membuat breadcrumb yang dapat terindek oleh google.  langsung saja ikuti langkah-langkahnya di bawah ini.

#Tutorial mudah cara cara membuat breadcrumb terindek oleh google.

1. Masuk Dasbor  Blog anda  kemudia masuk Template dan edit html

2. Kopy code CSS di bawah ini tepat di atas kode </b:skin>

.breadcrumbs {
font-size:14px;
color:#666;
padding:15px;
margin:0 0 15px;
background:#ffffff;
border:1px solid #f0f0f0;
}

3. Kemudian Copy dan Replace kode Html di bawah ini tepat pada tag  <b:includable id='breadcrumb' var='posts'> sampai tag penutup  </b:includable>, bagi anda yang belum pernah memasang breadcrumb maka cari kode <div class='post hentry'> kemudian letakan kode di bawah ini tepat di bawah kode tersebut.

<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='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
     </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.labels'>
        <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if> </b:loop> &#187; <span><data:post.title/></span>
        </div>
        <b:else/>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Uncategories</span> &#187; <span><data:post.title/></span></div>
     </b:if>
        </b:loop>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Archive for <data:blog.pageName/></span> 
     </div> 
      <b:else/>
        <b:if cond='data:blog.searchQuery'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><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' rel='nofollow'>Home</a></span> &#187; <span>All post</span>
        <b:else/>
        <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span> 
        </b:if>
        </div>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
</b:includable>

4. Kemudian Simpan.  reload untuk melihat hasilnya.

Demikian Tutorial Mudah Cara Membuat Breadcrumb Terindek Oleh Google semoga bermanfaat untuk anda.  jika ada yang belum jelas silahkan tinggalkan komentar anda di bilah komentar yang di sediakan.