Cara Membuat Breadcrumb Valid HTML5 Terindex Google

Alhamdulillah akhirnya Diva Seo bisa posting lagi yang awalnya saya posting tentang Jual Beli Blog dan sekarang saya posting tentang Cara Membuat Breadcrumb Valid HTML5 Terindex Google - Breadcrumbs SEO Friendly dan Valid HTML5 - Cara Membuat Breadcrumb Terindex Google - Cara Memasang Breadcrumb Terindex Google - Membuat Blog Lebih SEO Dengan Memasang Breadcrumb di Blog atau gampangnya Cara Memasang Label Terindex Google.

Pembahasan tentang Breadcrumbs, Breadcrumbs Bukan hanya sekedar kabar, dengan adanya Breadcrumbs akan menambah nilai SEO untuk blog, apa lagi Breadcrumbs Valid HTML5 lebih SEO Friendly. Bila Breadcrumbs lawas sudah biasa dan sudah banyak di posting oleh sobat blogger, tetapi kali ini Diva Seo akan bicara tentang Breadcrumbs SEO Friendly dan Valid HTML5. dan langkah langkahnya silahkan di baca dan di copy untuk menggunakan »

Langkah awal » Simpan kode di bawah ini di atas ]]></b:skin> atau cari kode ]]></b:skin>
.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}

Langkah ke 2 » Cari kode <b:includable id='main' var='top'> kemudian ganti dengan kode di bawah 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'/>

Apabila sobat sudah pernah menerapkan breadcrumbs pada blog sobat, maka silahkan cari kode seperti di bawah ini »
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'>
<a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a>
</span>
<b:loop values='data:post.labels' var='label'> &#187;
<span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>

Lalu ganti dengan kode di bawah ini »
<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>

Semoga berhasil dan sebelum Diva Seo akhiri postingan Cara Membuat Breadcrumb Valid HTML5 Terindex Google - Breadcrumbs SEO Friendly dan Valid HTML5 - Cara Membuat Breadcrumb Terindex Google - Cara Memasang Breadcrumb Terindex Google dan Cara Memasang Label Terindex Google ini. Silahkan kunjungi juga Cara Membuat Blog tetapi bagi yang masih belum bisa Membuat Blog. :)

2 komentar