Cara Membuat Breadcrumbs Agar Blog Cepat Terindeks Google

Salah satu teknik seo untuk memudahkan blog kita cepat terindeks dan muncul dihalaman pertama search engine  adalah dengan pemasangan navigasi breadcrumb. Breadcrumb adalah menu yang dipakai sebagai navigasi baik untuk blog maupun website. Dengan pemasangan breadcrumb di blog juga  akan memudahkan pembaca / visitor dalam menavigasi halaman suatu blog atau pun website.

Nah kalau anda ingin menambahkan breadcrumb di blog anda simak tutorial berikut ini

Nah kalau anda ingin membuat breadcrumb di blog anda simak tutorial berikut ini

    1.     Masuk ke Blogger

    2.     Klik Template

    3.     Pilih Edit Html

    4.     Cari kode ]]></b:skin> (dengan mengklik CTRL+F secara bersamaan.

    5.     Salin kode dibawah ini tepat diatas kode ]]></b:skin> tadi

breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

    6.      Setelah itu temukan kode seperti di bawah ini

<b:includable id='main' var='top'>

    7.      Setelah kode diatas ditemukan ganti kode yang tercantum pada No. 6 dengan kode berikut :

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

      8. Terakhir klik simpan

Itulah sedikit tutorial dalam membuat breadcrumb agar blog cepat terindeks google. Semoga membantu