Hướng dẫn tối ưu thẻ H1 cho BLOGSPOT

Tuy Blog là 1 công cụ tạo website miễn phí đáng sử dụng , nhưng nhiều người gặp khó khăn trong vấn đề tối ưu các thẻ Heading

Bài viết này mình xin chia sẻ cách tối ưu thẻ H1 cho BLOGSPOT

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

- Thường để tối ưu seo cho 1 bài viết thì tiêu đề bài viết mọi người thường để trong thẻ h1. Có 1 điều bất cập là khi mọi người down template trên mạng về dùng thì thường tiêu đề bài viết thường để trong thẻ h3 ,h2 vì vậy để chuyển nó về thẻ h1 chúng ta cân làm như sau:

Đăng nhập Blog ==> Chỉnh sửa HTML (Chú ý các bạn nên down code về để tránh trường hợp trong quá trình lỗi code còn có bản gốc. Các bạn có thể down về rồ chỉnh sửa bằng Notepad++ )

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

<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/>
<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 nó 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/>
<b:if cond='data:post.url'>
<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>
<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>
<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>

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 {…}
.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 {…}

2. Cách chỉnh sửa tiêu đề blogspot từ h1 về h2

Sau khi đã tối ưu tiêu đề bài viết thành thẻ H1. Một số tem sẽ gây đến trong 1 bài viết sẽ có 2 thẻ H1 vì vậy bạn cũng cần chỉnh sửa như sau:

Bước 1: Bạn tìm các đoạn css có dạng như dưới

#header h1 {...}
#header h1 a,#header h1 a:visited {...}

và chữ h1 sửa nó thành h2

Bước 2: Bạn tìm các đoạn code sau

<h1 class='title'

Rồi sửa chữ h1 thành h2 

Tuy nhiên không phải Template nào cũng như vậy ,sẽ có những template đặc biệt . Nếu bạn nào gặp khó khăn trong quá trình chỉnh sửa hãy comment để mình giúp đỡ ! :D