Breadcrumb Schema trên WordPress: cấu hình Rank Math

Breadcrumb ở đầu bài viết cho người đọc biết họ đang ở đâu và có thể quay lại chủ đề lớn hơn bằng đường nào. Trong mã nguồn, BreadcrumbList giúp công cụ tìm kiếm hiểu vị trí của trang trong hệ thống nội dung.

Điểm dễ nhầm là breadcrumb trên giao diện và Breadcrumb Schema không hoàn toàn giống nhau. Khi cấu hình WordPress và Rank Math, hai lớp này cần cùng mô tả một hệ thống phân cấp hợp lý.

Nội dung chính:

Breadcrumb hiển thị và Breadcrumb Schema khác nhau thế nào?

Breadcrumb hiển thị là chuỗi liên kết thường nằm phía trên tiêu đề bài viết, chẳng hạn:

Trang chủ > Kiến thức SEO > Technical SEO & Dữ liệu > BreadcrumbList Schema trên WordPress

Chuỗi này giúp người đọc quay lại danh mục liên quan, đồng thời tạo đường dẫn nội bộ giữa bài viết và trang chuyên mục.

Breadcrumb Schema là phần mã có kiểu BreadcrumbList, thường được xuất dưới dạng JSON-LD. Mỗi cấp trong đường dẫn được khai báo bằng một ListItem, kèm tên, vị trí và URL tương ứng. Người đọc không nhìn thấy đoạn JSON-LD trên trang, nhưng công cụ tìm kiếm có thể đọc nó để hiểu quan hệ phân cấp.

Website có thể hiển thị breadcrumb mà không có schema hoặc ngược lại. Cấu hình tốt vẫn là để nội dung hiển thị và dữ liệu có cấu trúc thống nhất. Nếu giao diện ghi một danh mục còn JSON-LD ghi danh mục khác, website đang gửi hai tín hiệu không đồng nhất.

Từ tháng 1/2025, Google không còn hiển thị breadcrumb trong phần URL của kết quả tìm kiếm di động; thiết bị di động chỉ hiện tên miền. Breadcrumb vẫn xuất hiện trên kết quả máy tính và vẫn có vai trò điều hướng trên website.

Google yêu cầu gì đối với BreadcrumbList?

Google khuyên đường dẫn phân cấp nên đại diện cho lộ trình điển hình của người dùng, không nhất thiết sao chép cấu trúc URL. Một bài có slug ngắn vẫn có thể nằm trong breadcrumb nhiều cấp nếu các cấp đó thực sự tồn tại.

Một BreadcrumbList hợp lệ cần ít nhất hai ListItem. position là số nguyên bắt đầu từ 1; mỗi mục cần có name và item chứa URL. Riêng mục cuối có thể không cần item, khi đó Google dùng URL của trang chứa schema.

Ví dụ rút gọn:

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Kiến thức SEO",
      "item": "https://example.com/kien-thuc-seo"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Technical SEO & Dữ liệu",
      "item": "https://example.com/technical-seo"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "BreadcrumbList Schema trên WordPress"
    }
  ]
}

Các URL example.com chỉ để minh họa. Khi áp dụng, từng URL phải là trang thật, trả về 200 và phù hợp với canonical. Không nên thêm trang tag, trang lọc hoặc chuyên mục ít giá trị chỉ để làm chuỗi dài hơn.

Breadcrumb nên đi theo cấu trúc nội dung, không chạy theo slug

Slug mô tả địa chỉ trang, còn silo mô tả quan hệ giữa các nhóm nội dung. Website có thể dùng URL ngắn maikimtuyen.com/breadcrumb-schema-wordpress, trong khi breadcrumb vẫn thể hiện:

Trang chủ > Kiến thức SEO > Technical SEO & Dữ liệu > Bài viết hiện tại

Trang “Technical SEO & Dữ liệu” phải thực sự có giá trị điều hướng và liên kết đến các bài trong nhóm. Nếu đây chỉ là kho lưu bài tự động, việc đưa nó vào breadcrumb chưa chắc giúp người đọc.

Trước khi cấu hình, nên xác định quan hệ giữa URL, danh mục và cụm chủ đề. Tham khảo Slug và cấu trúc silo và Cấu trúc website chuẩn SEO để sắp xếp lại hệ thống phân cấp.

Cách bật breadcrumb trong Rank Math

Chuyển Rank Math sang Advanced Mode nếu giao diện chưa hiện đủ cài đặt. Mở Rank Math SEO, vào General Settings, chọn Breadcrumbs và bật chức năng này. Module Schema cũng cần được kích hoạt trong Dashboard.

Tại đây, chọn các thành phần cần xuất hiện như trang chủ, trang blog, tiền tố và danh mục. Với maikimtuyen.com, có thể hiển thị danh mục khi trang lưu trữ của danh mục đó có giá trị điều hướng thật.

Tiếp theo, vào Titles & Meta, chọn Posts và đặt Primary Taxonomy là Categories. Đây là taxonomy Rank Math dùng để tạo breadcrumb cho bài viết.

Nếu bài thuộc nhiều danh mục, chọn một danh mục chính trong trình soạn thảo. Rank Math dùng lựa chọn này cho cả breadcrumb hiển thị và schema. Nếu danh mục chính có cấp cha, chuỗi có thể gồm cả cha và con.

Để chèn breadcrumb vào giao diện, có thể dùng shortcode: rank_math_breadcrumb (bỏ trong [])

Với Flatsome, có thể đặt shortcode trong phần tử Shortcode hoặc UX Block của mẫu bài viết. Sau khi chèn, kiểm tra cả máy tính và điện thoại để tránh đè tiêu đề và bảo đảm liên kết dễ bấm.

Nếu triển khai trong template PHP, Rank Math cung cấp hàm:

<?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>

Nên đặt đoạn này trong child theme hoặc cơ chế tùy biến an toàn. Chỉnh trực tiếp parent theme có thể làm phần bổ sung bị mất khi cập nhật.

Khi breadcrumb được bật và chèn vào trang, Rank Math tự tạo BreadcrumbList tương ứng. Không cần thêm JSON-LD thủ công nếu đầu ra đã đúng.

Các lỗi thường gặp khi cấu hình breadcrumb

Lỗi phổ biến nhất là có hai nguồn cùng tạo breadcrumb. Theme và Rank Math có thể hiển thị hai chuỗi, đồng thời xuất hai đối tượng BreadcrumbList. Trước khi bật Rank Math, kiểm tra theme hoặc plugin khác và chỉ giữ một nguồn chính.

Lỗi thứ hai là chọn sai danh mục chính. Bài có thể thuộc nhiều danh mục, nhưng breadcrumb chỉ nên thể hiện lộ trình dễ hiểu nhất. Nếu không chọn primary category, hệ thống có thể lấy sai nhóm nội dung.

Lỗi thứ ba nằm ở cấu trúc danh mục. Bài gắn sai danh mục con hoặc thuộc quá nhiều nhóm sẽ khiến breadcrumb không phản ánh đúng silo.

Các lỗi khác gồm position bị lặp, thiếu URL trung gian, URL trả về 404, đi qua chuyển hướng hoặc không trùng canonical. Với maikimtuyen.com, URL bài viết không có dấu / ở cuối, nên URL trong breadcrumb và schema phải theo đúng phiên bản đó.

Cách kiểm tra sau khi cấu hình

Sau khi lưu cài đặt, mở một bài viết ở chế độ ẩn danh và kiểm tra:

Nhấp từng cấp trên breadcrumb và xác nhận trang đích mở bình thường.
Mở mã nguồn, tìm BreadcrumbList và kiểm tra số đối tượng được tạo.
So sánh tên, thứ tự và URL trong JSON-LD với breadcrumb mà người đọc nhìn thấy.
Kiểm tra từng URL trung gian có trả về 200, không qua chuyển hướng và khớp canonical.
Dùng Rich Results Test của Google để phát hiện lỗi dữ liệu có cấu trúc.
Dùng Schema Markup Validator để xem các thuộc tính Schema.org.
Sau khi lập chỉ mục, kiểm tra URL trong Google Search Console.

Rich Results Test báo hợp lệ không có nghĩa Google chắc chắn hiển thị breadcrumb. Cách hiển thị cuối cùng vẫn do Google quyết định.

Checklist trước khi xuất bản

Chỉ có một breadcrumb hiển thị trên trang.
Chỉ có một nguồn chính tạo BreadcrumbList.
Danh mục chính phản ánh đúng cụm nội dung của bài.
Các cấp trung gian là trang hữu ích và có thể truy cập.
Tên và thứ tự trong giao diện khớp với dữ liệu có cấu trúc.
URL trong schema khớp canonical, không có 302 hoặc 404.
Các URL nội bộ của maikimtuyen.com không có dấu / ở cuối.
Trang vượt qua Rich Results Test mà không có lỗi bắt buộc.

Breadcrumb Schema không thể sửa một kiến trúc website thiếu logic. Thứ tự triển khai hợp lý là xác định silo, chuẩn hóa danh mục, chọn primary category, hiển thị breadcrumb rồi kiểm tra BreadcrumbList.

Nếu cần nhìn rộng hơn về vai trò của dữ liệu có cấu trúc và cách các loại schema phối hợp trên một website, đọc thêm bài Schema Markup là gì?.

Nguồn tham khảo: