Cách tối ưu thẻ H1 cho blogspot

làm sao để tối ưu thẻ h1 cho blogspot luôn là vấn đề các bạn quan tâm khi muốn làm web trên blogspot. để giải quyết vấn đề cấp bách này mình xin mạn phép viết một bài về hướng dẫn tối ưu thẻ h1 trong blogspot
Như các bạn đã biết blogspot là một web cho phép tạo các web miễn phí. khi tạo web trên blogspot thì mặc định trong các bài viết title là h3. như thế không chẫn seo vậy nên chúng ta phải tìm cách sữa lại code của nó vậy để chuyển thể h3 thành h1 ta làm như sau

1. Cách tối ưu thẻ h1 cho bài viết

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>

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ướ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 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 {…}

2. Cách chỉnh sửa tiêu đề blogspot từ h1 về h2

Sau khi đã tối ưu tiêu đề bài viết thành thẻ H1. Một số tem sẽ gây đến trong 1 bài viết sẽ có 2 thẻ H1 vì vậy bạn cũng cần chỉnh sửa như sau:

Bước 1: Bạn tìm các đoạn css có dạng như dưới

#header h1 {...}#header h1 a,#header h1 a:visited {...}

và chữ h1 sửa nó thành h2

Bước 2: Bạn tìm các đoạn code sau

<h1 class='title'

Rồi sửa chữ h1 thành h2 

Cách tối ưu thẻ H1 cho blogspot

Trên đây là cách tối ưu thẻ h1 cho blogspot các bạn nào còn thắc mắc thì có thể comment phí dưới nhé.
chú ý: tùy vào từng theme blogspot mà các bạn tùy cách chĩnh sữa

Cách tối ưu thẻ H1 cho blogspot

Bài viết: Cách tối ưu thẻ H1 cho blogspot
Like và + 1 để ủng hộ mình nhé