Hướng dẫn tối ưu thẻ H1 trong bài viết Blogspot

Mình tham gia khá nhiều các diễn đàn hay blogspot và nhận thấy khá nhiều bạn đang vướng phải vấn đề tối ưu thẻ H1 trong Blogspot hay chỉnh sửa tiêu đề bài viết là H1 là rất tốt cho tối ưu SEO onpage mà mặc định trong Blogspot vẫn là H3

Chính vì vậy mình quyết định viết một bài hướng dẫn cách tối ưu thẻ H1 trong Blogsot, chia sẻ cách chỉnh sửa tiêu đề H1 trong bài viết con :



Bài viết bạn có thể quan tâm tại: idichvumarketing.com
- Cách tối ưu một Blogspot chuẩn SEO
- Cách tối ưu meta Title blogspot
- Cách tối ưu meta keywords Blogspot
- Cách tối ưu Meta Description  Blogspot

1. Cách tối ưu thẻ H1 cho bài viết trong Blogspot

Với một template bất kì khi các bạn upload để dùng thì có một vấn đề là tiêu đề bài viết đang là H3 vậy để theo mong muốn chuẩn SEO onpage có được tiêu đề là H1 các bạn thực hiện như sau :

Bước 1: Đăng nhập Blog >> Chỉnh sửa HTML

Các bạn tìm tới đoạn code sau :

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

Thay thế nó bằng đoạn Code dưới đây :

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

Bước 2: Chỉnh sửa CSS cho thẻ <H1> (bạn có thể thay H3 thành H1 )

Bạn tìm các đoạn này :

.post h3 {…}<br /> .post h3 a, .post h3 a:visited {…}<br /> .post h3 a:hover {…}<br />

Thay thế nó bằng đoạn Code dưới đây :

.post h1, .post h3 {…}<br /> .post h1 a, .post h1 a:visited, .post h3 a, .post h3 a:visited {…}<br /> .post h1 a:hover, .post h3 a:hover {…}<br />

Save >> Vậy là đã xong >> Chúc các bạn thành công !

2. Hướng dẫn thay đổi tiêu đề từ H1 về H2 trong bài viết Blogspot

Sau hướng dẫn trên đổi tiêu đề thành H1 thì có rất nhiều bạn đã comment và gửi gmail cho mình với lý do là đã sử dụng Template có Code đã sử dụng một H1 đâm ra trong bài viết xuất hiện hai H1 thì các bạn có thể thay đổi cho mình như sau nhé :

Bước 1:
Bạn tìm ở CSS các đoạn có Code như ở dưới

#header h1 {...}<br /> #header h1 a,#header h1 a:visited {...}<br />
Các bạn chỉ cần thay thế  H1 thành H2 là ok

Bước 2: 
Tìm tới đoạn Code sau :

<h1 class='title'<br />
Rồi sửa chữ H1 thành H2 là xong nhé :)

Có một số bạn đã gặp khó khăn hay chưa làm được khi thay đổi H1 thành H2 với lý do có thể phụ thuộc ở Code Blogspot đó như thế nào nữa để thay đổi được, Khi bạn gặp khó khăn hay bất cứ thắc mắc gì thì cứ comment ở dưới mình sẽ giúp đỡ nhé !

Chúc bạn thành công !

Nguồn : http://www.idichvumarketing.com/