Chỉnh tiêu đề bài viết Blog thành H1

Mặc đinh, bài viết mỗi Blog sẽ là thẻ <H2> đối với các template chuẩn seo, <H3> với các template bình thường. Mà trong quá trình Index, Google lại ưu tiên thẻ <H1> trước, sau đó mới đến các thẻ <H2>,<H3>,<H4>,...Bài viết sau đây sẽ giúp các bạn chỉnh sửa Tiêu đề bài viết trong Blog của bạn thành thẻ <H1>.

Đăng nhập vào Blogger -> Mẫu -> chỉnh sửa HTML 
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>

(Lưu ý: có một số template là thẻ <h3> thành <h2>, 

nên nếu bạn không tìm được theo cấu trúc trên thì bạn có thể thay thẻ h3 thành thẻ h2 rồi search)

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>

Sau đó bạn nên chỉnh sửa CSS cho thẻ H1 như sau :

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

Tweet