 |
| Tối ưu tiêu đề blog h1 cho blogspot |
Do vậy đoạn code mà mình chia sẻ dưới đây sẽ làm cùng lúc 2 nhiệm vụ là tối ưu lỗi HTML5 tại logo và đặt lệnh điều kiện để nhận tiêu đề blog ở trang chủ làm thẻ h1, tiêu đề blog sẽ tự động đổi thành thẻ h3 khi ở bài viết. Lúc đó tiêu đề bài viết sẽ chuyển thành thẻ h1 để bạn có thể dễ dàng SEO bài viết hơn
Xem thêm: Tối ưu thẻ Heading H1 cho blogger
Về phần tối ưu tên bài viết làm thẻ h1 sẽ được mình chia sẻ sau, bài này mình chỉ hướng dẫn tối ưu phần logo thôi.
Hướng dẫn tối ưu logo tiêu đề blogger
Bước 1: Đăng nhập vào blogger.com và chuyển đến phần mẫu
Bước 2: Tìm đoạn code bên dưới
<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'/>Bước 3: Thay đoạn code vừa tìm được ở bước 2 thành:
<b:if cond='data:blog.pageType == "index"'>Kiểm tra: Bạn dùng tiện ích SEOquake và kiểm tra ở trang chủ. Tên blog đã được chọn làm thẻ h1 ở trang chủ và tự động chuyển thành thẻ h3 ở trang bài viết.
<h1 itemprop='name'>
<a expr:href='data:blog.homepageUrl' itemprop='url'>
<img expr:alt='data:title' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:style='"height:" + data:height + "width:" + data:width + "display: block"'/><span style='display: none;'><data:blog.title/></span></a></h1>
<b:else/>
<h3 itemprop='name'>
<a expr:href='data:blog.homepageUrl' itemprop='url'>
<img expr:alt='data:title' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:style='"height:" + data:height + "width:" + data:width + "display: block"'/><span style='display: none;'><data:blog.title/></span></a></h3>
</b:if>
Chúc các bạn thành công!
Tuyệt vời. Rất là nhanh