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

Hướng dẫn tối ưu thẻ H1, H2 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)

Chỉnh sửa HTML Blogspot

- 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 ^_^
_CTPG_

Trần Bá Đạt (_CTPG_)

Là một người yêu thích công nghệ thông tin và hiện đang là một SEOer, một Marketer. Trong đó tranbadat.info là một trong những dự án của mình nhằm cung cấp nhiều kiến thức hơn cho mọi người về Internet, SEO, BlogspotWindows

Post a Comment

bạn cho mình đặt liên kết với, đồng ý thì qua nhà mình cmt nhé
site: http://khongphaixoan.blogspot.com

chưa làm được bị lỗi schema blogposting @@

http://www.phukienpx.com

Có ai làm đc rồi ko sao mình bị lỗi vậy

Bạn gởi web bạn lên mình kiểm tra cho :)

http://www.dienlanhthaiquan.com/
bác ơi kiểm tra dùm em nha. E làm quài không được

Gởi luôn code bạn lên mình sửa cho nha, chứ vào web thôi thì cũng không sửa được :(

uhm gửi code thế nào vậy bác. xin chỉ giáo em còn gà mờ hihi

Bạn up file xml của blog bạn rồi gởi link vào đây, mình sẽ tải về kiểm tra cho @-)

Ad cho hỏi Ad có bài nào hướng dẫn chuyển từ h2 tittle bài viết sang h1 không? hướng dẫn cụ thể giúp mình với! thanks! :))

MÌnh làn rùi không biết được chưa, bạn kiểm tra hộ mình với :https://phukiencuakinhs.blogspot.com/
Cám ơn Đạt nhiều

Chào Đạt, mình chỉ làm được bước 2, bước 1 Blog báo lỗi code, bạn xem lại code có bị lỗi gì không hoặc vui lòng kiểm tra giúp mình, Tks
http://www.caphechin.com/

Lỗi code là do bạn thêm vào sai chổ nên gây thiếu thẻ đóng. :>)

[blogger]

Contact Form

Name

Email *

Message *

Javascript DisablePlease Enable Javascript To See All Widget