Tạo thanh điều hướng tối ưu hóa SEO cho Blog
Để website blog của bạn được SEO tốt hơn trên Google có rất nhiều cách. Hôm nay mình giới thiệu với các bạn cách tạo thanh điều hướng cho Blog
Bước 1: Đăng nhập vào blogger.com bằng gmail của bạn sau đó chọn Mẫu -> Tùy chỉnh HTML
Bước 2: Click chuột vào trong khung code. Nếu code không hiện nhấn Trở Lại rồi vào lại. Nhấn Ctrl + F và tìm với dòng code sau : ]]></skin:bb>
Thêm đoạn code sau vào trước nó:
.breadcrumbs{padding:5px;background-color:#EEE;font-size:90%;color:black;height:16px;line-height:16px}
.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;}
Tiếp tục nhấn Ctrl + F tìm code sau: <b:includable id='post' var='post'>
Rồi thay thế bằng code sau:
<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>
Bước 3: Lưu kết quả lại và kiểm tra bằng công cụ kiểm tra cấu trúc của Google
Chúc các bạn thành công
