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

Để có thể dễ dàng SEO Blogspot, việc tối ưu các thẻ H1, H2 cho Blogspot là cực kỳ cần thiết. Ở đâ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ữ. Đố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…

• Xem thêm: Hướng dẫn tạo sitemap cho Blogspot

Làm thế nào để tối ưu các thẻ H1, H2 cho Blogspot?

– Truy cập vào trang quản trị Blogger.
– Tiếp tục vào Mẫu (Template), và Chỉnh sửa HTML (Edit HTML)

– Backup hết toàn bộ code để đề phòng lúc chỉnh sửa bị lỗi thì còn phục hồi lại nhé.
– Tìm đoạn code sau:

class=’post hentry’

Nó sẽ nằm trong thẻ div như thế này: <div class=’post hentry’>

– Thay thế toàn bộ đoạn thẻ div trên bằng đoạn code này:

<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ì có thể nó sẽ 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>

– 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>

– Lưu template lại, và thế là bạn đã hoàn thành việc tối ưu hóa thẻ H1, H2 cho Blogspot của bạn rồi đấy ^_^