Bỏ qua tới nội dung
Kiến thức SEO· ·10 phút đọc

Heading tags là gì (vai trò và cách dùng H1 đến H6)

Trần Trọng Luân
Heading tags là gì (vai trò và cách dùng H1 đến H6)
Cỡ chữ

Nếu bạn từng nhìn một bài viết dài và lướt qua các dòng in đậm để nắm nhanh nội dung, bạn đang dùng đúng thứ mà heading tags tạo ra. Đây là bộ khung sáu cấp giúp một trang web có đầu, có thân, có nhánh rõ ràng thay vì là một khối chữ phẳng. Bài này giải thích từng cấp thẻ làm gì, quy tắc đặt sao cho đúng và những lỗi khiến cấu trúc bài bị rối.

Sáu cấp thẻ tiêu đề và ý nghĩa từng cấp

HTML có sáu thẻ tiêu đề, viết là <h1> đến <h6>. Con số càng nhỏ thì cấp càng cao và nội dung càng bao quát. Hãy hình dung chúng như mục lục của một cuốn sách.

  • H1 là tên trang, nói cho người đọc biết toàn bộ trang này nói về cái gì.
  • H2 là các chương lớn, mỗi H2 phụ trách một mảng nội dung tách bạch.
  • H3 là các mục con nằm trong một H2, để tách nhỏ một ý lớn.
  • H4 đến H6 là các cấp sâu hơn, thường chỉ cần khi nội dung phân nhánh nhiều tầng (tài liệu kỹ thuật, hướng dẫn dài).

Phần lớn bài blog chỉ cần đến H3 là đủ. Nếu bạn thấy mình phải dùng tới H5, H6 cho một bài thông thường, nhiều khả năng nội dung đang bị chẻ quá vụn và nên gộp lại.

Sáu cấp thẻ tiêu đề từ H1 đến H6 và ý nghĩa từng cấp
Con số càng nhỏ thì cấp càng cao và nội dung càng bao quát.

Heading tags giúp gì cho người đọc và SEO

Giá trị đầu tiên là cho người đọc. Khi mở một trang, hầu hết mọi người không đọc tuần tự từ trên xuống mà quét nhanh các tiêu đề để tìm phần mình cần. Heading rõ ràng giúp họ định vị trong vài giây và quyết định ở lại hay rời đi. Với người dùng trình đọc màn hình, các thẻ tiêu đề còn là cách họ nhảy giữa các phần của trang, nên cấu trúc đúng cũng là một phần của khả năng tiếp cận (accessibility — mức độ dễ tiếp cận cho mọi người dùng).

Về phía công cụ tìm kiếm, Google dùng heading như một tín hiệu để hiểu bố cục và chủ đề của trang. Tài liệu của Google nói rằng nên đặt những từ quan trọng ở vị trí nổi bật như tiêu đề chính và các heading của trang, đồng thời chia nội dung dài thành các đoạn và mục có tiêu đề để người dùng dễ điều hướng. Cần nói thẳng một điều: heading tags không phải là nút bấm tăng thứ hạng. Chúng giúp Google đọc nội dung mạch lạc hơn và làm bài dễ được trích vào đoạn kết quả nổi bật (featured snippet) hay các tính năng tìm kiếm bằng AI, chứ bản thân một thẻ H2 không tự đẩy bạn lên trang nhất.

Một phép thử hữu ích: nếu ai đó chỉ đọc riêng phần H1, H2, H3 của bài mà vẫn nắm được lập luận chính, thì bộ heading của bạn đang làm đúng việc.

Quy tắc đặt heading tags chuẩn

Mỗi trang một H1 chủ đề

H1 là tiêu đề bao trùm cả trang, nên về mặt biên tập mỗi trang chỉ nên có một H1 nói rõ chủ đề chính. Google từng xác nhận hệ thống của họ không khắt khe và vẫn xử lý được trang có nhiều H1, một H1 hay thậm chí không có heading. Nhưng đó là chuyện máy chịu được, còn về trải nghiệm thì một H1 duy nhất vẫn rõ ràng nhất cho người đọc và đúng tinh thần tài liệu Google khuyến nghị mỗi trang có một H1 riêng. Trên WordPress, theme thường tự lấy tiêu đề bài làm H1, nên bạn không cần và không nên gõ thêm một H1 trong phần thân bài.

Phân cấp đúng, không nhảy bậc

Heading phải đi xuống theo thứ tự liền mạch: sau H1 là H2, trong H2 mới đến H3. Đừng nhảy thẳng từ H2 xuống H4 rồi bỏ qua H3, vì như vậy phá vỡ quan hệ cha con giữa các phần. Hãy hình dung như đánh số mục lục 1, rồi 1.1, rồi 1.1.1; bạn không nhảy từ mục 1 sang mục 1.1.1.

H1  Heading tags là gì
  H2  Sáu cấp thẻ tiêu đề
  H2  Quy tắc đặt heading
    H3  Mỗi trang một H1
    H3  Không nhảy bậc

Dùng heading vì cấu trúc, không vì kiểu chữ

Đừng bọc một dòng vào thẻ H2 chỉ vì muốn nó to và đậm. Việc làm chữ to nhỏ là của CSS. Heading dùng để đánh dấu một phần nội dung mới, nên mỗi heading phải đứng trước một khối nội dung thật. Ngược lại, cũng đừng làm to một tiêu đề bằng cách bôi đậm văn bản thường mà không dùng thẻ heading, vì khi đó cả người dùng trình đọc màn hình lẫn Google đều không nhận ra đó là một tiêu đề.

Viết heading mô tả, mỗi H2 một vai riêng

Mỗi H2 nên nói một mảng khác hẳn, không phải vài cách diễn đạt lại của cùng một ý. Tiêu đề nên cụ thể và mô tả đúng nội dung bên dưới, có chứa từ khoá liên quan một cách tự nhiên nếu hợp ngữ cảnh, chứ không nhồi từ khoá vào mọi heading.

Những lỗi heading tags hay gặp và vì sao chúng gây hại
Nhiều lỗi heading nằm ở phần on-page, có thể soi ra khi rà lại bài.

Những lỗi heading tags hay gặp

LỗiVì sao hại
Nhiều H1 không chủ đích trong thân bàiLàm loãng chủ đề chính, người đọc khó biết trang nói về cái gì
Nhảy bậc (H2 thẳng xuống H4)Phá vỡ phân cấp, máy và trình đọc màn hình hiểu sai quan hệ các phần
Dùng heading để tạo chữ toTạo tiêu đề giả không gắn với nội dung, gây rối cấu trúc
Heading trống hoặc mơ hồ (“Phần 1”, “Thông tin thêm”)Không giúp người đọc định vị, mất giá trị điều hướng
Nhồi từ khoá vào mọi headingĐọc gượng, đi ngược tinh thần nội dung ưu tiên con người của Google

Nhiều lỗi trong số này nằm ở phần on-page và có thể soi ra khi bạn rà lại bài. Heading chỉ là một mảnh của bức tranh tối ưu trên trang, cùng với tiêu đề, đường dẫn và liên kết nội bộ. Nếu muốn nhìn bài viết một cách có hệ thống, bạn có thể tham khảo cách soát lỗi on-page qua audit kỹ thuật để không bỏ sót cấu trúc tiêu đề.

Câu hỏi thường gặp

Nhiều H1 trên một trang có bị Google phạt không?

Không bị phạt. Google xác nhận hệ thống xử lý được nhiều H1, nhưng một H1 duy nhất vẫn rõ ràng nhất cho người đọc nên đây vẫn là cách nên làm.

Heading tags có giúp lên top không?

Không trực tiếp. Heading giúp Google hiểu bố cục và làm bài dễ được trích dẫn, nhưng thứ hạng phụ thuộc vào tổng thể chất lượng nội dung và nhiều yếu tố khác.

Một bài cần dùng tới H6 không?

Hiếm khi. Phần lớn bài blog chỉ cần đến H3. Dùng tới H5, H6 thường là dấu hiệu nội dung bị chẻ quá vụn.

Bố cục tiêu đề mạch lạc là nền của một bài viết dễ đọc, và đó cũng là điều Web22 chú trọng khi nhận viết bài chuẩn SEO cho website.

Đọc tiếp

Bài viết
cùng chủ đề.

Tất cả bài viết