Tối ưu thẻ h1 (Heading ) cho blogspot

Tối ưu thẻ h1 - Heading Tag (H1, H2, H3, H4, H5) cũng rất quan trọng đối với SEO. Tất cả các tiêu đề Widget của blogspot sử dụng thẻ H2. Nhưng template lại thường sử dụng H3 cho tiêu đề bài đăng và rất nhiều template khác sử dụng thẻ H2 cho tiêu đề bài.

Để nâng cao SEO, bạn cần sử dụng thẻ H1 cho tiêu đề bài viết. Ví dụ đoạn code sau:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Trong ví dụ này thì template sử dụng thẻ H3 cho phần tiêu đề bài (nếu bạn không tìm ra thì có thể template của bạn sử dụng thẻ H2). Thay thế thẻ H3 (H2) trong ví dụ trên thành H1:

<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

Sau đó bạn cần sửa lại code CSS tương ứng của phần tiêu đề bài viết, làm tương tự như trên (thay H3 thành H1) hoặc chỉnh lại kích cỡ font của phần tiêu đề bằng cách thêm đoạn code sau vào trước ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
Ở đây font-size là 1.5em, bạn có thể điều chỉnh theo ý muốn

Posted in: seo