Chỉnh sửa tiêu đề cho bài viết tạo url thân thiện cho Blog (tiếp)
Trong bài viết trước mình đã hướng dẫn các bạn sửa <title> cho bài viết và thêm mô tả cho link tiêu đề tạo ra url thân thiện cho việc SEO blog.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
