vì lý do phong cách, và Gutenberg đã ẩn H1 khỏi các tùy chọn khối tiêu đề, bạn sẽ không có thẻ H1 nào trên trang.

Đây chính xác là tình huống được gắn cờ trong một vấn đề kéo dài trên GitHub trong kho lưu trữ Gutenberg — người dùng yêu cầu khả năng xóa hoàn toàn tùy chọn H1 cho các thiết lập doanh nghiệp và đại lý nơi H1 được kiểm soát ở cấp độ mẫu. Vấn đề này làm nổi bật sự nhầm lẫn thực sự: hành vi mặc định của trình chỉnh sửa và mẫu của chủ đề cần được phối hợp rõ ràng, nhưng WordPress không cung cấp kiểm tra tự động cho việc này.

Vấn đề B: Người chỉnh sửa nội dung vẫn có thể chọn H1 trong trình chỉnh sửa khối bằng cách thay đổi cấp độ tiêu đề. Nếu chủ đề của bạn đã xuất tiêu đề bài viết dưới dạng H1, một người chỉnh sửa thêm một khối H1 khác vào trong khu vực nội dung sẽ tạo ra bản sao — và không có cảnh báo nào xuất hiện.

Nguồn 3: Trình tạo trang (Elementor, Divi, Beaver Builder)

Trình tạo trang là nguồn lớn nhất gây ra sự hỗn loạn về phân cấp tiêu đề trong WordPress.

Đây là lý do: trình tạo trang cung cấp cho bạn quyền kiểm soát hình ảnh chi tiết. Bạn có thể kéo một phần tử văn bản đến bất cứ đâu, tạo kiểu cho nó theo bất kỳ cách nào và gán bất kỳ cấp độ tiêu đề nào. Điều này rất mạnh mẽ cho thiết kế. Nhưng nó lại là thảm họa cho cấu trúc.

Vấn đề tiêu đề trình tạo trang điển hình trông như thế này:

• Phần Hero: H1 (đúng) ✓
• Tiêu đề phần tính năng: H3 (bỏ qua H2, được chọn vì nó “trông đẹp hơn”) ✗
• Tiêu đề khu vực tiện ích: H2 (trông giống như tiêu đề phần, nhưng chỉ là tiêu đề tiện ích thanh bên) ✗
• Tiêu đề lời chứng thực: H4 (không có H3 phía trên nó) ✗
• Tiêu đề CTA: H2 (quay lại cấp độ cao hơn, bây giờ dàn ý hoàn toàn không tuyến tính) ✗

Kết quả là một cấu trúc tiêu đề mạch lạc về mặt hình ảnh nhưng vô nghĩa về mặt ngữ nghĩa. Trình đọc màn hình và trình thu thập dữ liệu phân tích điều này sẽ nhận được một dàn ý nội dung nhảy vọt như một mục lục bị hỏng.

Tài liệu của InspectWP xác định mô hình này một cách rõ ràng: tác giả và người dùng trình tạo trang chọn cấp độ tiêu đề dựa trên cách chúng trông như thế nào thay vì ý nghĩa logic của chúng — nếu H3 là kích thước hình ảnh phù hợp, họ chọn H3, ngay cả khi không có H2 phía trên nó.

Nguồn 4: Tiện ích và Thành phần chủ đề

Các khu vực tiện ích WordPress — thanh bên, chân trang, mô-đun tiêu đề — thường xuất các tiêu đề của riêng chúng. Một tiện ích “Bài viết gần đây” có thể hiển thị dưới dạng H2. Một biểu ngữ quảng cáo được tích hợp trong chủ đề có thể sử dụng H3. Không có cái nào trong số này là một phần của dàn ý nội dung, nhưng chúng xuất hiện trong cấu trúc tiêu đề của trang.

Điều này tạo ra "nhiễu" tiêu đề làm tăng độ phức tạp rõ ràng của dàn ý và có thể đẩy các tiêu đề nội dung ra khỏi vị trí phân cấp chính xác của chúng.

5 vấn đề phổ biến nhất về H1 và phân cấp tiêu đề trong WordPress

Vấn đề 1: Tiêu đề trang web được bao bọc trong thẻ H1 trên mọi trang

Nó trông như thế nào: Mọi trang trên trang web của bạn đều có hai thẻ H1 — tên trang web và tiêu đề bài viết của bạn.

Nó ảnh hưởng đến ai: Các trang web sử dụng giao diện cũ, giao diện cao cấp được xây dựng kém hoặc bất kỳ giao diện nào mà nhà phát triển sử dụng

cho thương hiệu trang web.

Cách phát hiện: Nhấp chuột phải vào bất kỳ trang nào → Kiểm tra (Inspect) → tìm kiếm

trong bảng Elements. Nếu bạn thấy tên trang web của mình được bao bọc trong thẻ H1 trong phần

, bạn đang gặp vấn đề này.

Cách khắc phục:

Cách 1: Chỉnh sửa giao diện con (cách tiếp cận của nhà phát triển) Trong giao diện con của bạn, header.php, tìm đầu ra tiêu đề trang web và thay đổi nó từ

thành

hoặc với các lớp (class) phù hợp:

php

＜p class="site-title"＞
  ＜a href="＜?php echo esc_url(home_url('/')); ?＞" rel="home"＞
    ＜?php bloginfo('name'); ?＞
  ＜/a＞
＜/p＞

Cách 2: CSS + aria-label (giải pháp thay thế không cần mã) Nếu bạn không thể chỉnh sửa tệp giao diện, hãy sử dụng CSS để đặt lại kiểu H1 trên tiêu đề trang web:

css

.site-header h1.site-title {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

Lưu ý: điều này ẩn vấn đề H1 trực quan nhưng không sửa được vấn đề cấu trúc. Thẻ H1 vẫn còn trong mã nguồn.

Cách 3: Chuyển sang giao diện có cấu trúc tốt Các giao diện tuân thủ tiêu chuẩn mã hóa WordPress (Twenty Twenty-Four, Kadence, GeneratePress, Astra) xử lý vấn đề này một cách chính xác ngay từ đầu. Nếu giao diện hiện tại của bạn gặp vấn đề này và bạn không phải là nhà phát triển, việc chuyển đổi thường là cách khắc phục đáng tin cậy nhất.

---

Vấn đề 2: Thiếu thẻ H1 trên trang chủ

Nó trông như thế nào: Trang chủ của bạn không có thẻ H1 nào. Các plugin SEO báo cáo "Không tìm thấy H1."

Nó ảnh hưởng đến ai: Các trang web sử dụng hình ảnh logo để làm thương hiệu (ẩn tiêu đề trang web), các trang web sử dụng trang chủ tĩnh không hiển thị tiêu đề, hoặc các trang web mà mẫu trang chủ của giao diện không gọi the_title().

Đây là một vấn đề thực tế và tái diễn trong các diễn đàn hỗ trợ WordPress. Nguyên nhân thường là do trình tự này: tiêu đề trang web được đặt để hiển thị trong tiêu đề, nhưng người dùng ẩn nó đi (hoặc thay thế bằng logo), loại bỏ thẻ H1 duy nhất khỏi trang. Vì trang chủ thường không có "tiêu đề bài viết" giống như một bài đăng trên blog, nên không có thẻ H1 tự động nào được tạo ra.

Cách khắc phục:

Đối với trang chủ cụ thể: Thêm thẻ H1 vào phần hero hoặc mẫu trang của bạn. Điều này có thể là:

• Một tiêu đề hiển thị ("Tên doanh nghiệp của bạn | Danh mục dịch vụ") cũng đóng vai trò là thẻ H1
• Một thẻ H1 ẩn trực quan được thêm qua CSS (position: absolute; clip: rect(0 0 0 0);) cung cấp dấu hiệu ngữ nghĩa mà không làm gián đoạn thiết kế trực quan

Trong Gutenberg: Thêm khối Tiêu đề ở đầu nội dung trang chủ của bạn, đặt nó thành H1 và biến nó thành một phần trong thông điệp hero của bạn.

---

Vấn đề 3: Bỏ qua các cấp độ tiêu đề trong nội dung

Nó trông như thế nào: Cấu trúc nội dung nhảy từ H2 trực tiếp sang H4, hoặc từ H1 trực tiếp sang H3.

Nó ảnh hưởng đến ai: Bất kỳ ai viết nội dung dài sử dụng tiêu đề để tạo kiểu trực quan thay vì cấu trúc ngữ nghĩa.

Tại sao nó quan trọng: Như InspectWP lưu ý, việc bỏ qua các cấp độ tiêu đề xảy ra khi tác giả chọn cấp độ dựa trên hình thức — H3 trông có vẻ đúng, vì vậy họ sử dụng H3, bất kể có H2 đứng trước nó hay không.

Cách phát hiện trong Gutenberg: Nhấp vào biểu tượng thông tin (ⓘ) trên thanh công cụ phía trên của trình chỉnh sửa khối. Bảng Dàn ý Tài liệu hiển thị mọi tiêu đề theo thứ tự và gắn cờ các cấp độ bị bỏ qua bằng cảnh báo.

Cách khắc phục:

1. Kiểm tra cấu trúc tiêu đề của bạn bằng Dàn ý Tài liệu trước khi xuất bản
2. Đặt hướng dẫn kiểu nội dung cho nhóm của bạn: H2 cho các phần chính, H3 cho các phần phụ, H4 cho các phần phụ của phần phụ — không bao giờ bỏ qua cấp độ
3. Sử dụng phân tích nội dung của Yoast SEO hoặc Rank Math — cả hai đều gắn cờ các vấn đề về cấu trúc tiêu đề

---

Vấn đề 4: Nhiều thẻ H1 từ các trình tạo trang

Nó trông như thế nào: Một trang được xây dựng bằng Elementor hoặc Divi có ba hoặc bốn thẻ H1 vì mỗi phần chính có tiêu đề "H1" kiểu hero riêng.

Cách khắc phục:

Trong Elementor: Chỉnh sửa từng tiện ích tiêu đề → kiểm tra cài đặt Thẻ HTML → chỉ đặt tiêu đề trang chính thành H1 và thay đổi tất cả các tiêu đề khác thành H2 hoặc H3 nếu phù hợp.

Trong Divi: Chỉnh sửa các mô-đun tiêu đề → trong phần Nâng cao → Thẻ HTML → thay đổi thành cấp độ ngữ nghĩa chính xác.

Trong Beaver Builder: Mỗi mô-đun tiêu đề có cài đặt "Thẻ tiêu đề" trong tab Kiểu. Hãy kiểm tra từng cái một.

---

Vấn đề 5: Vấn đề hiển thị H1 trong Gutenberg

Nó trông như thế nào: Giao diện của bạn không xuất tiêu đề bài viết dưới dạng H1 và Gutenberg đã ẩn tùy chọn H1 trong khối Tiêu đề. Các trang của bạn không có H1.

Cách khắc phục:

Đối với các nhà phát triển quản lý trang web nơi H1 phải được đặt bên trong vùng nội dung, bạn có thể khôi phục tùy chọn H1 bằng cách sử dụng bộ lọc trong giao diện của bạn functions.php:

php

// Allow H1 in the Heading block
add_filter( 'allowed_block_types_all', function( $allowed_blocks ) {
    return $allowed_blocks;
});

Ngoài ra, hãy chuyển sang chế độ "Chỉnh sửa dưới dạng HTML" cho khối Tiêu đề và đặt thủ công

trong mã đánh dấu.

Đối với các thiết lập đại lý nơi bạn muốn ngăn chặn biên tập viên thêm H1 (vì mẫu đã kiểm soát nó), hãy sử dụng block_editor_settings_all bộ lọc để hạn chế các cấp độ tiêu đề trong trình chỉnh sửa.

---

Cách kiểm tra cấu trúc tiêu đề WordPress của bạn (Từng bước)

Phương pháp 1: Plugin miễn phí SkySEOManager

Sử dụng Plugin SkySEOManager trình phân tích SEO tích hợp để tìm tất cả các vấn đề liên quan đến Tiêu đề.

Đọc hướng dẫn đầy đủ của chúng tôi: cách kiểm tra trang web wordpress của bạn bằng SkySEOManager cho tất cả các vấn đề SEO

Phương pháp 2: Sử dụng trình phân tích SEO miễn phí của Siteskyline

Truy cập Trình phân tích SEO miễn phí và nhập URL của bạn rồi nhấp vào phân tích ngay.

Nó sẽ hiển thị cho bạn tất cả các vấn đề với thẻ tiêu đề của bạn.

---

Hệ thống phân cấp H1 của WordPress: Danh sách kiểm tra cho đại lý

Nếu bạn đang xây dựng hoặc duy trì các trang web WordPress cho khách hàng, cấu trúc tiêu đề cần phải là một phần trong quy trình kiểm tra trước khi ra mắt và kiểm tra định kỳ của bạn. Đây là danh sách kiểm tra có thể lặp lại:

Ở cấp độ chủ đề (Theme):

• Tiêu đề trang web trong phần đầu trang KHÔNG được bao bọc trong

  (sử dụng

  , hoặc

  )

• Tiêu đề bài viết/trang hiển thị dưới dạng

  trong

  hoặc

  trên tất cả các loại bài viết

• Trang chủ có chính xác một

  — từ tiêu đề trang web hoặc phần hero

• Các trang lưu trữ (danh mục, thẻ, tác giả) có một

  mô tả

• Trang 404 có một

Ở cấp độ nội dung:

• Mỗi trang có chính xác một

  trong vùng nội dung (hoặc bằng không nếu chủ đề xử lý nó thông qua tiêu đề)

• Các phần chính sử dụng

• Các phần phụ sử dụng

  lồng trong các phần

• Không có cấp độ tiêu đề nào bị bỏ qua
• Tiêu đề không chỉ được sử dụng cho mục đích tạo kiểu hình ảnh

Ở cấp độ Plugin/Trình tạo trang:

• Các phần tử tiêu đề của Elementor/Divi/Beaver Builder có cài đặt Thẻ HTML chính xác
• Các vùng tiện ích không vô tình xuất ra thẻ H1 hoặc H2
• Các cảnh báo H1 của plugin SEO được giải quyết trên tất cả các trang chính

---

Hệ thống phân cấp tiêu đề WordPress chính xác — Theo loại trang

Một mẫu không phù hợp với mọi loại trang WordPress. Đây là cấu trúc chính xác cho từng loại:

Bài đăng trên blog / Trang bài đăng đơn lẻ

H1: Post Title (output by theme automatically)
  H2: First major section
    H3: Subsection
    H3: Another subsection
  H2: Second major section
    H3: Subsection
      H4: Detail
  H2: Third major section

Trang chủ (Trang tĩnh)

H1: Primary value proposition or page headline
  H2: Service category or feature group
    H3: Individual service or feature
  H2: Testimonials or social proof section
  H2: Call to action section

Trang sản phẩm WooCommerce

H1: Product name (output by WooCommerce template)
  H2: Product description heading
  H2: Reviews
  H2: Related products

Trang danh mục / Trang lưu trữ

H1: Category name (e.g., "WordPress SEO Articles")
  H2: Post title within loop (if posts are displayed with headings)

---

Những sai lầm phổ biến làm hỏng cấu trúc H1 của WordPress

Sai lầm 1: Sử dụng thẻ tiêu đề để tạo kiểu văn bản Nếu bạn muốn văn bản in đậm lớn không phải là tiêu đề phần, đừng sử dụng H2. Hãy thêm lớp CSS vào

hoặc

và tạo kiểu trực quan cho nó. Việc sử dụng thẻ tiêu đề chỉ vì mục đích thẩm mỹ sẽ làm ô nhiễm cấu trúc của bạn.

Sai lầm 2: Để biên tập viên chọn cấp độ tiêu đề theo mắt nhìn Nếu không có hướng dẫn về phong cách nội dung, các biên tập viên sẽ tự nhiên hướng tới các cấp độ tiêu đề mà họ trông như thế nào thấy đúng. Một hướng dẫn nội bộ ngắn gọn — "H2 cho các phần, H3 cho các phần phụ, không bao giờ sử dụng H1 trong nội dung" — sẽ ngăn chặn hầu hết các vấn đề.

Sai lầm 3: Cài đặt chủ đề WordPress mà không kiểm tra cấu trúc tiêu đề Không phải tất cả các chủ đề WordPress cao cấp đều xuất ra mã đánh dấu tiêu đề chính xác. Trước khi cam kết sử dụng một chủ đề, hãy kiểm tra một bài đăng demo: tiêu đề bài đăng có hiển thị dưới dạng H1 không? Tiêu đề trang web có tránh được việc là H1 trên các trang bên trong không?

Sai lầm 4: Giả định rằng plugin SEO của bạn bao quát mọi thứ Yoast và Rank Math kiểm tra bài viết bạn đang chỉnh sửa. Chúng không phát hiện được các vấn đề về tiêu đề (heading) do mẫu tiêu đề (header template), tiện ích chân trang (footer widgets) hoặc mẫu trang lưu trữ của giao diện gây ra. Việc kiểm tra thủ công hoặc quét bằng Screaming Frog vẫn là cần thiết.

Sai lầm 5: Sửa giao diện hiển thị thay vì cấu trúc HTML Cách "sửa" phổ biến nhất cho vấn đề H1 tiêu đề trang web là thêm CSS để làm cho nó trông nhỏ hơn. Điều đó che giấu vấn đề về mặt hình ảnh nhưng vẫn để lại mã đánh dấu bị lỗi. Hãy sửa thẻ HTML, không chỉ là kiểu dáng.