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 == "item"'>
<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 == "true"'>
<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
