SEO cho Blogger: Tối ưu hóa thẻ Heading H1, H2 và H3

Từ khóa rất quan trọng cho SEO và theo đó thẻ Heading h1 cũng rất quan trọng cho vấn đề SEO Blogger. Trong bài này chúng tôi sẽ hướng dẫn các bạn tối ưu hóa các thẻ heading h1, h2 và h3 trong blogger để tốt cho SEO.

Lưu ý:

1. Chỉ có 1 thẻ h1 duy nhất trong 1 trang.
2. Seo bài viết nào thì bắt buộc thẻ tiêu đề bài đó phải là h1.

Có thể có những mẫu Template dành cho Blogger đã tối ưu hóa thẻ H1, nhưng có những mẫu template lại chưa. Vì vậy chúng ta sẽ bắt đầu từ bước check xem Mẫu Template đã tối ưu chưa, nếu chưa mới tiếp tục tiến thành từng bước theo các hướng dẫn dưới.

1- Kiểm tra xem Blogger đã tối ưu thẻ h1 chưa

Truy cập bài viết bất kỳ của Blogger bằng trình duyệt Chrome,  (nếu chưa có bài nào thì hãy tạo một bài viết ngắn có đủ tiêu đề và nội dung).

Tại vị trí bất kỳ trên trang click phải chuột chọn Xem nguồn trang. Nhấn tổ hợp phím Ctrl+f tìm <h1.

Ví dụ trong bài viết: SEO cho Blogger: Tối ưu hóa Robot.txt tại xem nguồn trang mà thấy thẻ H1 duy nhất và cũng chính là tiêu đề bài viết như hình dưới>

Việc của bạn khì thấy blog có duy nhất 1 thẻ h1 và cũng chính là tiêu đề bài viết thì hãy thoát khỏi bài viết này bởi mẫu Template blog bạn đã tối hóa h1!

Các trường hợp còn lại, có thể xảy ra các trường hợp như: có 2 hoặc nhiều thẻ h1, thẻ h1 không phải tiêu đề bài viết... thì bắt buộc phải chỉnh sửa mẫu Template của Blog để tối ưu.

2- Tối ưu thẻ h1 cho Blogger

Để chỉnh sửa Code trong blogspot thì bạn truy cập Blogger -->>> [Chủ đề] -->>> [Chỉnh sửa Html]

Click vào khung code, nhấn tổ hợp phím Ctr+F, gõ 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 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>, tìm đến dòng

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

Lưu lại và kiểm tra kết quả như phần 1- Kiểm tra xem Blogger đã tối ưu thẻ h1 chưa.

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