Pasang Iklan Disini

Jumat, 27 Juni 2014

Cara Membuat Breadcumbs SEO Friendly Pada Blogspot

Assalamualaikum wr.wb
Breadcumbs memang nama yang aneh bagi seorang newbie, tapi breadcumbs ini memiliki manfaat yang sangat bagus juga untuk kemajuan blog kita. Kali ini akan saya bahas mengenai cara membuat breadcumbs seo friendly pada blogspot.
Breadcumbs itu merupakan sebuah menu navigasi yang biasanya ada di blog, seperti pada gambar dibawah ini.

Breadcumbs SEO Friendly

Dengan memasang breadcumbs seo friendly ini maka label yang terdapat pada blog akan terindex oleh search engine, selain itu juga dapat menarik perharian orang-orang yang melakukan browsing sehingga pengunjung bertambah dari biasanya.
Bila ingin memasang yang seperti ini, ikuti langkah berikut:
  • Masuk ke akun blogger kalian
  • Klik Template
  • Klik Edit HTML
  • Lalu cari kode ]]></b:skin>
  • Setelah itu simpan kode dibawah ini tepat diatas kode ]]></b:skin>
.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}

  • Lalu cari juga kode <b:includable id='main' var='top'>, kemudian ganti kode tersebut 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'/>

  • Jika sudah maka klik Simpan
  • Semoga Berhasil!!


Setelah melakukan cara diatas maka silahkan cek apakah breadcumbs tersebut sudah benar atau tidak dengan masuk ke website http://www.google.com/webmasters/tools/richsnippets lalu masukkan link url dari artikel yang memiliki lebih dari 1 label kemudian klik Pratinjau.
Sekian dahulu dari saya.
Semoga bermanfaat.
Wassalamualaikum wr.wb

Ketikkan email kalian dibawah dan klik Berlangganan untuk dapat berlangganan artikel kami:

Delivered by FeedBurner

Please Give Us Your 1 Minute In Sharing This Post!
SOCIALIZE IT →
FOLLOW US →
SHARE IT →

 
notifikasi
close