Senin, 06 Mei 2013

Cara Membuat Breadcrumb SEO pada Blog


Breadcrumb adalah bantuan navigasi yang digunakan dalam user interface.Hal ini memberikan kemudahan kepada pengguna untuk melacak dan mengetahui di dokumen mana dia berada.Navigasi Breadcrumb ini Berada tepat di atas postingan kita dengan Urutanya seperti berikut 






Detail : Home>Hot Topic > Informasi Umum> Music >Music Info > "Judul Postingan"


Ternyata membuatnya breadcrumb tidaklah sulit,berikut caranya :

1. Masuk ke Template > Edit HTML dan centang kotak Widget.
2. Cari Kode
<b:include data='top' name='status-message'/>
Jika udah ketemu copy paste kode di bawah ini tepat di atasnya
<b:include data='posts' name='breadcrumb'/>
3. Lanjut Cari Kode berikut 
<b:includable id='main' var='top'>
Jika sobat menemukan dua kode script yang sama maka pilh yang no dua dan paste kode berikut tepat di atasnya


<b:includable id='breadcrumb' var='posts'> <b:if != cond='data:blog.homepageUrl data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'> <span> <a expr:href='data:blog.homepageUrl' rel='tag'> Home </ a> </ span> »<span> <Data: blog.pageName / > </ span> </ div> <b:else/> <b:if cond='data:blog.pageType == "item"'> <- Breadcrumb untuk halaman posting -> <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' rel="v:url" property="v:title"> Home </ a> </ span> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'> »<span Typeof="v:Breadcrumb"> <a expr:href='data:label.url' rel="v:url" property="v:title"> <data:label.name/> </ a > </ span> </ B: if> </ B: loop> »<span> <data:post.title/> </ Span> </ Div> <b:else/> <div class='breadcrumbs'> <span> <a expr:href='data:blog.homepageUrl' rel='tag'> Home </ a> </ span> »<span> berlabel </ span>» < span> <data:post.title/> </ span> </ div> </ B: if> </ B: loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <-! Breadcrumb untuk halaman arsip label dan halaman pencarian .. -> <div class='breadcrumbs'> <span> <a expr:href='data:blog.homepageUrl'> Home </ a> </ span> »<span> Arsip untuk <data:blog.pageName/> </ span> </ Div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span> <a expr:href='data:blog.homepageUrl'> Home </ a> </ span> »<span> Semua posting </ span> <b:else/> <span> <a expr:href='data:blog.homepageUrl'> Home </ a> </ span> »<span> Tulisan filed under <data:blog.pageName/> </ span> </ b: if>
</ div>
</ b: if>
</ b: if>
</ b: if>
</ b: if>
</ b: if>
</ b: includable>

4.Simpan Template

Tidak ada komentar:

Posting Komentar