Tạo thanh điều hướng tối ưu hóa SEO cho Blog

0
Để 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 == &quot;item&quot;'> <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>
&#187;
<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 != &quot;true&quot;'> &#187; </b:if>
</b:loop>
<b:else/>
&#187;T?ng h?p
</b:if>
</b:loop>
&#187; <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


Anh Tài Seo and Dev

Tôi có sở thích viết Blog để chia sẻ những kinh nghiệm của mình về kiến thức Seo và kiếm tiền Online. Nếu bạn có chung ý tưởng yêu thích Seo và kiếm tiền trên mạng hãy cùng tôi trao đổi thêm kinh nghiệm nhé