Hướng dẫn tối ưu thẻ H1, H2 cho Blogspot

Việc tối ưu hóa các thẻ H1, H2 trên blospot là vô cùng cần thiết để có thể giúp bạn dễ dàng SEO Blogspot. Ở đây với thẻ H1 sẽ cho tiêu đề của các trang bài viết hoặc Static, còn thẻ H2 sẽ cho tiêu đề trang chủ, trang label và trang lưu trữ.

Hướng dẫn tối ưu thẻ H1, H2 cho Blogspot

Đối với các bài viết, thì thẻ H2 này chính là tiêu đề của các widget trên sidebar, footer…Trong bài viết này tôi sẽ hướng dẫn các bạn cách làm thế nào để tối ưu các thẻ H1, H2 cho Blogspot? với các bước thực hiện như sau. Do việc tối ưu can thiệp vào trong code của template blogspot vì vậy việc cần làm đầu tiên là bạn nên backup toàn bộ Template của Blog trước khi tiến hành chỉnh sửa nhé.

Bước 1: Tiến hành sao lưu template trước khi tiến hành chỉnh sửa code

Sao lưu template trước khi tiến hành chỉnh sửa code

Bước 2: Truy cập vào trang quản trị Blogger - Chủ đề - Chỉnh sửa HTML
Bước 3: Tìm đoạn code sau <div class='post hentry'> và thay thế toàn bộ nó bằng đoạn code bên dưới.

<div class='post hentry' itemprop='blogPost' itemscope='itemscope'itemtype='https://schema.org/BlogPosting'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>

Tiếp tục tìm đoạn code này hoặc đoạn code nào đó tương tự như thế:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

 Nếu là các template mới thì code có thể dạng như thế này:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

 Tiến hành thay thế toàn bộ đoạn code tìm được đó bằng đoạn code đã tối ưu này:

<b:if cond='data:post.title'>
                     <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <h2 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
     </h2>
                       <b:elseif cond='data:blog.pageType == &quot;archive&quot;'/>
<h2 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link'>
       <data:post.title/>
     <b:else/>
        <b:if cond='data:post.url'>
         <data:post.title/>
<b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h1>
</b:if></b:if>

Bước 4: Lưu template lại để hoàn thành việc chình sửa tối ưu.

Kết luận: Qua bài viết trên tôi đã hướng dẫn cho các bạn cách để tối ưu các thẻ H1, H2 trong blogspot giúp cho blogspot của bạn chuẩn SEO Onpage giúp cho việc SEO nhanh lên top.