Thẻ heading là nhóm thẻ HTML từ <h1> đến <h6>, dùng để đánh dấu tiêu đề và chia nội dung thành các cấp theo quan hệ cha – con: H1 là chủ đề chính của trang, H2 là các phần lớn, H3 là mục con của H2. Dùng đúng thẻ heading giúp người đọc quét nhanh, trình đọc màn hình điều hướng được và công cụ tìm kiếm tách đúng khối nội dung.
Nhiều người chỉ hỏi “một trang có mấy H1” rồi dừng lại. Thực tế, lỗi gây hại hơn thường nằm ở chỗ khác: heading nhảy cấp, heading dùng để chỉnh cỡ chữ, heading chỉ chứa từ khóa, hoặc theme tự chèn heading vào thanh bên và chân trang. Bài này giải thích thẻ heading theo cách làm được ngay: quy tắc từng cấp, bảng lỗi và cách sửa, cách kiểm tra trên trang thật, và những điểm nên (và không nên) kỳ vọng ở SEO, trợ năng và các hệ thống AI.
Mục lục
- Thẻ heading là gì?
- Vai trò của từng cấp H1 – H6
- Một trang nên có mấy thẻ H1?
- H1 khác thẻ title ở đâu?
- Khi nào chia H2, H3 và có cần H4 – H6 không?
- Lỗi thẻ heading thường gặp và cách sửa
- Heading có phải yếu tố xếp hạng SEO không?
- Heading và trợ năng (accessibility)
- Heading và việc AI trích dẫn nội dung
- Cách kiểm tra thẻ heading trên một trang
- Heading trong WordPress và trình dựng trang
- Khi nào nên và không nên thêm heading
- Câu hỏi thường gặp
- Nguồn tham khảo
Thẻ heading là gì và dùng để làm gì?
Trong HTML, sáu thẻ h1 đến h6 là các phần tử tiêu đề (heading elements). Chúng không phải “kích thước chữ”: cấp số cho biết vị trí của tiêu đề trong cây nội dung. Tài liệu MDN về Heading Elements mô tả heading như cách đánh dấu các phần của tài liệu; trình đọc màn hình dựa vào đó để tạo dàn ý và cho phép người dùng nhảy từ tiêu đề này sang tiêu đề khác.
Cách dễ nhất để hình dung là mục lục của một cuốn sách: tên sách là H1, tên chương là H2, các tiểu mục trong chương là H3. Nếu xóa hết đoạn văn và chỉ giữ lại các heading, phần còn lại phải đọc như một mục lục có nghĩa. Nếu không, cấu trúc đang có vấn đề dù mã HTML hợp lệ.
<h1>Thẻ heading H1-H6</h1>
<h2>Vai trò từng cấp</h2>
<h3>H1</h3>
<h3>H2 và H3</h3>
<h2>Lỗi thường gặp</h2>
<h3>Nhảy cấp</h3>
<h3>Dùng heading để chỉnh cỡ chữ</h3>Vai trò của từng cấp H1 – H6
Bảng dưới đây tóm tắt cách dùng từng cấp trong bài blog, trang dịch vụ và tài liệu hướng dẫn thông thường. Các con số về độ dài chỉ là gợi ý biên tập, không phải ngưỡng do Google hay W3C quy định.
| Cấp | Vai trò | Số lượng gợi ý | Ví dụ |
|---|---|---|---|
| H1 | Chủ đề chính của trang; trả lời “trang này nói về gì?” | 1 trên mỗi trang nội dung | “Thẻ heading H1-H6: cách dùng đúng” |
| H2 | Các phần lớn phục vụ trực tiếp chủ đề H1 | Khoảng 5 – 8 cho bài 1.500 – 2.000 từ; nhiều hơn với bài dài | “Lỗi thường gặp và cách sửa” |
| H3 | Ý nhánh hoặc câu hỏi nằm trong một H2 | Khi một H2 có từ 2 ý phụ trở lên cần tách rõ | “Nhảy từ H2 xuống H4” |
| H4 | Tầng chi tiết trong H3, thường gặp ở tài liệu kỹ thuật | Chỉ khi nội dung thật sự có 4 tầng | “Ví dụ cho trình đọc màn hình NVDA” |
| H5 – H6 | Tầng sâu hơn nữa, rất hiếm với blog | Thường không cần | Tài liệu API, quy định nội bộ |
Điểm quan trọng: cấp heading thể hiện quan hệ nội dung, không thể hiện độ lớn chữ. H2 không “đúng” vì nó to hơn H3; H2 đúng vì nó là phần lớn hơn H3 trong cùng cấu trúc. Kích thước, màu sắc và khoảng cách nên chỉnh bằng CSS (font-size, margin), đúng như hướng dẫn của MDN: không dùng heading để thay đổi cỡ chữ.
Một trang nên có mấy thẻ H1?
Với trang nội dung thông thường, nên có một H1 mô tả chủ đề của trang. MDN nêu rõ HTML cho phép nhiều H1 nhưng không coi đó là thực hành tốt, và khuyến nghị một trang nói chung chỉ nên có một H1 mô tả nội dung trang. Đây là quy tắc biên tập để cấu trúc rõ ràng, không phải một “ngưỡng xếp hạng” do công cụ tìm kiếm công bố.
Một H1 tốt có ba đặc điểm: ngắn gọn, cụ thể và khớp ý định tìm kiếm của trang. Ví dụ, trang hướng dẫn kiểm tra tốc độ website nên có H1 “Cách kiểm tra tốc độ website”, không nên là “Giải pháp digital toàn diện” – cụm này rộng hơn chủ đề thật của trang.
Những tình huống H1 dễ bị sai
- Logo hoặc tên site đặt trong H1 trên mọi trang. Khi đó trang bài viết có hai H1 (tên site và tiêu đề bài). Hãy để H1 cho tiêu đề bài, còn logo dùng thẻ khác.
- Trang danh mục sản phẩm. Nếu trang đã có H1 “Giày chạy bộ”, tên từng sản phẩm bên dưới không nên là H1. Dùng H2 hoặc H3 tùy cấu trúc.
- Slider đầu trang. Mỗi slide gắn một H1 khiến trang có 3 – 5 H1 ngang hàng. Chỉ một thông điệp nên giữ vai trò H1.
- H1 nhồi từ khóa. Một H1 lặp lại cụm từ khóa nhiều lần đọc kém tự nhiên và không giúp ích gì cho người dùng.
Trường hợp ngoại lệ: một số tài liệu cố tình có nhiều khu vực độc lập (ví dụ trang tổng hợp nhiều bài). Dù trình duyệt vẫn hiển thị bình thường, hãy ưu tiên cấu trúc có một chủ đề trung tâm; nếu bắt buộc dùng nhiều H1 thì kiểm tra bằng trình đọc màn hình xem dàn ý còn dễ hiểu không.
H1 khác thẻ title ở đâu?
Hai thành phần này thường bị nhầm vì cùng gọi là “tiêu đề”, nhưng chúng xuất hiện ở hai nơi khác nhau.
| Tiêu chí | Thẻ title (<title>) |
Thẻ H1 |
|---|---|---|
| Nằm ở đâu | Trong <head>; hiện trên tab trình duyệt và thường là tiêu đề trong kết quả tìm kiếm |
Trong phần thân trang; người đọc thấy ngay đầu nội dung |
| Mục đích | Mô tả trang cho người chưa vào trang, thu hút nhấp chuột | Xác nhận chủ đề cho người đã vào trang |
| Độ dài tham khảo | Thường giữ khoảng dưới 60 ký tự để ít bị cắt khi hiển thị | Không giới hạn cứng, nhưng nên đọc được trong một hơi |
| Có được trùng nhau không | Được, nhưng không bắt buộc | Hai thành phần phải cùng nói về một nội dung |
Tài liệu của Google về title link cho biết Google tạo tiêu đề hiển thị từ nhiều nguồn, trong đó có thẻ title và các heading như H1. Google cũng lưu ý rằng nếu nhiều heading có cùng độ nổi bật thì việc xác định tiêu đề chính trở nên khó hơn. Vì vậy, H1 rõ ràng và khớp với title giúp giảm khả năng Google tự chọn một tiêu đề khác với ý bạn. Xem thêm tiêu đề SEO là gì và H1 trong SEO để viết hai thành phần này đồng bộ.
Khi nào chia H2, H3 và có cần H4 – H6 không?
H2 phù hợp với những nhóm nội dung có thể đứng khá độc lập: một câu hỏi, một bước lớn, một nhóm lỗi. Nếu một H2 chỉ có một câu rồi chuyển sang H2 kế tiếp, cấu trúc đang bị vụn và nên gộp lại.
H3 dùng khi một H2 có nhiều ý phụ. Ví dụ H2 “Lỗi heading thường gặp” có thể có các H3 “Nhảy từ H2 xuống H4”, “Lặp nhiều H1” và “Dùng heading để chỉnh cỡ chữ”. Không tạo H3 chỉ để chèn thêm từ khóa.
H4 – H6 chỉ cần khi tài liệu có cấu trúc nhiều tầng như hướng dẫn triển khai, tài liệu kỹ thuật, quy định. Với bài blog phổ thông, dừng ở H3 thường dễ theo dõi hơn. Dùng đủ sáu cấp không phải dấu hiệu của bài chuyên sâu.
Nhảy cấp có luôn là lỗi?
MDN khuyên không bỏ qua cấp khi đi xuống (ví dụ H1 rồi H3), vì người dùng trình đọc màn hình có thể nghĩ mình bỏ lỡ nội dung. Tuy nhiên, khi đóng một nhánh thì được phép quay lên cấp cao hơn: sau một nhóm H3 có thể sang H2 mới. Vì thế quy tắc thực tế là: không nhảy xuống quá một cấp, nhưng được phép nhảy ngược lên.
Lỗi thẻ heading thường gặp và cách sửa
| Lỗi | Hệ quả | Cách sửa |
|---|---|---|
| Nhảy từ H2 xuống H4 hoặc H5 | Mất quan hệ phân cấp; người dùng trình đọc màn hình khó biết nội dung thuộc phần nào | Thêm H3 nếu thật sự có tầng trung gian, hoặc đổi H4 thành H3 |
| Nhiều H1 cho các mục ngang hàng | Chủ đề trang loãng; dàn ý mơ hồ | Giữ một H1; chuyển các mục còn lại thành H2 |
| Dùng heading để phóng to hoặc in đậm chữ | Dàn ý sai; trình đọc màn hình đọc cả câu quảng cáo như một mục lớn | Dùng CSS hoặc thẻ <strong>, <p> có class |
| Heading chỉ chứa từ khóa, không có ý | Người đọc không biết phần dưới trả lời gì | Viết heading như một nhãn thông tin hoặc một câu hỏi cụ thể |
| Heading rỗng hoặc chỉ có biểu tượng | Trình đọc màn hình gặp mục không có tên | Đặt tiêu đề bằng chữ; biểu tượng trang trí không nên là heading |
| Heading ẩn bằng CSS nhưng vẫn lộ trong cây trợ năng | Người dùng trình đọc màn hình nghe thấy tiêu đề mà người khác không thấy | Kiểm tra trên giao diện thật; xóa heading thừa |
| Tiêu đề thanh bên, chân trang, widget dùng H1 – H3 của nội dung chính | Xen lẫn heading giao diện vào dàn ý bài viết | Chỉnh template để widget dùng cấp thấp hơn hoặc thẻ không phải heading |
| Heading quá chung chung (“Chi tiết”, “Lưu ý”) | Quét nhanh không hiểu nội dung; khó trích đúng đoạn | Nêu rõ nhiệm vụ: “Khi nào không nên dùng H6?” |
Ví dụ sửa một dàn ý lỗi
Trước khi sửa, dàn ý của một bài về thẻ heading trông như sau:
H1 Thẻ heading
H1 Lưu ý quan trọng
H4 Nhảy cấp
H2 Giải pháp tốt nhất
H3 Chi tiếtDàn ý này có hai H1, một H4 xuất hiện khi chưa có H2 hay H3 nào, và hai heading quá chung (“Giải pháp tốt nhất”, “Chi tiết”). Bản sửa gọn hơn:
H1 Thẻ heading H1-H6: cách dùng đúng
H2 Lỗi nhảy cấp và cách sửa
H2 Khi nào nên dùng H4 - H6?
H3 Tài liệu kỹ thuật nhiều tầng
H3 Bài blog thông thườngHeading có phải yếu tố xếp hạng SEO không?
Heading là tín hiệu giúp công cụ tìm kiếm hiểu cấu trúc trang, nhưng không nên coi việc “đưa từ khóa vào H2” là cách tăng thứ hạng. Google không công bố một quy tắc kiểu “cần X thẻ H2”. Điều có thể nói chắc từ tài liệu chính thức là heading nằm trong số các nguồn Google dùng khi tạo title link, và cấu trúc rõ ràng giúp người dùng đọc nhanh hơn.
Cách làm an toàn là phân bổ từ khóa theo chủ đề: một số heading dùng biến thể tự nhiên của từ khóa chính, một số diễn đạt thành câu hỏi người dùng hay hỏi, phần thân bài giải thích đầy đủ. Một bài dài 2.500 từ mà chỉ có H1 và vài H2 mạch lạc vẫn tốt hơn bài có đủ H1 – H6 nhưng nhảy cấp và lặp tiêu đề. Nếu muốn đi sâu về tối ưu trang, xem on-page SEO toàn tập và heading trong SEO là gì.
Heading giúp người đọc quét nội dung
Người đọc web thường quét trước khi đọc. Một heading tốt cho biết phần dưới sẽ giải thích khái niệm, hướng dẫn thao tác, so sánh lựa chọn hay cảnh báo lỗi. Nếu mọi heading đều có dạng “Thông tin”, “Chi tiết”, “Lưu ý”, người đọc phải mở từng phần mới biết nội dung. Hãy đặt heading ngay trước nhóm đoạn mà nó mô tả, và đảm bảo đoạn đầu tiên bên dưới trả lời đúng lời hứa của heading.
Heading và trợ năng (accessibility)
Người dùng trình đọc màn hình thường mở danh sách heading để di chuyển nhanh qua trang. Vì vậy, cây heading hợp lý có giá trị sử dụng trực tiếp chứ không chỉ phục vụ SEO. Tiêu chí thành công 1.3.1 (Info and Relationships) của WCAG 2.2 yêu cầu thông tin, cấu trúc và quan hệ được truyền đạt qua cách trình bày phải xác định được bằng chương trình. Heading đúng thẻ là một cách thực hiện điều đó. Tiêu chí 2.4.6 (Headings and Labels) yêu cầu heading và nhãn mô tả được chủ đề hoặc mục đích. WCAG không yêu cầu mọi trang phải có đủ H1 đến H6.
- Đừng giả heading bằng
divhoặcspan. Người nhìn thấy giao diện có thể không phân biệt được, nhưng trình đọc màn hình sẽ không đưa phần đó vào danh sách heading. - Đừng gắn heading cho mọi nhãn nhỏ như tên trường biểu mẫu hoặc chú thích trang trí.
- Heading phải có chữ. Heading chỉ chứa ảnh nên có văn bản thay thế phù hợp.
- Kiểm tra bằng bàn phím và trình đọc màn hình. NVDA (miễn phí trên Windows) và VoiceOver (có sẵn trên macOS, iOS) đều cho phép liệt kê heading của trang.
Heading và việc AI trích dẫn nội dung
Các hệ thống tìm kiếm có AI cần tách trang thành những khối thông tin có chủ đề. Heading là tín hiệu hữu ích để xác định ranh giới các khối: H2 có thể là một chủ đề lớn, H3 là câu hỏi hoặc luận điểm thuộc chủ đề đó. Heading rõ giúp giảm khả năng trộn lẫn hướng dẫn, điều kiện và ngoại lệ từ những phần khác nhau.
Nhưng đặt câu hỏi vào H2 không bảo đảm nội dung sẽ được trích dẫn. Không ai ngoài nhà vận hành hệ thống biết chính xác cách chọn đoạn, và các nền tảng thay đổi theo thời gian. Điều bạn kiểm soát được là chất lượng khối nội dung: heading cụ thể, đoạn đầu trả lời thẳng câu hỏi trong 40 – 60 từ, điều kiện nằm cùng phần với kết luận. “Khi nào không nên dùng H6?” cho tín hiệu tốt hơn “Chi tiết quan trọng”.
Nếu trang có phần hỏi đáp, bạn có thể thêm dữ liệu có cấu trúc, tham khảo schema markup là gì và FAQ schema. Hãy nhớ dữ liệu có cấu trúc phải khớp nội dung nhìn thấy trên trang và không đảm bảo hiển thị kết quả đặc biệt.
Cách kiểm tra thẻ heading trên một trang
Cách 1: Xem dàn ý bằng DevTools
- Mở trang, nhấn F12 hoặc chuột phải chọn Inspect, chuyển sang tab Console.
- Dán đoạn lệnh sau để liệt kê toàn bộ heading theo thứ tự:
[...document.querySelectorAll('h1,h2,h3,h4,h5,h6')].map(h => h.tagName + ' ' + h.textContent.trim().slice(0,80)).join('\n') - Đọc danh sách như một mục lục: có đúng một H1 không, có chỗ nhảy cấp không, có heading rỗng hoặc heading của widget lẫn vào không.
Cách 2: Dùng trình thu thập dữ liệu
Các công cụ crawl website (như Screaming Frog SEO Spider hay Sitebulb) có báo cáo thiếu H1, nhiều H1, H1 trùng nhau và nhảy cấp trên toàn site. Đây là cách nhanh để phát hiện lỗi hàng loạt do template. Hãy coi kết quả là danh sách cần rà soát, vì công cụ không hiểu bài viết có hợp lý hay không.
Cách 3: Kiểm tra bằng trình đọc màn hình
Mở danh sách heading trong NVDA hoặc VoiceOver và đọc theo thứ tự. Nếu nghe mà không hiểu trang nói gì, hãy viết lại heading.
Checklist kiểm tra trước khi xuất bản
| Bước | Câu hỏi cần trả lời | Đạt khi |
|---|---|---|
| 1. Xác định H1 | Một câu mô tả chủ đề trang là gì? | H1 khớp câu đó, không dài dòng |
| 2. Lập mục lục | Liệt kê H2, H3 trước khi viết hoặc khi audit | Chỉ đọc heading vẫn hiểu mạch bài |
| 3. Kiểm tra cha – con | Có H3 nào xuất hiện khi chưa có H2 phù hợp không? | Không nhảy xuống quá một cấp |
| 4. Kiểm tra giao diện | Cỡ chữ, màu, khoảng cách có xử lý bằng CSS không? | Không dùng sai cấp heading để đổi kiểu dáng |
| 5. Kiểm tra trợ năng | Duyệt bằng bàn phím và trình đọc màn hình | Mọi heading có tên và thứ tự hợp lý |
| 6. Kiểm tra sau xuất bản | Mở lại HTML đã hiển thị thật | Không có heading tự sinh từ plugin hoặc trình dựng trang |
Heading trong WordPress và trình dựng trang
Trong WordPress, tiêu đề bài viết thường được theme xuất thành H1, nên trong trình soạn thảo bạn bắt đầu nội dung bằng H2. Những điểm hay phát sinh lỗi:
- Khối Heading của trình soạn thảo mặc định là H2. Nếu chọn H1 trong nội dung bài, trang sẽ có hai H1 (cùng H1 của theme).
- Plugin mục lục thường tạo nút hoặc tiêu đề riêng; kiểm tra nó không chèn thêm heading cấp cao vào dàn ý.
- Trình dựng trang kéo-thả hay có widget “Heading” cho phép chọn thẻ tùy ý. Người dựng trang chọn H1 cho dòng chữ lớn nhất rất phổ biến; hãy rà lại cấp thực tế.
- Thanh bên và chân trang có thể dùng H3 hoặc H4 cho tiêu đề widget, chen vào giữa dàn ý. Cấu hình lại ở theme hoặc template.
Sau khi chỉnh, mở lại trang đã xuất bản và chạy lại đoạn lệnh liệt kê heading ở trên. Với site lớn, hãy sửa ở template trước vì một lỗi template có thể lặp hàng trăm trang. Nếu cần rà soát bài bản, xem thêm dịch vụ SEO onpage của Vidco Group.
Khi nào nên và không nên thêm heading
| Tình huống | Nên làm | Không nên |
|---|---|---|
| Bài dài hơn khoảng 800 từ | Chia H2 theo câu hỏi hoặc nhiệm vụ | Viết một khối văn bản dài không có tiêu đề |
| Bài ngắn dưới 300 từ | Một H1 và có thể không cần H2 | Chèn H2 cho từng đoạn hai câu |
| Cần nhấn mạnh một câu | Dùng in đậm hoặc khối trích dẫn | Dùng H2 chỉ để chữ to hơn |
| Có nhiều tầng phân loại | Dùng H4 khi cấu trúc thật sự cần | Dùng H5, H6 cho trang trí |
| Sửa giao diện theme | Giữ cấp theo nội dung, chỉnh style bằng CSS | Đổi cấp heading để vừa kiểu dáng |
Quy tắc cuối cùng: heading phục vụ người đọc trước, công cụ sau. Khi phân vân, hãy hỏi “người nghe trình đọc màn hình có hiểu trang này qua danh sách heading không?”
Câu hỏi thường gặp
Thẻ heading là gì?
Thẻ heading là các thẻ HTML h1 đến h6 dùng để đánh dấu tiêu đề và phân cấp nội dung. H1 là chủ đề chính, H2 là các phần lớn, H3 trở xuống là các mục con.
Một trang có thể có nhiều thẻ H1 không?
Về mặt kỹ thuật HTML cho phép, nhưng MDN không xem đó là thực hành tốt và khuyên mỗi trang nói chung nên có một H1. Với trang nội dung thông thường, hãy dùng một H1 và chia các ý còn lại bằng H2.
Thẻ H1 và thẻ title khác nhau thế nào?
Title nằm trong phần head, hiện trên tab trình duyệt và thường là tiêu đề trong kết quả tìm kiếm. H1 nằm trong nội dung trang. Hai thành phần không bắt buộc giống hệt nhau nhưng phải cùng nói về một chủ đề.
Nhảy từ H2 xuống H4 có bị phạt không?
Không có cơ sở để nói đó là “bị phạt”. Tuy nhiên, nhảy cấp làm dàn ý khó theo dõi, nhất là với người dùng trình đọc màn hình. Hãy thêm H3 nếu có tầng trung gian, hoặc đổi H4 thành H3.
Có cần đưa từ khóa vào tất cả thẻ heading không?
Không. Nhồi từ khóa vào mọi heading làm bài kém tự nhiên. Hãy dùng từ khóa chính ở H1 và một số heading, dùng biến thể và câu hỏi ở các heading khác.
Bài blog nên có bao nhiêu thẻ H2?
Không có con số bắt buộc. Với bài 1.500 – 2.000 từ, khoảng 5 – 8 H2 thường đủ nếu mỗi H2 giải quyết một câu hỏi riêng. Số lượng nên theo nội dung chứ không theo công thức.
Dùng thẻ heading có giúp bài được AI trích dẫn không?
Heading rõ ràng giúp tách khối nội dung dễ hơn, nhưng không bảo đảm được trích dẫn. Chất lượng câu trả lời bên dưới heading, độ cụ thể và độ tin cậy của trang vẫn là yếu tố chính.
Làm sao biết trang của tôi có mấy H1?
Mở DevTools, vào tab Console và chạy lệnh liệt kê heading như hướng dẫn trong bài, hoặc dùng trình crawl website để quét toàn site.
Kết luận và bước tiếp theo
Thẻ heading hiệu quả khi cây tiêu đề trung thực với nội dung: một H1 rõ chủ đề, H2 chia theo nhiệm vụ, H3 chỉ khi cần, không nhảy cấp, không dùng heading để trang trí. Bước tiếp theo nên làm ngay: chạy lệnh liệt kê heading trên 3 trang quan trọng nhất của site, ghi lại lỗi và sửa ở template trước.
Vidco Group có thể hỗ trợ: nếu bạn muốn rà soát cấu trúc heading, dữ liệu có cấu trúc và nội dung on-page cho cả site, đội ngũ SEO của Vidco Group có thể audit và gửi danh sách việc theo thứ tự ưu tiên. Xem dịch vụ SEO onpage hoặc liên hệ qua Zalo 034 301 8345.
Nguồn tham khảo
- MDN Web Docs – HTML Heading Elements (h1 – h6)
- Google Search Central – Influencing your title links in search results
- W3C – Understanding WCAG 2.2: Info and Relationships (1.3.1)
- W3C – Understanding WCAG 2.2: Headings and Labels (2.4.6)
- W3C WAI – Page Structure Tutorial: Headings
Cập nhật: tháng 10/2026.
