Cara memasang Breadcrumbs SEO Friendly valid HTML5

malam sobat blogger ? Setelah sebelumnya membahas tentang cara memasang modifikasi couldlabel dengan CSS, pada postingan kali saya akan membahas tentang cara memasang Breadcrumbs SEO Friendly Valid HTML5. Sudah jamannya atau bagaimana mungkin semua dituntut harus SEO dan Valid HMTL5. Breadcrumbs ini berperan penting terhadap kualitas SEO dihasil pencarian.

Cara pemasang Breadcrumbs SEO Friendly Valid HTML5 sebagai berikut:

1. masuk blog sobat

2. pilih Edit HMTL dan pilih Template

3. cari kode ]]></b:skin> dan pasang kode CSS dibawah ini tepat diatasnya

.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;} 4. cara kode dibawah ini

<b:includable id='main' var='top'>
Dan ganti dengan kode dibawah ini
<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'> <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> <b:loop values='data:post.labels' var='label'> &#187; <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></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'/> Terakhir simpan template

Semoga bermanfaat

Sumber: +goblogination