Tối ưu thẻ H1, H2, H3 cho blogspot

Chỉnh tiêu đề bài viết thành <h1>

Đăng nhập vào Blogger -> chỉnh sửa HTML -> Tiện ích mở rộng . 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ả.