Cách tối ưu thẻ H1 cho tiêu đề bài viết blogspot. Cách cho tiêu đề bài viết vào thẻ H1 làm sao cho tiêu đề bài viết vào thẻ H1 để tối ưu cho seo
Sau đây Bít Tuốt xin hướng dẫn các bạn Cách tối ưu thẻ H1 cho tiêu đề bài viết blogspot để blog bạn có thể Onpage chuẩn SEO hơn
Cách tối ưu thẻ H1 cho tiêu đề bài viết blogspot
- Thường để tối ưu seo cho 1 bài viết thì tiêu đề bài viết mọi người thường để trong thẻ h1. Có 1 điều bất cập là khi mọi người down template trên mạng về dùng thì thường tiêu đề bài viết thường để trong thẻ h3 vì vậy để chuyển nó về thẻ h1 chúng ta cân làm như sau:
Bước 1: Đăng nhập Blog ==> Chỉnh sửa HTML (Chú ý các bạn nên down code về để tránh trường hợp trong quá trình lỗi code còn có bản gốc. Các bạn có thể down về rồ chỉnh sửa bằng Notepad++ )
Các bạn 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>
<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>
Và sửa nó 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>
<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>
Bước 2: Chỉnh sửa CSS cho thẻ <h1> (bạn có thể thay h3 thành h1 )
Bạn tìm các đoạn này
.post h3 {…}
.post h3 a, .post h3 a:visited {…}
.post h3 a:hover {…}
và sửa thành :.post h3 a, .post h3 a:visited {…}
.post h3 a:hover {…}
.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 {…}
.post h1 a, .post h1 a:visited, .post h3 a, .post h3 a:visited {…}
.post h1 a:hover, .post h3 a:hover {…}
Chúc các bạn thành công ! Mọi thắc mắc vui lòng comment phía dưới để được giúp đỡ
Bài viết đưuọc viết bởi bittuotblog.blogspot.com/ - bittuotblog.blogspot.com/2014/03/toi-uu-h1-cho-tieu-de-bai-viet-blogspot.html
Anh ơi cho em hỏi bây giờ em muốn chỉ hiện 1 bài đăng nào đó trên toàn trang chủ thì làm thế nào anh sửa code giúp em với site của em đây ạ www(.)dieutribenhrungtoc(.)com giống với site này ạ 8dichvuseo(.)com anh xem giúp em với ạ em cám ơn nhiều em đang cần lắm
ReplyDeleteadd cho e hỏi đoạn code: .post h3 {…}
ReplyDelete.post h3 a, .post h3 a:visited {…}
.post h3 a:hover {…} em tìm không ra, có cách nào giúp e với??
mình tìm cũng không thấy nữa
Deletebài viết rất chi tiết, em đã áp dụng cho một số site của em
ReplyDeletetư vấn du học nhật bản, du học hàn quốc vừa học vừa làm