Cara Menghasilkan Breadcrumb Navigation (Seo On Page)

Bagi teman dekat yang belum tau apa itu breadcrumb, breadcrumb itu yakni history wilayah postingan kita dan biasa dipakai di forum2, misalkan teman dekat post postingan di parent klasifikasi “SEO” terus ada subkategorinya “tutorial blog”, dst. Intinya, breadcrumb dipakai untuk mempermudah pembaca supaya mengenali klasifikasi dan sub klasifikasi dari bacaan yang sedang dibaca.

Breadcrumb navigation dan SEO On Page

Nah terus apa dong keterkaitannya dengan seo utamanya seo on page? kekerabatan intim kah? hehehe... keterkaitannya dengan seo, utamanya seo google yakni sesuai aba-aba dari simbah google sendiri. Neh kutipannya

makanya, membuat breadcrumb navigation yakni salah satu bab dari memajukan secara maksimal web atau blog teman dekat alasannya yakni memang ia digemari oleh mesin pencarian (seo friendly). Selain mempercantik blog kita juga dapat menyertakan poin seo juga pada blog kita. Oke kita pribadi aja ke bagaimana menghasilkan breadcrumb navigation pada blog:

Cara menghasilkan breadcrumb navigation

1. Log in ke blogger.com
2. Pilih design atau rancangan
3. Pilih edit html,centang expand temlate widget supaya semua kode timbul semua dan jangan lupa back up template untuk jaga jaga dengan cara mendownload full template
4. Lalu Cari kode tag ]]></b:skin>> dan letakkan kode berikut ini diatasnya

   .breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}

    
5. Cari kode <b:includable id='main' var='top'> 
6. Jika telah ketemu , letakkan kode berikut ini diatas kode no.6
   

   <b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Anda Berada di&#160; :
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
&gt; <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
</b:includable>

    
7. Cari kode <b:loop values='data:posts' var='post'> umumnya ada lebih dari 1, tergantung templatenya, template aku saja ada 4 kode yang sama, pilih kode yang tepat dibawah letak kode kita di poin 6 tadi dan ketikkan kode berikut dibawahnya
   

   <b:include data='post' name='breadcrumbs'/>

    
8. Save template .

Selesai, kini blog teman dekat telah mempunyai navigation breadcrumb yang sifatnya seo friendly. Semoga postingan mengenai cara menghasilkan breadcrumb navigation pada blog ini berharga untuk sobat.

Share this post