11.14.2012

Trik Agar Seluruh Label Breadcrumbs Terindex Google

Trik Agar Seluruh Label Breadcrumbs Terindex Google
Contoh Breadcumbs
Terlepas dari perdebatan antara bagus-tidaknya blog kita diberikan unsur Breadcumbs terhadap SEO, pada malam ini saya hanya ingin berbagi sebuah model Breadcumbs yang saya temukan setelah lama menghilang dari bookmark. Breadcumbs ini saya katakan berbeda karena Breadcumbs itu banyak jenisnya dan juga cara dan bentuknya, ada yang hanya di halaman, namun tidak untuk di-index google, ada yang terindeks hanya sebagian, sedangkan yang ini keseluruhan dari label pada artikel kita dapat terindeks Google.
Contoh..
Trik Agar Seluruh Label Breadcrumbs Terindex Google
Contoh Breadcumbs yang lebih banyak label
Caranya tidak rumit, sama seperti biasa. Baiklah, kita mulai..
  1. Log in Ke Blogger.
  2. Klik template » Edit HTML » centang Expand Template Widget.
  3. Hapus Breadcumbs lama jika ada. Caranya dengan menghapus semua yang berkaitan dengan Breadcumbs pada penelusuran isi template (CTRL+F).
  4. Cari kode ]]></b:skin> dan letakkan CSS ini di atasnya.
  5. .breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
    

  6. Cari kode <b:includable id='main' var='top'> dan ganti dengan kode dibawah 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='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 anda dan lihat hasilnya...
  • Untuk mengecek Breadcumbs anda dapat menuju langsung kesini :
    www.google.com/webmasters/tools/richsnippets
    Semoga berhasil ya sobat.. :)

    Anda juga membaca ...:

    2 comments

    1. pengaruh sama loading blog gak sob?
      blog saya udah berat bnget sob,,,

      ReplyDelete
      Replies
      1. breadcumbs biasanya ringan2 saja koq sob.. :)
        lebih2 dengan tampilannya yang kecil dan sederhana itu..
        kecuali breadcumbs dengan model hiasan tambahan, saya kurang tahu juga..

        Delete