Vnit Tech

Chia Sẻ Giá Trị


Liên Hệ Dịch Vụ

12 tháng 7, 2018

Blog Thiếu Thẻ H1 | Cách Tối Ưu Thẻ H1 Chuẩn

Vnit Tech
tháng 7 12, 2018 - 12 tháng 7, 2018

Mình thấy đa số các bạn làm về blogger thường thì các bạn tối ưu những thứ mình thấy được , và ít khi ai để ý những thứ ẩn bên trong nó , vẫn còn một số bạn cải tiến seo cho blogger mình thường thấy ít quan tâm đến thẻ h1 tiêu đề lắm đa số các bạn chỉ tối ưu những cái lỗi mà ta nhìn thấy được , thật buồn vì mọi người lại quên cái cốt lỗi cốt yếu bên trong đưa site ta lên có điểm + Google webmaster.

Nguyên nhân lỗi

Thực ra thẻ H1 là thẻ header của blog, thông thường các bạn để title dạng chữ thì blog bạn sẻ có thẻ H1 nhưng khi bạn thay nó thành logo thì blog bạn lại không còn thẻ H1 nữa . các bạn có thể check seo nó bằng công cụ Seo tester online bạn sẻ biết được blog mình có hay không nhé .

Trường hợp 1 không sử dụng logo hình ảnh

Bước 1 :  các bạn vào chỉnh sửa mẫu tìm đến thẻ sau .
<div id='header-wrapper'>
 Và thay chúng thành đoạn code như sau
<div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/Organization'>
 Bước 2 : tìm đoạn html sau
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
Và thay nó thành như sau
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType == "index"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<h3 class='title'>
<b:include name='title'/></h3>
</b:if>
</div>

Trường hợp 2 Sử dụng logo thay cho title blog

Bước 1 : các bạn cần tìm đoạn code sau trong phần chỉnh sửa html của blog.
<!--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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block' title=''/>
</a>
<!--Show the description-->
Sau đó các bạn chỉ thay ở chỏi thẻ mở <a đến thẻ đóng </a> thôi nhé ví dụ : 
<a expr:href='data:blog.homepageUrl' style='display: block'>
......đến........
</a>
 Và thay chúng thành đoạn code sau
<b:if cond='data:blog.pageType == "index"'>
<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 + "_headerimg"' 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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' itemprop='logo' style='display: block'/><span><data:blog.title/></span></a></h3>
</b:if>

Chỉnh SỬa lại css đôi chút

Bước 1 : tìm css sau trong mẫu
.header h1 a {.....}
Và đổi chúng thành như sau
.header h1 a,.header h3 a {.....}
Bước 2 : sau đó thêm đoạn css sau vào blog bạn và lưu lại , kiểm tra xem.
.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;}
 Sau khi đã tối ưu , hình minh họa
Ở đây : nếu muốn được 100/100 thì  chỉ cần để thẻ title trùng với các phần còn lại là được ví dụ : 
<title> STAR ÚT BLOG | Thủ thuật BLOG, Thủ thuật Seo, Thủ thuật Facebook </ title>
Nhưng vì trong bộ meta mình đã có rồi nên thẻ title mình không để quá dài nhé :))
Hình minh họa thẻ H1 phần nội dung đã tối ưu hóa

Trường hợp 3 không có thẻ <H1>

Trường hợp này cũng khá đơn giản thôi , các bạn chỉ việc tìm đến đoạn code sau 
<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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
Và thay chúng thành đoạn code như sau là được.
<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 + "_headerimg"' 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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</b:if>

Lời kết

Chúc các bạn thành công nhé , nếu thấy hay share hộ phát nhé .
DMCA.com Protection Status