Heading là gì? Cách tổ chức H1–H6 dễ hiểu và dễ truy cập

Heading là các phần tử HTML h1 đến h6 dùng đặt tên cho các phần của trang. Chúng tạo thứ bậc để người đọc lướt nội dung, người dùng trình đọc màn hình điều hướng và hệ thống hiểu bố cục. Heading là nhãn nội dung, không phải vị trí để lặp từ khóa hay công thức bảo đảm thứ hạng.

Phân biệt heading với title của trang

Thẻ title nằm trong phần head của HTML, thường được dùng cho tab trình duyệt và là một nguồn để Google tạo title link. Heading hiển thị trong phần nội dung; h1 thường là tên chính của trang. Hai phần nên nhất quán về chủ đề nhưng không cần giống hệt từng chữ. Google có thể dùng cả tiêu đề hiển thị để tạo title link; không thể ép kết quả tìm kiếm chỉ bằng cách đổi một heading. Xem hướng dẫn title link của Google.

Tổ chức H1–H6 theo ý nghĩa

Đặt heading cấp 1 cho chủ đề chính của trang; dùng h2 cho các phần ngang hàng và h3 cho nội dung thuộc một phần h2. Chỉ đi sâu tới h4–h6 khi cấu trúc thật sự cần. Đừng nhảy từ h2 sang h4 để tạo chữ nhỏ; dùng CSS cho trình bày. Theo hướng dẫn heading của W3C WAI, thứ bậc có ý nghĩa giúp người dùng công nghệ hỗ trợ hiểu và điều hướng trang.

Ví dụ một trang hướng dẫn có thể dùng h1 “Kiểm tra heading cho bài viết”, các h2 “Xem cấu trúc hiện tại” và “Sửa thứ bậc”, rồi h3 “Kiểm trang trên di động” nằm dưới phần sửa. Số heading tùy độ dài và ý tưởng; không có chuẩn bắt buộc “ít nhất hai H2”, độ dài H1 50–70 ký tự hay tỷ lệ từ khóa trong heading.

Kiểm tra heading trên trang đang xuất bản

1. Mở URL trên trình duyệt và đọc như người dùng: tên trang có rõ không, mỗi mục có báo trước nội dung ngay dưới không?
2. Trong DevTools hoặc công cụ kiểm tra DOM, liệt kê h1–h6 theo thứ tự xuất hiện. Kiểm cả nội dung được render bằng JavaScript, không chỉ nhìn mã nguồn ban đầu.
3. Xác nhận các mục con nằm dưới đúng mục cha, không dùng heading chỉ để phóng to chữ. Nếu các khối giao diện phụ có heading, kiểm tra chúng không làm mất nghĩa của cấu trúc nội dung chính.
4. Dùng trình đọc màn hình hoặc công cụ accessibility để thử điều hướng giữa heading; sửa nhãn mơ hồ như “Xem thêm” thành nhãn nói rõ nội dung.
5. Sau khi sửa, kiểm lại giao diện, HTML xuất bản và các mục lục/anchor liên quan. Không cần đổi URL chỉ vì sửa heading.

Viết heading hữu ích cho người đọc

Một heading tốt tóm tắt câu trả lời hoặc nhiệm vụ của phần tiếp theo, dùng ngôn ngữ độc giả hiểu. Có thể là câu hỏi (“Làm sao kiểm tra H2?”) hoặc cụm chủ đề (“Kiểm tra H2 trong DOM”); chọn theo nội dung thật. Không lặp đúng cụm từ khóa trong mọi H2/H3 để đạt “mật độ”. Đọc thêm checklist SEO Onpage để đặt heading trong bối cảnh nội dung, liên kết và khả năng index.

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

Mỗi trang có bắt buộc đúng một H1?

Dùng một H1 rõ ràng cho nội dung chính là quy ước dễ kiểm soát trong nhiều template. Không nên coi số H1 là nút bật/tắt thứ hạng; quan trọng là cấu trúc có nghĩa và không làm người dùng nhầm lẫn.

H2 có bắt buộc chứa từ khóa chính?

Không. Nếu cụm từ mô tả đúng phần nội dung thì dùng tự nhiên; đừng chèn từ khóa chỉ để đủ quota.

Đổi màu và cỡ chữ có thay thế heading HTML?

Không. Kiểu chữ là trình bày; phần tử heading thể hiện vai trò và thứ bậc cho công nghệ hỗ trợ.

Nếu template dùng heading sai trên nhiều trang, liên hệ Cyno để rà mẫu trang và ưu tiên sửa một lần tại nguồn.