Cara Membuat Breadcrumb Di Blogspot

Cara Membuat Breadcrumb Di Blogspot, Breadcrumb pada blogger atau blogspot sangat penting, disamping untuk membagun internal link yang mengarah ke homepage, breadcrumb pada blogspot juga bagus untuk SEO, dengan adanya breadcrumb yang terpasang di blogspot kamu, maka google bisa mengindex pula breadcrumb tersebut, lihat gambar dibawah ini!

Cara Membuat Breadcrumb Di Blogspot,breadcrumb blogKlik pada gambar jika kurang jelas, nah diatas INFONETMU mengetikkan kata kunci "membuat recent post" pada hasil di pencarian google ditunjukkan breadcrumb yang terindex dengan label yang saya buat, lihat yang berlingkar merah tersebut, sudah jelas kan?
cara membuat breadcrumbs supaya bisa terindex di google memang tidak mudah,walaupun cara yang akan saya share tentang membuat breadcrumbs yang bisa terindex google belum pasti tapi sudah ada bukti hasil Rieview nya.oke langsung kita ke topik bagaimana cara membuat breadcrumb di blogspot caranya sebagai berikut:

  • Login ke blogger.com.
  • Klik Tata Letak.
  • Pilih tab Edit HTML
  • Click Download Full Template andplease back up your template first.
  • Kemudian beri tanda centangpada kotak kecil di sampingtulisan Expand Template Widget.
  • Silahkan cari kode ]]></b:skin>
  • letakkan kode dibawah ini tepat diatas kode ]]></b:skin>


.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double
#e6e4e3;
}
  • langkah berikutnya kamu cari kode <div class='post hentry uncustomized-post-template'>
  • Setelah ketemu kode diatas,kamu letakkan kode dibawah ini tepat dibawah kode <div class='post hentry uncustomized-post-template'>


<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>

  • Kemudian Save Template,
  • Tunggu beberapa saat sampai template anda tersimpan. Setelah selesai lihat pada posting anda tepatnya di atas judul artikel untuk menentukan berhasil tidaknya anda memasang breadcrumb-navigation. Jika berhasil maka breadcrumb-navigation nya akan tampil seperti di atas judul posting ini.
Demikian cara membuat breadcrumb di blogspot dan untuk test hasil breadcrumb kamu terindex atau tidak nantinya silahkan cek di Rich Snippets Testing Tool
semoga dengan membuat breadcrumb di blogspot,postingan kamu cepat terindex google.Kalau berhasil jangan lupa untuk berkomentar.
Semoga bermanfaat.

0 comments:

Post a Comment

Search

Loading...

Popular Posts

Powered by Blogger.

Blog Archive