Kiểm tra cấu trúc thẻ H1 tới H6 của một trang: cách đọc kết quả và quy tắc phân cấp
Nhập địa chỉ một trang, công cụ tải mã nguồn HTML của trang đó, gom toàn bộ thẻ tiêu đề từ H1 tới H6 rồi liệt kê kèm nội dung chữ. Kèm theo là ba phép kiểm tra tự động về số lượng thẻ H1, các cấp bị thiếu và các thẻ tiêu đề rỗng, giúp bạn thấy dàn ý thật của trang thay vì dàn ý bạn tưởng.
Tính năng nổi bật
- Nhập địa chỉ trang, không cần cài tiện ích trình duyệt hay dán mã nguồn thủ công
- Liệt kê toàn bộ thẻ từ H1 tới H6 kèm nội dung chữ của từng thẻ
- Thụt lề và tô màu theo cấp để nhìn ra ngay tầng nào có bao nhiêu thẻ
- Đếm tổng số thẻ tiêu đề trên trang, hiện ngay trên đầu bảng kết quả
- Cảnh báo khi trang không có thẻ H1 hoặc có nhiều hơn một thẻ H1
- Chỉ ra các bậc bị thiếu, ví dụ trang có H2 và H4 mà không có H3 nào
- Đánh dấu các thẻ tiêu đề không có chữ bên trong
- Phân tích bằng bộ đọc HTML sẵn có của trình duyệt, kết quả hiện ngay sau khi tải xong trang
Vì sao dàn ý thật của trang thường khác dàn ý bạn nghĩ
Trên giao diện soạn thảo, bạn thấy các mục lớn nhỏ rõ ràng vì chúng khác nhau về cỡ chữ. Nhưng cỡ chữ do CSS quyết định, còn cấp thẻ tiêu đề mới là thứ máy đọc. Rất hay gặp trường hợp một tiêu đề mục trông rất to nhưng thực ra chỉ là đoạn văn được tô đậm, hoặc dòng chữ trong khối chân trang lại là thẻ H2 vì mẫu giao diện làm sẵn như vậy. Khi đó dàn ý mà công cụ tìm kiếm và trình đọc màn hình nhìn thấy khác hẳn dàn ý người đọc nhìn thấy. Trên trang chủ và trang danh mục, mọi thứ còn rối hơn vì tiêu đề của từng thẻ sản phẩm, từng bài viết trong danh sách, từng khối quảng bá đều có thể là thẻ tiêu đề. Liệt kê hết ra rồi đọc từ trên xuống là cách nhanh nhất để thấy trang của bạn đang tự mô tả mình như thế nào.
Lợi ích khi sử dụng
- Thấy dàn ý mà máy đọc được, không phải dàn ý mà mắt bạn nhìn thấy
- Phát hiện trang thiếu H1 hoặc có nhiều H1 chỉ trong vài giây
- Kiểm tra được trang của đối thủ vì công cụ chỉ cần địa chỉ công khai
- Đọc nhanh dàn ý một bài dài mà không phải cuộn hết cả trang
- Không phải cài tiện ích trình duyệt hay mở công cụ dành cho lập trình viên
Cách kiểm tra cấu trúc tiêu đề của một trang
- 1Dán địa chỉ đầy đủ của trang cần kiểm tra, gồm cả phần giao thức ở đầu, rồi bấm nút phân tích.
- 2Đọc phần cảnh báo trước, bắt đầu từ dòng nói về số lượng thẻ H1.
- 3Đọc danh sách thẻ tiêu đề và tự hỏi nếu chỉ nhìn danh sách này, bạn có hiểu trang nói về gì không.
- 4Đối chiếu với trang thật trên trình duyệt, tìm những dòng chữ trông như tiêu đề nhưng không xuất hiện trong danh sách.
- 5Sửa lại trong hệ quản trị nội dung hoặc trong mã giao diện, rồi chạy lại để xác nhận cảnh báo đã hết.
Công cụ lấy mã nguồn qua một dịch vụ trung gian, và điều đó có nghĩa gì
Trình duyệt không cho phép một trang web tự tải nội dung của trang khác vì lý do an toàn, nên để đọc được mã nguồn của địa chỉ bạn nhập, công cụ gửi yêu cầu qua một dịch vụ trung gian công khai của bên thứ ba, nhận về mã HTML rồi mới phân tích ngay trong trình duyệt của bạn. Điều này kéo theo bốn hệ quả cần biết. Thứ nhất, địa chỉ bạn nhập có đi qua máy chủ của bên thứ ba đó, nên đừng dùng công cụ với địa chỉ nội bộ, bản chạy thử chưa công bố hay đường dẫn chứa mã truy cập. Thứ hai, trang yêu cầu đăng nhập sẽ không lấy được nội dung thật, kết quả trả về là trang đăng nhập. Thứ ba, một số máy chủ chặn các yêu cầu không đến từ trình duyệt thông thường, khi đó công cụ báo lỗi không phân tích được dù địa chỉ hoàn toàn đúng. Thứ tư, và quan trọng nhất với các trang hiện đại, mã nhận về là HTML gốc chưa chạy JavaScript, nên phần nội dung chỉ xuất hiện sau khi trình duyệt chạy mã sẽ không có trong kết quả.
Danh sách này gom theo cấp, không theo thứ tự xuất hiện trên trang
Đây là chi tiết bạn phải biết để không đọc sai kết quả. Cách công cụ thu thập là quét lần lượt từng cấp: lấy hết thẻ H1 trước, rồi tới toàn bộ thẻ H2, rồi H3, và cứ thế tới H6. Vì vậy danh sách hiển thị được nhóm theo cấp chứ không phải theo thứ tự chúng nằm trên trang. Nếu bài viết của bạn có H2 rồi H3 rồi lại H2 khác, bạn sẽ thấy tất cả thẻ H2 đứng liền nhau ở trên rồi mới tới tất cả thẻ H3 bên dưới, chứ không thấy dàn ý lồng nhau đúng như trong bài. Hệ quả tiếp theo là phép kiểm tra nhảy cấp ở đây không phát hiện được việc nhảy cấp tại một vị trí cụ thể, mà thực chất phát hiện việc thiếu hẳn một cấp trên toàn trang: nếu trang có thẻ H2 và thẻ H4 nhưng không có thẻ H3 nào, cảnh báo sẽ hiện. Muốn kiểm tra thứ tự thật, hãy mở công cụ dành cho lập trình viên trên trình duyệt, hoặc dùng chế độ xem dàn ý của các tiện ích kiểm tra khả năng tiếp cận.
Ba quy tắc phân cấp và lý do đằng sau từng quy tắc
Quy tắc thứ nhất là mỗi trang nên có đúng một thẻ H1, đóng vai trò tên gọi của trang. Trang không có H1 giống như một chương sách không có tên chương. Trang có ba bốn thẻ H1 thì không có thẻ nào nổi bật lên làm chủ đề chính, thường do mẫu giao diện đặt tên trang web, tên bài và tên khối quảng bá đều ở cấp H1. Quy tắc thứ hai là không nhảy cấp: sau H2 thì tới H3 chứ không nhảy thẳng xuống H4. Cấp thẻ diễn tả quan hệ cha con giữa các phần nội dung, nhảy cấp làm quan hệ đó đứt đoạn và phần mềm đọc trang mất manh mối. Quy tắc thứ ba là cấp thẻ dùng để mô tả cấu trúc, không dùng để chỉnh cỡ chữ. Nếu bạn hạ một mục từ H2 xuống H4 chỉ vì muốn chữ nhỏ lại, hãy giữ H2 và sửa CSS. Ngược lại, nếu một dòng chữ chỉ đóng vai trò trang trí và không mở đầu cho khối nội dung nào, đừng đặt nó thành thẻ tiêu đề.
Vì sao cấu trúc tiêu đề là chuyện của khả năng tiếp cận trước khi là chuyện SEO
Người dùng trình đọc màn hình không lướt trang bằng mắt mà nghe tuần tự, nên nếu phải nghe từ đầu tới cuối thì việc tìm một mục cụ thể sẽ rất chậm. Cách họ dùng thực tế là gọi danh sách tất cả thẻ tiêu đề trên trang rồi nhảy thẳng tới mục cần đọc, hoặc dùng phím tắt để chuyển giữa các thẻ tiêu đề theo cấp. Danh sách mà công cụ này hiển thị chính là thứ họ nghe được. Vì vậy hãy đọc lại danh sách kết quả và tự đánh giá: nếu chỉ nghe những dòng đó, người ta có hình dung được trang này có gì và tìm được mục mình cần không. Những tiêu đề kiểu Giới thiệu, Nội dung, Chi tiết, Xem thêm không giúp được gì trong ngữ cảnh đó. Thẻ tiêu đề rỗng còn tệ hơn vì trình đọc màn hình thông báo có một tiêu đề nhưng không đọc được chữ nào; loại này thường sinh ra khi một biểu tượng trang trí được bọc trong thẻ tiêu đề, hoặc khi biên tập viên lỡ để lại một dòng trống định dạng tiêu đề.
Cấu trúc tiêu đề có tác dụng gì với công cụ tìm kiếm
Đừng kỳ vọng nhét từ khóa vào thẻ H1 sẽ đẩy thứ hạng, vì đó không phải cách xếp hạng vận hành và bản thân Google đã nhiều lần nói cấu trúc thẻ tiêu đề chỉ là một tín hiệu giúp hiểu nội dung. Nhưng nó vẫn có ba tác dụng thực tế. Thứ nhất, các thẻ tiêu đề giúp bộ máy phân đoạn trang thành từng phần và hiểu mỗi phần nói về gì, việc này có ích khi hệ thống muốn trả về một đoạn cụ thể trong bài thay vì cả trang. Thứ hai, khi một phần trong bài trả lời gọn một câu hỏi và tiêu đề của phần đó viết đúng dạng câu hỏi, khả năng đoạn ấy được chọn làm đoạn trích nổi bật cao hơn. Thứ ba, cấu trúc tiêu đề rõ ràng là điều kiện để tạo mục lục có liên kết nhảy tới từng phần, và với bài dài thì mục lục cải thiện đáng kể trải nghiệm đọc. Cách viết tiêu đề tốt nhất vẫn là viết cho người đọc lướt: mỗi tiêu đề nói rõ phần bên dưới trả lời điều gì.
Câu hỏi thường gặp (FAQ)
Vì sao thứ tự trong danh sách không giống thứ tự trên trang?
Vì công cụ quét lần lượt từng cấp, lấy hết thẻ H1 rồi mới tới toàn bộ H2, rồi H3 và tiếp tục như vậy. Kết quả là danh sách được nhóm theo cấp chứ không phải theo vị trí trong tài liệu. Muốn xem dàn ý lồng nhau đúng thứ tự thật, hãy dùng công cụ dành cho lập trình viên trên trình duyệt.
Cảnh báo nhảy cấp ở đây có ý nghĩa gì?
Do danh sách được nhóm theo cấp, phép kiểm tra này thực chất phát hiện việc thiếu hẳn một cấp trên toàn trang, ví dụ trang có thẻ H2 và thẻ H4 nhưng không có thẻ H3 nào. Nó không phát hiện được việc nhảy cấp tại một vị trí cụ thể trong bài, nên hãy dùng nó như một chỉ báo chứ không phải kết luận cuối cùng.
Một trang có được phép có nhiều thẻ H1 không?
Về mặt kỹ thuật thì được và trang vẫn hoạt động bình thường, nhưng về mặt thực hành thì nên giữ một thẻ để chủ đề chính của trang rõ ràng. Nhiều thẻ H1 thường không phải do người viết cố ý mà do mẫu giao diện đặt tên trang web, tên bài và tên khối quảng bá cùng ở cấp H1.
Vì sao công cụ báo không phân tích được dù địa chỉ tôi nhập đúng?
Có ba nguyên nhân phổ biến. Máy chủ của trang chặn các yêu cầu không đến từ trình duyệt thông thường. Trang yêu cầu đăng nhập nên nội dung trả về là trang đăng nhập. Hoặc dịch vụ trung gian dùng để lấy mã nguồn đang quá tải. Bạn thử lại sau ít phút, và nhớ nhập đầy đủ cả phần giao thức ở đầu địa chỉ.
Trang của tôi có nhiều heading nhưng công cụ chỉ thấy vài cái, vì sao?
Vì công cụ đọc mã HTML gốc do máy chủ trả về, chưa chạy JavaScript. Nếu phần nội dung của bạn được dựng bằng JavaScript sau khi trang tải xong, các thẻ tiêu đề trong phần đó sẽ không xuất hiện. Đây cũng là tín hiệu đáng lưu ý vì một số bộ thu thập dữ liệu cũng gặp khó khăn tương tự.
Kiểm tra được trang của đối thủ không?
Được, vì công cụ chỉ cần một địa chỉ công khai và đọc mã nguồn giống như trình duyệt. Đây là cách nhanh để xem đối thủ chia bài thành những phần nào và đặt tiêu đề ra sao. Ngược lại, đừng dùng với địa chỉ nội bộ hay bản chạy thử chưa công bố vì địa chỉ đó đi qua dịch vụ trung gian của bên thứ ba.
Heading rỗng gây hại gì?
Trình đọc màn hình sẽ thông báo có một tiêu đề nhưng không đọc được chữ nào, làm người dùng mất phương hướng khi điều hướng theo danh sách tiêu đề. Loại lỗi này thường sinh ra khi một biểu tượng trang trí bị bọc trong thẻ tiêu đề, hoặc khi biên tập viên để lại một dòng trống đã định dạng tiêu đề.
Có nên nhét từ khóa vào tất cả các thẻ H2 không?
Không. Lặp cùng một cụm từ ở mọi tiêu đề khiến bài đọc rất gượng và không mang lại lợi ích xếp hạng nào đáng kể. Hãy viết tiêu đề nói đúng điều phần bên dưới trả lời; từ khóa và các biến thể sẽ xuất hiện tự nhiên ở những chỗ chúng thật sự phù hợp.
Thẻ tiêu đề trong menu và chân trang có tính không?
Có, công cụ lấy toàn bộ thẻ tiêu đề trên trang bất kể chúng nằm ở đâu. Nếu bạn thấy trong kết quả có những dòng lạ như tên chuyên mục trong menu hay tiêu đề khối đăng ký nhận tin, đó là dấu hiệu mẫu giao diện đang dùng thẻ tiêu đề cho những khối phụ, và bạn nên xem lại phần mã giao diện.
Một bài viết nên có bao nhiêu thẻ tiêu đề?
Không có con số chuẩn, vì nó phụ thuộc độ dài và độ phức tạp của bài. Chỉ báo thực dụng là mỗi phần nội dung liền mạch không nên dài quá vài trăm chữ mà không có tiêu đề, để người đọc lướt vẫn định vị được. Ngược lại, nếu cứ hai câu lại một tiêu đề thì cấu trúc trở nên vụn và mất tác dụng dẫn đường.
Sửa cấp thẻ tiêu đề có làm hỏng giao diện không?
Có thể, nếu CSS của bạn đang gắn cỡ chữ trực tiếp vào tên thẻ. Cách xử lý đúng là gắn kiểu dáng theo lớp thay vì theo tên thẻ, khi đó bạn tự do chọn cấp thẻ theo cấu trúc nội dung mà vẫn giữ nguyên hình thức. Đây cũng là lý do không nên chọn cấp thẻ dựa trên cỡ chữ mong muốn.
Dữ liệu phân tích có được lưu lại không?
Việc đọc và phân tích mã nguồn diễn ra ngay trong trình duyệt của bạn và kết quả không được lưu, nhưng địa chỉ trang bạn nhập có đi qua một dịch vụ trung gian công khai để vượt giới hạn tải chéo nguồn của trình duyệt. Vì vậy chỉ nên dùng với các địa chỉ đã công khai trên mạng.
Từ khóa liên quan
- kiểm tra cấu trúc heading
- heading analyzer online
- thẻ h1 h2 h3 trong seo
- cấu trúc h1 h6 chuẩn seo
- một trang có mấy thẻ h1
- lỗi nhảy cấp heading
- kiểm tra thẻ h1 của website
- phân cấp tiêu đề bài viết
- heading rỗng là gì
- cấu trúc dàn ý bài viết chuẩn seo
- trình đọc màn hình điều hướng theo heading
- khả năng tiếp cận website
- cách đặt tiêu đề mục trong bài
- mục lục tự động cho bài viết
- đoạn trích nổi bật featured snippet
- kiểm tra heading trang đối thủ
- công cụ seo onpage miễn phí
- phân tích cấu trúc trang web
- thẻ heading trong html
- seo cấu trúc nội dung
