Sửa lỗi blogspot không có thẻ H1

Hướng dẫn chỉnh sửa Blogspot không có thẻ heading H1 ở trang chủ mới nhất cho các bạn newbi tự học seo nhé.

Sửa lỗi blogspot không có thẻ H1

Thực trạng hiện nay rất nhiều các bạn gặp lỗi này Blogspot không có thẻ H1 và không biết làm sao, không biết về code là một khó khăn khiến các bạn ngại chỉnh sửa. Cũng một phần làm cho những người mới tự học seo trở nên chán nản, nghĩ rằng không chuẩn seo thì làm sao mà seo được chứ.

Vì sao gặp lỗi blogspot không có thẻ H1

Đó là thẻ header trên blogspot, thông thường nếu bạn để nó là TEXT thì nó là thẻ H1 nhưng khi thay nó là logo thì blogspot của bạn không có thẻ H1 khi check với chkme.

Nên xem :  Thủ thuật blogspot cho dân tự học seo

Làm sao để khắc phục lỗi blogspot không có thẻ H1

Để khi bạn chèn logo cho bogspot nhưng không bị lỗi thẻ H1 thì khá đơn giản, các bạn cân cài đặt 1 tý trên template blogspot của mình. Trong Mẫu > Chỉnh sửa HTML thao tác bàn phím Ctrl + F tìm đến đoạn code

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>

Và bây giờ chúng ta dùng thẻ điều kiện nhằm mục đích để logo này khi hiển thị ở trang chủ là thẻ H1 còn ở trang khác thì ko phải, vì nếu ở trang bài viết vẫn là H1 thì tiếp tục gặp lỗi 2 H1 ở trang bài viết chi tiết.
Chỉnh sửa đoạn code ở trên thành

<div id='header-inner'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h1 expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</h1>
<b:else/>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</b:if>

Đơn giản chỉ cần có thế thôi bạn đã chỉnh sửa lỗi thẻ H1 hoàn chỉnh cho blogspot của bạn rồi đấy. Mọi thắc mắc hãy để lại comments bên dưới tôi có thể giúp bạn.