Mặc dù việc tạo thanh điều hướng cho blogspot đã được nhiều bài viết đề cập nhưng phần lớn thì vẩn chưa đúng cấu trúc SEO và ko thể hiển thị thị kết quả tìm kiếm của Google.
Tiến hành :
1. Đang nhập vào Blogger.com sau đó tiến hành chỉnh sửa mẫu
2. Bật chế độ xem toàn bộ code chi tiết (Expand Widget Templates) và tìm ]]></b:skin>.
Thay thế ]]></b:skin> bằng đoạn CSS
.breadcrumbs{padding:5px;background-color:#EEE;font-size:90%;color:black;height:16px;line-height:16px}Tiếp tục nhấn Ctrl+F để tìm đoạn XML sau :
.breadcrumbs{padding:5px;background-color:#EEE;font-size:80%;color:black;height:16px;line-height:16px}
.breadcrumbs a{color:#B30B0B}
.breadcrumbs a:hover{color:black}
a.bhome{display:block;height:16px;float:left;text-indent:-9999px;background-repeat:no-repeat;}
]]></b:skin>
<b:includable id='post' var='post'>
Thay thế nó bằng :
<b:includable id='post' var='post'> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a class='bhome' expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Trang chủ</a></span>
»
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<span typeof='v:Breadcrumb'>
<a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
<b:if cond='data:label.isLast != "true"'> » </b:if>
</b:loop>
<b:else/>
»Tổng hợp
</b:if>
</b:loop>
» <data:post.title/>
</div>
</b:if>
Sao lưu kết quả, và kiểm tra bằng công cụ kiểm tra cấu trúc của google tại đây : Link
Chúc các bạn thực hiện thành công !
Password giải nén file ( nếu có ) : www.7phut.net
Click vào đây để thông báo nếu bạn không download đựơc phần mềm này ?


Bạn có chắc cái này được không tại mình thấy có nhiều bài thế này nhưng áp dụng thì không có tác dụng trên Google :(
Trả lờiXóa