Tối ưu hóa thẻ H trong Blogspot

Mình là thành viên mới của diễn đàn. Cũng có chút thời gian tìm hiểu cách tối ưu hóa cho Blogspot nên muốn chia sẻ cùng với anh em. Bài này mình sưu tập được có gì anh em chém nhẹ tay nhé

Theo mặc định ở trang chủ

<h1>Tiêu đề Blog</h1>
<h3>Tiêu đề bài viết đầu tiên</h3>
<h3>Tiêu đề bài viết thứ hai</h3>
<h2> Tiêu đề Sidebar Gadget </h2>

Mình sẽ sửa lại thành

<h1>Tiêu đề Blog</h1>
<h2> Tiêu đề bài viết đầu tiên </h2>
<h2> Tiêu đề bài viết thứ hai </h2>
<h4> Tiêu đề Sidebar Gadget </h4>

Theo mặc định ở 1 bài viết

<h1>Tiêu đề Blog</h1>
<h3>Tiêu đề bài viết</h3>
<h2>Tiêu đề Sidebar Gadget</h2>

Mình sẽ sửa lại thành


<h2>Tiêu đề Blog</h2>
<h1>Tiêu đề bài viết</h1>
<h4> Tiêu đề Sidebar Gadget </h4>

Bắt đầu thôi nào

Vào phần edit Template của Blogspot



Bước 1: Chỉnh sửa thẻ H1
Ctrl +F và tìm <h1



Theo ảnh chúng ta thấy được thẻ h1 đầu tiên là :
<h1 class='title' style='background: transparent; border-width: 0px'>

Ta sẽ thay thế thẻ này bằng đoạn code sau :

<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType == "archive"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:else/>
<h2 class='title' style='background: transparent; border-width: 0px'>
</b:if>
<b:else/>
<h1 class='title' style='background: transparent; border-width: 0px'>

</b:if>

Đối với thẻ đóng </h1> ta sẽ thay chúng bằng đoạn code:

<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType == "archive"'>
</h1>
<b:else/>
</h2>
</b:if>
<b:else/>
</h1>
</b:if>

Kết quả sau cùng ta được tương tự như hình :



Làm tương tự với các thẻ h1 còn lại là bạn đã hoàn thành bước thứ nhất

Bước2: Chỉnh sửa thẻ h3
Ctrl+F và seach : <h3




Như ở hình trên ta lấy được h3 là : <h3 class='mobile-index-title entry-title' itemprop='name'>

Thay thế chúng bằng đoạn code sau :

<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType == "archive"'>
<h2 class='mobile-index-title entry-title' itemprop='name'>
<b:else/>
<h1 class='mobile-index-title entry-title' itemprop='name'>
</b:if>
<b:else/>
<h2 class='mobile-index-title entry-title' itemprop='name'>

</b:if>

Đối với thẻ đóng </h3> ta thay bằng đoạn:

<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:blog.pageType == "archive"'>
</h2>
<b:else/>
</h1>
</b:if>
<b:else/>
</h2>

</b:if>

Kết quả cuối cùng ta được



Làm tương tự với các thẻ H3 còn lại sẽ hoàn thành bước thứ 2

Bước 3: Cuối cùng bạn tìm tất cả các thẻ :

<h2><data:title/></h2>

Và thay thế bằng

<h4><data:title/></h4>

Sau các bước này bạn đã có một blogspot với các thẻ H đã tối ưu.
Các bạn có thể tham khảo : alonestarlove (dot) blogspot (dot) com để thấy được
Vì là bài viết đầu nên văn thơ không được chuẩn cho lắm. Mong mọi người đóng góp ý kiến

 

Mình mới tham gia, can thiệp mấy cái thẻ H này còn vụng lắm! Thanks!

 

Mình cũng biết chút ít, có gì cần giúp đỡ bạn có thể để lại tin nhắn tại topic

 

Mình mới tham gia, mong các bác giúp đỡ

 

mình mới dùng và chưa tối ưu nhiều về phần code này .cảm ơn bạn đã chia sẻ

 

Bác thớt log - lưu lại thử nó có bị báo thiếu h2 ko? Ku Thớt vô kiểm tra đi, thêm vô các thẻ ảnh demo nó báo đỏ thế mà cũng hướng dẫn.

 

Mình đã l

Mình đã làm và áp dụng lên các site của mình đây là
ví dụ mình muốn gửi đến bạn http://baydidau. blogspot. com

 

Mình làm theo và cũng bị bão lỗi ở h2 mà chả tìm nguyên nhân sao cả. Thớt giúp e với ạ .Cám ơn thớt

 

mình sửa mấy thẻ H này xong toàn bị lỗi, k save được nên ít khi đụng vào, có thế nào thì seo thế đây vậy

 

Mấy cái thẻ h này sửa thì nên sửa cái h3 thôi còn những code khác của blogspot thì không nên đụng vào mới ít bị lỗi, chứ sửa thêm cái code của blogspot mà không biết cái đó làm chức năng gì thì lỗi chắc chắn.