Tự học Seo và Kiếm Tiền Online

Xem lại bài viết trước
Tiếp theo, trong bài hướng dẫn này mình hướng dẫn tiếp các bạn chỉnh sửa tiêu đề bài viết thành <h1>.
Các bạn đăng nhập vào Blogger->Mẫu-> Chỉnh sửa HTML nhấn Ctrl +F trong khu vực code tìm đoạn code:

<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:posst.title'><data:post.title></a>
<b:else/>
<b:if cond='data:blog.pageType!="item"'>
<a expr:href='data:post.url' expr:title="data:post.title"><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Và sửa thành
<b:if cond='data:blog.pageType!="item"'>
<b:if cond='data:blog.pageType!="static_page"'>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:else/>
<h1 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr.title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
<b:else/>
<h1 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>

Tiếp theo chúng ta sẽ CSS một chút cho thẻ <h1>, bạn tìm đến dòng code:

.post h3{....}
.post h3 a,.post h3 a:visited{....}
..post h3 a:hover{....}

Và sửa thành:

.post h1, .post h3{...}
.post h1 a, .post h1 a:visited, .post h3 a, .post h3 a:visited{....}
.post h1 a:hover, .post h3 a:hover{...}

Các code css bạn giữ nguyên hoặc có thể thay đổi tùy theo ý của bạn sao cho hợp lý là được.
Lưu lại và ra blog kiểm trả kết quả.

Trong bài tiếp theo mình sẽ hướng dẫn các bạn Tạo URL Thân Thiện- Tạo Breadcrumbs Cho Blog thực hiện chiến lược SEO