Membuat Label Breadcrumb SEO Friendly

Pengen blogger kamu tak kalah menarik dengan blogger lain, nah kalau gitu saya pengen share trik Membuat Label Breadcrumb SEO Friendly. Di jamin bukan hanya menarik, tapi juga memudahkan pencarian di google search engine.

Tutorial Membuat Label Breadcrumb SEO Friendly :

1. Log Blogger
2. Masuk ke dasbord > Rancangan > Edit HTML.
3. Sebelumny ceklist Expand Template Widget
4. Kemudian cari kode HTML :

]]></b:skin>  

5. Masukkan kode dibawah ini tepat di atasnya :

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

6. Kemudian cari kode dibawah ini :

<b:include data="top" name="status-message">  

Warning :
Jika kalian menemukan dua kode diatas , carilah yang mendekati dengan kode ini :


<data:defaultAdStart/> 

Dan apabila hanya menemukan satu kode, carilah kode berikut :


<b:includable id='post' var='post'>  

7. Kalau sudah ketemu kode diatas , letakkan kode dibawah ini tepat dibawah kode berwarna hijau diatas.

<b:include data='posts' name='breadcrumb'/>  

8. Langkah selanjutnya cari kode dibawah ini :

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

9. Langkah terakhir , letakkan kode berikut tepat diatasnya :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url' rel='tag'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> >
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' href='' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a></span>
</b:if>
</b:loop>
<b:else/>
>Unlabelled
</b:if>
> <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> > Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> > All posts
<b:else/>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl'><span itemprop='title'>Home</span></a></span> > Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>  

10. Kemudian Save .

Demikian untuk postingan saya kali ini tentang Membuat Label Breadcrumb SEO Friendly semoga bermanfaat . Thx