Home » » Cara Meningkatkan SEO dengan Navigasi Breadcrumbs Pada Blogspot

Cara Meningkatkan SEO dengan Navigasi Breadcrumbs Pada Blogspot


Breadcrumbs menurut wikipedia, breadcrumbs "is a navigation aid used in user interfaces. It allows users to keep track of their locations within programs or documents". Dengan navigasi breadcrumbs ini dapat meningkatkan SEO. Benar atau tidaknya belum tahu juga, belum ada pakar yang sangat menyakinkan membenarkannya secara publik. Breadcrumbs kemungkinan sama saja dengan tag yang terdapat di bawah judul artikel (ada juga yang di bawah artikel) dan blog-pager. Namun sekalipun demikian, SC Community tetap memakainya, karena siapa tahu memang benar-benar mampu meningkatkan SEO. Saya pun juga menggunakannya pada Template Blog saya ini.

Jika kamu tertarik dan ingin membuatnya, seperti biasa:

    Dari dasbor, pilih Template - Edit HTML (untuk amannya, duplikasi template terlebih dahulu).
    Beri tanda centrang pada Expand Template Widget.
    Kemudian tambahkan CSS berikut di atas kode ]]></b:skin> :

 
.breadcrumbs { 
padding:0px 5px 5px 0px;
margin:0px 0px 15px 0px;
font-size:11px;
line-height:14px;
border-bottom:3px double #CCC;
}
 
Ukuran (padding, margin, font-size, line-height) sesuaikan dengan template kamu.
Selanjutnya cari kode:
 
<div class='post'> 
 
Jika sudah ketemu, tambahkan kode berikut :
 
<!--awal breadcrumbs-->
<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' rel='tag'>Home</a>
  <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.labels'>
       <b:loop values='data:post.labels' var='label'>
            <b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
              <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
            </b:if>
&#187; <span><data:post.title/></span>
       </b:loop>
      </b:if>
  </b:loop>
      </div>

  </b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>

</b:if>
<b:else/>
  <b:if cond='data:navMessage'>
      <div class='breadcrumbs'>
      <data:navMessage/>
      </div>
  </b:if>
</b:if>
<!--akhir breadcrumbs-->

Setelah itu Save...
Share this article :
 
Support : Creating Website | ZaOO Template | ZaOO | ZaOO Chat | ZaOO Tips dan trik | ZaOO Berita | ZaOO Unduh
Copyright © 2010. ZaOO™ - All Rights Reserved
Template Modify by Creating Website Inspired Google
Proudly powered by Blogger