Pasang Navigasi Breadcrumbs Yang Cepat Terindex Google

Pasang Navigasi Breadcrumbs Yang Cepat Terindex Google
Pasang Navigasi Breadcrumbs Yang Cepat Terindex Google. Breadcrumbs Yang Cepat Terindex Google sebenarnya pasti kalian cari selama ini kan, ini benar-benar cepat loh. Saat saya menggunakan breadcrumbs ini blog saya tambah seo dan breadcrumbsnya pun sudah terindex.

Breadcrumbs pada blogger atau blogspot sangat penting, disamping untuk membagun internal link yang mengarah ke homepage, breadcrumbs pada blogspot juga bagus untuk SEO, dengan adanya breadcrumbs yang terpasang di blogspot kamu, maka google bisa mengindex pula breadcrumbs tersebut.

Breadcrumbs yang terindex memang memberikan kesan yang lebih singkat di hasil pencarian google. Dan jika kalian juga ingin memasang breadcrumbs yang lebih seo dan cepat terindex oleh google, silahkan ikutin caranya di bawah ini.
  • Login ke blogger.com.
  • Klik Tata Letak.
  • Pilih tab Edit HTML
  • Click Download Full Template and please back up your template first.
  • Kemudian beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.
  • Silahkan cari kode ]]></b:skin>
  • Letakkan kode css dibawah ini tepat diatas kode ]]></b:skin>
.breadcrumbs {
text-align:left;
padding:8px;
margin:0px 0px 4px;
font-size:13px;
line-height:1.4em;
border:1px solid #ddd
}
  • Setelah itu cari kode dibawah ini :
<b:include data='top' name='status-message'/>
Info :
Setiap template berbeda,terkadang kode <b:include data='top' name='status-message'/> ini ada dua,nah jika di template anda kode <b:include data='top' name='status-message'/> terdapat 2, maka cari kode <b:include data='top' name='status-message'/> yang dekat dengan kode <data:defaultAdStart/> lalu letakan kode <b:include data='posts' name='breadcrumb'/> ini tepat dibawah <b:include data='top' name='status-message'/> . Hasilnya nanti seperti ini.
<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

<data:defaultAdStart/>
Jika di template anda kode <b:include data='top' name='status-message'/> ini hanya terdapat satu,maka cari kode <b:includable id='post' var='post'> . Setelah ketemu letakan kode <b:include data='posts' name='breadcrumb'/> ini tepat dibawah kode <b:includable id='post' var='post'> . Hasilnya Seperti ini.
<b:includable id='post' var='post'>
<b:include data='posts' name='breadcrumb'/>
  • Langkah selanjutnya silahkan cari kode dibawah ini :
<b:includable id='main' var='top'>
  • Letakkan kede berikut tepat diatasnya :
<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> &#187; <b:loop values='data:post.labels' var='label'><span typeof='v:Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=5&quot;' property='v:title' rel='v:url'><data:label.name/></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='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>
  • 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 breadcrumbs-navigation. Jika berhasil maka breadcrumbs-navigation nya akan tampil seperti di atas judul posting ini.

Demikian Cara Pasang Navigasi Breadcrumbs Yang Cepat Terindex Google dan untuk test hasil breadcrumbs kamu terindex atau tidak nantinya silahkan cek di Rich Snippets Testing Tool.
semoga dengan membuat breadcrumbs di blogspot, postingan kamu cepat terindex google. Kalau berhasil jangan lupa untuk berkomentar. Dan jika kalian ingin copas artikel ini di mohon untuk memasang Link Sumbernya karena kode script breadcrumbs nya sangat sulit di buat,Terima kasih. Semoga bermanfaat.
Posted by — Tuesday, March 27, 2012

Ada 5 komentar untuk "Pasang Navigasi Breadcrumbs Yang Cepat Terindex Google"

  1. mohon maaf kalau OOT, kalau komen jangan pake' Link gan

    ReplyDelete
    Replies
    1. hehehe, maaf gan soalnya ini blog baru lagi nyari backlink, sekarang terserah agan komentar saya di blog agan mau di apain aja boleh...

      Delete
  2. mantap gan
    ane coba dulu ya
    thanks banget nih infonya

    ReplyDelete