Cách tạo breadcrum hỗ trợ seo cực tốt cho blogspot

Seo breadcrum là một phần không thể thiếu trong việc seo blogspot , hoặc là seo cho website, nó giúp tối ưu hóa blog's hoặc tối ưu hóa website của bạn để thân thiện với người dùng hơn
Breadcrum là gì ?
Breadcrum đơn giản là một tập hợp liên kết dạng như nó sẽ chỉ cho bạn biết bạn đang ở mục nào đó trong website
Ví dụ : iChiaSẻ Blog's >>Thủ Thuật Blogger >> Cách tạo breadcrum hỗ trợ seo cực tốt cho blogspot

Cách tạo breadcrum hỗ trợ seo cực tốt cho blogspot 

Seo Breadcrum có ích lợi gì không ?

Người dùng biết được vị trí của mình trên Site
Tạo sự khác biệt và đẹp hơn trên kết quả tìm kiếm
Thuận tiện di chuyển đến các trang mà không phải di chuyển vể trang chủ
Breadcrumbs giúp ích cho việc SEO: giảm tỷ lệ thoát của website.
Google cũng đánh giá thông qua Breadcrumbs của site.
Và google thì nó giúp website của bạn đẹp hơn khi seo.
Như vậy việc tạo Breadcrumbs rất cần thiết cho việc SEO website, SEO blogger.
Cách tạo Breadcrums như thế nào là hiệu quả ? và hôm nay mình xẽ hưỡng dẫn các bạn Cách tạo breadcrum hỗ trợ seo cực tốt cho blogspot 

B1: Vào Template (Mẫu) > Edit HTML (chỉnh sửa HTML) chọn Expand the Widget Templates (Mở rộng Mẫu tiện ích)

B2:Thêm mã css sau và trước ]]></b:skin>

/*Breadcrumbs iChiaSe.Biz*/

.breadcrumbs {
background: #fff;
color: #333;
padding: 5px;
margin-bottom: 5px;
}
.breadcrumbs span a{
background-color: #0082bb;
font-size: 1em;
display: inline-block;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
padding-top: 3px;
margin-left: 10px;
font-weight: normal;
color: #fff;text-decoration: none;font-size: 1em;
}
.breadcrumbs b{
background-color: #0e3655;
display: inline-block;
padding-left: 10px;
padding-right: 10px;
font-weight: normal;
color: #fff;text-decoration: none;
}
.breadcrumbs a{color:#000}
.breadcrumbs a:hover{color:#bbb}

Bước 3 các bạn tìm :

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

Và Thêm vào đoạn code sau vào bên dưới:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='Breadcrumbs'>
<div itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' rel='tag'> <span itemprop='title'><data:blog.title/></span></a> »</div>
<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;'>
<div itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a> »</div>
</b:if>
</b:loop>
<span><data:post.title/></span>
</b:if>
</b:loop>
</div>
</b:if>

Bạn có thể thay phần chữ màu kia thành "Home" hay chữ j tùy ý cũng được ko để vậy nó sẽ tự động lấy title của blog bạn chèn vào

Chú ý bạn cần sủa lại file robots.txt của blogspot cho phép nó index cả label nhé

Cuối cùng là bạn đợi google update lại web của bạn thôi chúc các bác thành công
Demo các bạn xem trực tiếp tại Blog iChiaSe.Biz nhé!
Chúc các bạn thành công

Nguồn : iChiaSe.Biz

Tag : Thủ Thuật Blogger