Sửa lỗi thẻ H1 tại trang chủ và trang bài viết cho blogspot

Thông báo: Thủ thuật này đã cũ (2015) và chỉ áp dụng cho temeplate version 1. Với các mẫu v.2 chia sẻ hiện tại thì hầu như không cần phải sửa vì đã được tối ưu cả rồi.

Tất cả các blogspot khi tiến hành cải thiện seo với việc chỉnh sửa tối ưu thẻ h1 và h3 thì đến 90% các bạn ít quan tâm tới việc phân bổ thẻ H1 khi nó được gán là tiêu đề blogspot tại các trang trong blogspot.

Xin lưu ý:

- Lỗi thẻ H1 chỉ xẩy ra khi bạn đã tối ưu thẻ tiêu đề bài viết H3 mặc định của blogger khi xem trang bài viết thành thẻ H1 khi xem ở trang bài viết. Thông qua thủ thuật Sửa tiêu đề bài viết thành H1

- Cần xem người thiết kế template họ để tiêu đề bài viết là H3 hay H2 bằng cách vào trang chủ blogspot chuột phải chọn xem mã nguồn.


Như trong ảnh họ đặt tiêu đề bài viết là H3

Code bài này viết cho tiêu đề bài viết là H3 nếu template của bạn tiêu đề bài viết là H2 thì phải đổi toàn bộ H3 trong code thành H2.
Khắc Phục Lỗi Thẻ H1 Tại Trang Chủ Và Trang Bài Viết
Tiêu đề blog là H1 ở trang chủ
Khắc Phục Lỗi Thẻ H1 Tại Trang Chủ Và Trang Bài Viết
Tiêu đề bài viết là H3 ở trang chủ
Sẽ xẩy ra 2 trường hợp

Trường hợp 1:Không sử dụng logo

Trong trường hợp này blogger sẽ lấy tiêu đề blogspot là chữ làm thẻ H1

Tại trang chủ mọi chuyện rất ổn vì tiêu đề blog là H1 và tiêu đề bài viết là H3 hoặc H2 tùy thuộc vào người chỉnh template.

Nhưng ở trang bài viết lại xẩy ra vấn đề là có 2 thẻ H1 vì 1 của tiêu đề blog và 1 của tiêu đề bài viết sau khi đã tối ưu thẻ h3 thành h1

Trường hợp 2: Sử dụng logo(hình ảnh) thay cho tiêu đề blog.

Khắc phục lỗi thẻ H1 tại trang chủ và trang bài viết


Trong trường hợp này blogger tự động xóa bỏ thẻ h1 và thay thế là hình ảnh do vậy trang chủ không có thẻ h1

Nếu các bạn kiểm tra trên một số công cụ seo online thì thấy rõ vấn đề này.
Vậy làm thế nào để khắc phục việc thiếu và trùng lặp thẻ h1 tại trang chủ và trang bài viết.

Công việc cần làm là:Sửa lỗi thẻ H1 tại trang chủ và trang bài viết cho blogspot


Đối với trường hợp 1:Không sử dụng logo(hình ảnh)

Các bạn vào chỉnh sửa mẫu tìm tới đoạn:
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
Tôi lấy cả <!--No header image --> để các bạn dễ nhận thấy nó trong mẫu.
Sửa thành:
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'> 
<b:if cond='data:blog.pageType == &quot;index&quot;'> 
<h1 class='title'> 
<b:include name='title'/> 
</h1>
<b:else/> 
<h3 class='title'> 
<b:include name='title'/></h3> 
</b:if>
</div>

Đối với trường hợp 2:Sử dụng logo thay cho tiêu đề blog(trường hợp này là phổ biến)

Với trường hợp này bạn tìm tới đoạn code:

<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block' title=''/>
</a>
<!--Show the description-->

Nhưng ta chỉ cần thay từ

<a expr:href='data:blog.homepageUrl' style='display: block'>
......Tới........
</a>

Và thay nó thành:

+ Cách 1

<b:if cond='data:blog.pageType == &quot;index&quot;'> 
<h1 itemprop='name'>
<a expr:href='data:blog.homepageUrl' itemprop='url' style='display: block'> 
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' itemprop='logo' style='display: block'/><span><data:blog.title/></span></a> 
</h1>
<b:else/> 
<h3 itemprop='name'>
<a expr:href='data:blog.homepageUrl' itemprop='url' style='display: block'> 
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' itemprop='logo' style='display: block'/><span><data:blog.title/></span></a></h3>
</b:if>

Sau đó tìm tại phần css của bog chỉnh độ lớn tiêu đề blog bằng 0
#header h1,#header h2,#header h1 a,#header h2 a{text-indent:-9999px;font-size:0px;margin:0;padding:0}

+ Cách 2

<b:if cond='data:blog.pageType == &quot;index&quot;'> 
<h1 style='text-indent:-9999px;margin:0;padding:0;height:0'><b:include name='title'/></h1>
<b:else/> 
<h2 style='text-indent:-9999px;margin:0;padding:0;height:0'><b:include name='title'/></h2>
</b:if>
 <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
Publis: 

49 comments

  1. Tại phần bạn nói là : Tại phần CSS trong mẫu sửa: .header h1 a {.....}
    Nhưng mình tìm template của mình lại ko có code này.{ mình tự thêm đoạn .header h1 a,.header h3 a, .header h1 a:visited, .header h3 a:visited{color:#fff; font-size:1px;text-decoration:none;margin:0;padding:0}
    .header h1 span, .header h3 span{text-indent:-999em; display:block;} ..Có sao ko bạn}

    Khi mình làm xong trường hợp 2 thì ở chỗ Logo hiện lên mô tả của blog ,mình đã dùng logo thay cho mô tả rồi giờ hiện cả 2 có sao ko bạn, có cách nào để mô tả blog k hiện lên cùng logo vậy k??
    Rất mong bạn phản hồi mình.
  2. Sorry .. Khi mình làm xong trường hợp 2 thì blog hiện lên phần Tiêu đề chứ k phải mô tả bạn nhé .

    Web mình là .. Thegioidiaocvn.com
    1. Thủ thuật này yêu cầu thêm đoạn đó mà bạn.
      Xem web của bạn ko thấy tiêu đề mà thấy mỗi logo.
  3. Mình đã làm theo cách này, gần ổn hết rồi, chỉ còn là ở trang bài viết mình vẫn còn hai thẻ h1. Bạn xem chỉnh giúp mình với. Thanks!
    web mình là: http://www.nhavuong.net/
    1. Ở trang bài viết của bạn tiêu đề blog đã thành h3 và tiêu đề bài viết đã thành h1 xem 2 ảnh

      https://2.bp.blogspot.com/-9qKsWS9OWl8/V0NJpuzJHEI/AAAAAAAAC9g/uHAmne9Q074TQqhbUMxFhouRH1pPLGlzQCLcB/s1600/SnapCrab_No-0001.jpg

      https://2.bp.blogspot.com/-B09zpaS9Py0/V0NJphsXsEI/AAAAAAAAC9k/Mu2LNYkEusgXaZh_eXs60W9WVkfcZwm2ACLcB/s1600/SnapCrab_No-0002.jpg

      Mình nghĩ là bạn đã tối ưu hóa seo cho tiêu đề bài viết nhưng cứ xem thêm bài này

      http://www.blog.doisong24.com/2013/01/toi-uu-hoa-seo-cho-blogspot.html
    2. Mình thấy web của bạn có 2 thẻ <b:include data='blog' name='all-head-content'/> nên bỏ đi 1 cái.Nó ở phần đầu template ấy.
    3. Thanks bạn! Mình đã xem thêm bài đăng của bạn và chỉnh thêm chút, cũng xóa dòng thẻ thừa bạn chỉ dẫn rồi!
      Mình còn một vấn đề này, tìm gg không thấy ai viết bài dạy cách làm, không biết bạn viết bài hướng dẫn cách làm chưa?
      Ví dụ như web bạn có một label là Thủ Thuật Internet, khi click vào link của label sẽ đưa đến trang gồm các bài viết về label đó. Vậy bây giờ mình có thể tạo một trang static cho label đó không bạn, trang static này có bố cục, giao diện giống như trang label đó vậy
  4. Bạn xem thêm mình link vào label sao các ảnh đại diện lại ko hiện nhỉ
    1. Bạn xem bài này nhé
      http://www.blog.doisong24.com/2013/02/tao-trang-rieng-chua-tien-ich-phan.html
      Ảnh bạn up thẳng lên blog hoặc picasa hay ảnh của bên thứ 3.Có thể code tự động tóm tắt bài viết ở trang chủ đòi ảnh up trực tiếp lên blog
    2. Ảnh mình up trực tiếp lên blog. Bạn xem giúp mình sao link vào label nó không hiện ảnh đại diện nữa, ở trang chủ và trang bài viết vẫn bình thường.
      Còn cái phân trang cho label để mình xem đã, có gì thắc mắc sẽ hỏi bạn sau!
    3. Vậy code tự động tóm tắt bài viết của bạn có thể bị lỗi javascript hoặc HTML cái này bạn tự xem hoặc thay bằng cái khác vì nó ở trong mẫu của bạn mình ko giúp gì dc.
    4. trước vẫn bình thường, mình chỉnh cái h1 theo cách bạn chỉ đây, xong hôm nay vào lại thấy thế, k biết sao lại bị thế dc nhỉ. Bạn thử xem giúp mình xem
    5. Trước khi chỉnh sửa bạn có lưu cái mẫu cũ lại ko?gọi là đề phòng bất trắc đó.Nếu có thì tải lại mẫu đó lên rồi chỉnh sửa lại,xong một phần thì lại kiểm tra nếu nó gây nỗi thì sẽ biết bị lỗi tại chỗ nào.Tôi nghĩ ko phải tại sửa mà bị vậy mà do bạn lúc sửa do mẫu nhiều javascript nên khi sửa nó có hiện tượng lag ký tự đè lên nhau.
      Nếu ko lưu mẫu cũ thì tải lại cái mẫu hiện tại rồi gửi cho tôi vào chỗ liên hệ trên menu ấy theo kiểu tập đính kèm để tôi tìm(hơi rắc rối đấy)nếu ko dc thì thay cái khác vì giao diện trang chủ ko liên quan tới nó.
    6. À ko gửi dc tập đính kèm vào hộp thư liên hệ mà phải gửi băng gmail của bạn vào gmail của tôi.Meo của tôi là:
      caucanauan@gmail.com
    7. Bạn ơi mình tìm trong CSS không có đoạn này : .header h1 a {.....} . Bạn giúp mình làm sao có thẻ H1 ở logo trang chủ với ak ! Blog mình : http://www.alonhadep.com/
    8. Bạn bđs Đà nẵng: Mẫu mới nên không có đoạn này đâu bạn, bạn chỉ cần thay như hướng dẫn ở trường hợp 2, và thêm đoạn code trước thẻ ]]> như blog hướng dẫn là được.
      Mình đã up lại mẫu và chỉnh sửa lại, ổn rồi bạn Hai Long! Thanks bạn! Mình còn một vấn đề nhỏ nữa, để mình chụp ảnh gửi mail bạn xem giúp nhé!
    9. Mình dùng tk # trả lời bạn.
      Cái thẻ bạn bảo nó dùng cho khi ko dùng logo mà tiêu đề là chữ thôi ko cần quan tâm cứ thêm đoạn css cuối cùng vào và làm như hướng dẫn đó.
    10. Nhớ sao lưu mẫu trước khi chỉnh sửa
    11. Người rip mẫu của bạn để tiêu đề bài viết là h2 do vậy mọi h3 trong code bạn phải sửa lại là h2
  5. Thanks bạn đã phản hồi... Mình vừa chỉnh sửa như bạn nói.. Tuy nhiên bạn xem thử đã được chưa bạn? Mình dùng seoquake để check mà sao nó vẫn báo lỗi chưa tối ưu được thẻ We suggest implementing HTML headings ! Như vậy là sao bạn nhỉ.. Bạn check lại giúp mình thử với : http://www.alonhadep.com/
    Cám ơn bạn !
    1. Bạn đã đổi h3 trong code hướng dẫn thành h2 chưa.
      Nếu rồi thì xem bài này và kiểm tra trong mẫu nếu ng viết mẫu đã tối ưu rồi thì xem nếu là h3 thì đổi thành h2 còn chưa thì làm theo hướng dẫn và nhớ đổi h3 trong code thành h2

      bài này
      http://www.blog.doisong24.com/2013/01/toi-uu-hoa-seo-cho-blogspot.html
    2. Tôi xem bằng cách chuột phải và click xem nguồn trang ko cần công cụ online nào cả
    3. à quên chưa trả lời câu hỏi của bạn là bạn sửa dc rồi chỉ còn chưa thống nhất về h3 và h2 thôi
  6. Không biết mình làm cái gì với blog mình nữa mà dòng Bài mới đăng ,thiết kế đăng xuất blog mình trên đầu trang biến mất rồi nhờ bạn giúp mình với
    1. Có phải blog
      https://ha005000.blogspot.com/
      Là do chỉnh độ rộng blog quá loqns nên phát sinh thanh cuộn ngang nên phần bảng điều khiển và đăng xuất bị khuất phải kéo thanh cuộn ngang về phải mới thấy.
  7. Nếu mình không sửa theo cách của bạn thì không có thẻ h1 ở trang chủ mà trang con và các nhãn vẫn còn, nhưng nếu mình sửa theo thì có thẻ h1 ở trang chủ rồi nhưng các trang con lại hiện 2 thẻ h1

    Helllllllllllll
    1. Bạn cho mình xem blog
    2. của mình đây, sau một hồi nghịch dại thì bây giờ có vẻ hơi lung tung một chút, cám ơn nhiều
      http://flchalong.blogspot.com/
    3. tiêu đề chui cả vào metakeywords :((
    4. Tại bài Cơ hội nào cho FLC Hạ Long khi doanh thu ngành khách sạn Việt Nam đạt 15 tỷ USD/năm
      Tiêu đề blog là h3 còn tiêu đề bài viết là h1 ko có h1 nào nữa khi xem mã nguồn

      Ảnh
      https://3.bp.blogspot.com/-yCLQIKPfNE0/V3_qt0Qm5jI/AAAAAAAADec/7RbfKJCHooc9tDS9DUn5EpnXRFrITCQvwCLcB/s1600/1.jpg

      https://2.bp.blogspot.com/-CktlAM5_OaM/V3_qtxjsC4I/AAAAAAAADeg/6BwaXS63MZAKrkTlu4K7hs9t0ScCkehkwCLcB/s1600/2.jpg
    5. Đúng ra thì phải làm cái này trước nhưng với blog của bạn đã làm rồi
      http://www.blog.doisong24.com/2013/01/toi-uu-hoa-seo-cho-blogspot.html
  8. Mình đã làm theo hướng dẫn ở đây: http://www.blog.doisong24.com/2013/01/toi-uu-hoa-seo-cho-blogspot.html

    Nhưng không tìm thấy đoạn cuối cùng để: Chỉnh sửa CSS cho thẻ
    1. css đó tùy thuộc vào từng template.Nếu template bạn ko có thì bỏ qua.
    2. cám ơn bạn nhé
  9. Bạn có nhận thiết kế themplate blog ko
    1. Template free trên mạng có nhiều đó bạn.bạn chọn cái nào phù hợp với mình,thường những mẫu ko quá phức tạp và hot thì ko có dính tý bản quyền dưới chân blog.
      Bạn định làm blog về chủ đề gì.
  10. Về bất động sản bạn nhé, nhân thì mình thuê
    1. Bạn liên hệ với người này qua fb,họ bán template và cũng rẻ thôi 1-2 trăm ngàn 1 cái
      https://www.facebook.com/letuan.dgm
  11. bạn ơi không hiểu sao mình còn bước này không làm được. Tại phần CSS trong mẫu sửa:
    .header h1 a {.....} mình có làm hết các bước còn lại rồi. Bây giờ nó hiện lên tiêu đề của blog bạn ạ, blog của mình http://www.luuanh.com/ đây bạn xem giúp mình với
  12. chỉnh trang con tiêu đề thành thẻ h1 rồi. ra trang chỉ nó dính 2 thẻ h1 luôn không bít chỉnh như nào hả bạn
    1. Bạn vào phần Template trên menu blog của tôi xem cái nào phù hợp với công việc của bạn thì lấy dùng,các mẫu đó chỉnh ngon rồi chỉ việc xài.
  13. Giúp mình với, mình ko sửa được thẻ H1 của trang chủ và bài viết ạ. Thank you => http://www.chungcugiarehanoi.vn/
    1. Đầu tiên bạn cần sửa tiêu đề bài viết thành H1 xem TẠI ĐÂY sau đó bạn áp dụng trường hợp logo là hình ảnh thay cho tiêu đề blog.Cũng đơn giản thôi nhưng cần biết tý về code.Trước khi sửa nhớ lưu mẫu đề phòng sai sót còn up lại.
  14. Thanks bạn nhá, mình đã fix đc tại blog mình dùng logo.
    1. Ko có gì :)
  15. Duy Khánh
    This comment has been removed by the author.
  16. Hỗ trợ mình thẻ H1 cho trang chủ vs https://denled3dtphcm.blogspot.com/ thẻ H1 bài viết mình tối ưu dc, nhưng thẻ H1 này k bik tối ưu, vs logo k đổi dc :(((
    1. Làm theo trường hợp 2 cách 1.Trong code sửa h3 thành h2
  17. Tùy từg template
🙂😬😀😂🤣😍💖
Windows + . hoặc Windows + ; để chèn emoji