Hướng dẫn tạo Breadcrumb cho blogspot nhanh nhất

Sau đây mình sẽ hướng dẫn các bạn tạo Breadcrumb cho blogspot nhanh nhất. Breadcrumb sẽ giúp cho bài viết của bạn được đánh chỉ mục rõ ràng, điều này sẽ giúp cho bot google (Bọ tìm kiếm) dễ lập chỉ mục website của bạn hơn.

Đồng thời Breadcrumb là một trong những tiêu chí mà Google đưa ra để xếp blog, website của bạn thân thiện hơn với searcher và các search engine (Friendly Site).

Dưới đây là hình ảnh hiển thị dạng Breadcrum khi hiển thị trên công cụ search của Google. Bài viết này mình hướng dẫn trên Blogspot, còn trên WordPress đơn giản hơn các bạn chỉ cần tìm và cài plugin RDFa Crumbs bật plugin này lên và chèn mã sau vào template bạn đang sử dụng là chạy ok

<?php if(function_exists('rdfa_breadcrumb')){ rdfa_breadcrumb(); } ?>

breacrum

Để có thể tạo breadcrumb cho blogspot các bạn làm theo những bước sau.

Bước 1: Login vào blogger chọn blog muốn thêm sau đó chọn menu Mẫu (Template) và chọn Chỉnh sửa HTML (Edit HTML).

Bước 2: tìm đoạn code

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

Thêm vào bên dưới:

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

Bước 3: Tìm tiếp đoạn code

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

Thêm vào bên trên:

 

<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 –><a href=”http://huongdan365.com”></a><p class=’breadcrumbs’> <span class=’post-navigation’><a expr:href=’data:blog.homepageUrl’ rel=’tag’> Home </a>
<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;’>

<a expr:href=’data:label.url’ rel=’tag’>
<data:label.name/>
</a>
</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 post-navigation’>
<a expr:href=’data:blog.homepageUrl’>
Home
</a>
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 post-navigation’>
<b:if cond=’data:blog.pageName == &quot;&quot;’>
<a expr:href=’data:blog.homepageUrl’>
Home
</a>
All posts
<b:else/>
<a expr:href=’data:blog.homepageUrl’>
Home
</a>
<span>Posts filed under
<data:blog.pageName/></span>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

 

Ok xong!

Đơn giản như vậy đó các bạn thế là đã hoạt động. chúc thành công!

Leave a Reply

Scroll To Top