Cara Memasang Breadcrumbs Seo Friendly

Author : Oktavialei

Breadcrumbs adalah semacam klien navigasi untuk blog / situs. Ini membantu pembaca untuk memahami topik yang terkait dengan kategori apa mereka membaca. Hal ini juga membantu pembaca untuk mencari dan membaca artikel tentang kategori apa seperti sebagian besar situs, breadcrumbs dapat dilihat sebagai bar horisontal di atas judul posting, dan berisi link ke kategori dan tag yang berhubungan dengan posting yang di baca saat ini dan sebagainya. Jika sobat memiliki blog host dari Google Blogger, dan jika sobat ingin menambahkan breadcrumbs di blog sobat, maka saya akan memberi sebuah panduan sederhana tentang cara memasang atau menambahkan breadcrumbs di blog blogger.

Menggunakan Breadcrumbs di blog, memiliki banyak manfaat SEO. Keuntungan utama menambahkan breadcrumbs ke blog, maka sobat akan menambahkan kata kunci frase yang kaya dan judul untuk struktur link dari blog sobat.

Langsung kita masuk ke tutorial cara memasang breadcrumbs ke blog.

• Masuk ke akun Blogger
• Pilih menu Template klik Edite HTML

Silahkan sobat cari kode

<b:includable id='main' var='top'>

Silahkan ganti atau hapus kode tersebut dengan kode di bawah 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='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> 

      <b:includable id='main' var='top'>
   <b:include data='posts' name='breadcrumb'/>

Setelah itu cari kode

]]></b:skin>

Kalo sudah ketemu, silahkan copy kode Css di bawah ini dan letakan di atasa kode tadi

.breadcrumbs {
 font-size: 11px;
 color: #666;
 padding: 10px 0px;
 margin: 10px 0px 20px;
 border-bottom: 1px solid #ddd;
}

Klik simpan template.

oke sobat, saya rasa sudah cukup,dan untuk lihat hasilnya silahkan arahkan ke salah satu posting blog sobat, untuk melihat perbedaannya..! jika ada keluhan, silahkan tanya di kolon komentar.