Membuat Breadcrumb SEO Friendly Di Blog

Membuat Breadcrumb SEO Friendly Di Blog | Breadcrumbs biasanya muncul horizontal di bagian atas halaman web, sering di bawah bar judul atau header. Mereka menyediakan link kembali ke halaman sebelumnya setiap pengguna navigasikan melalui untuk sampai ke halaman saat ini atau di situs-hirarkis struktur-halaman induk yang sekarang.Breadcrumbs memberikan jejak bagi pengguna untuk mengikuti kembali ke titik awal atau entri.  A lebih besar daripada-tanda (>) sering berfungsi sebagai pemisah hirarki, meskipun desainer dapat menggunakan mesin terbang lainnya (seperti »atau>), serta sebagai pengobatan berbagai grafis.

Home page > Section page > Subsection page

or

Home page : Section page : Subsection page

Membuat Breadcrumb SEO Friendly Di Blog

• Login ke Blogger
• Pilih Template >> Edit HTML >> Conntreng Expand Widget Templates.
• Cari kode ]]></b:skin> Untuk mempermudah sobat bisa gunakan F3 atau Ctrl+F
• Copy lalu pastekan kode di bawah ini tepat di atas kode ]]></b:skin>

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}

• Setelah itu cari kode <b:includable id='main' var='top'>
• Setelah ketemu, ganti kode <b:includable id='main' var='top'> 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' 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'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</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'/>

• Simpan.

+1 Jika anda menyukai Artikel ini

Anda baru saja membaca artikel yang berkategori SEO dengan judul "Membuat Breadcrumb SEO Friendly Di Blog". Anda bisa bookmark halaman ini dengan URL http://tc-trik.blogspot.com/2014/12/membuat-breadcrumb-seo-friendly-di-blog.html.

Artikel Menarik Lainnya