Cara Membuat Breadcrumbs SEO Friendly di Blogger

Cara Membuat Breadcrumbs SEO Friendly di Blogger

Breadcrumbs adalah link internal sekaligus navigasi blog berupa link teks dengan anchor text home dan nama label.

Breadcrumbs ada di atas judul blog atau di bagian paling atas halaman posting (single post). Template bawaan blogger belum ada Breadcrumbs.

Berikut ini cara memasang Breadcrumbs di blogger.

KODE CSS
Simpan di atas kode ]]></b:skin>

.breadcrumbs{ 
    padding: 0px 5px 5px 0;
    margin: 0 0 20px 0;
    font-size: 95%;
    line-height: 1.4em;
    border-bottom: 4px double #ddd;}

KODE HTML
Sipan di bawah <div class='post hentry'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>