Sửa Lỗi Thẻ H1 Tại Trang Chủ Và Trang Bài Viết Blogspot

Khi cài template xong, kiểm tra bằng addon SEO doctor ta thấy blog bị lỗi thẻ H1 tại trang chủ và trang bài viết thì ta sửa lại như sau:
Sửa Lỗi Thẻ H1 Tại Trang Chủ Và Trang Bài Viết Blogspot khi kiểm tra bằng SEO Doctor

Tình huống 1: Không dùng logo

Các bạn vào Mẫu » Chỉnh sửa HTML » Tìm đến đoạn mã này:
<div id='header-wrapper'>
Thay thế nó bằng:
<div id='header-wrapper' itemscope='itemscope' itemtype='//schema.org/Organization'>

Tình huống 2: Có dùng logo

Tìm tới đoạn mã:
<!--Show the image only-->
<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' title=''/>
</a>
<!--Show the description-->
Chú ý đến đoạn này, ta chỉ thay thế nó mà thôi:
<a expr:href='data:blog.homepageUrl' style='display: block'>
......Tới........
</a>
Thanh nó thành:
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<h1 itemprop='name'>
<a expr:href='data:blog.homepageUrl' itemprop='url' 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' itemprop='logo' style='display: block'/><span><data:blog.title/></span></a>
</h1>
<b:else/>
<h3 itemprop='name'>
<a expr:href='data:blog.homepageUrl' itemprop='url' 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' itemprop='logo' style='display: block'/><span><data:blog.title/></span></a></h3>
</b:if>

Phần này chung cho cả 2 tình huống:

Tìm đoạn:
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
Thanh nó thành:
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<h3 class='title'>
<b:include name='title'/></h3>
</b:if>
</div>
Trong phần CSS sửa:
.header h1 a {.....}
Thành:
.header h1 a,.header h3 a {.....}
Sau đó thêm vào trước thẻ ]]></b:skin>
đoạn CSS sau:.header h1 a,.header h3 a, .header h1 a:visited, .header h3 a:visited{color:#fff; font-size:1px;text-decoration:none;margin:0;padding:0}
.header h1 span, .header h3 span{text-indent:-999em; display:block;}

Done! Chúc các bạn thành công
SEO Doctor blogspot lỗi thẻ H1, H2

(Nguồn: sưu tầm)

Bài viết liên quan:

Chia sẻ lên mạng xã hội | Về trang chủ | Tên miền | Tải máy ảo | Thủ thuật | SEO