Breadcrumb là gì (đường dẫn phân cấp trên website)

Bạn mở một trang sản phẩm sâu trong website và muốn biết nó nằm ở nhánh nào, làm sao quay lại danh mục cha mà không bấm nút “back” của trình duyệt nhiều lần. Dải liên kết nhỏ phía trên tiêu đề chính là thứ trả lời câu hỏi đó. Bài viết này giải thích cấu trúc, lợi ích cho điều hướng lẫn SEO, schema khai báo cho Google và cách bật trên WordPress.

Cấu trúc của một breadcrumb

Tên gọi “vụn bánh mì” lấy từ truyện cổ tích: nhân vật rải vụn bánh để tìm đường về nhà. Trên website, mỗi mảnh vụn là một liên kết tới một cấp trong cây nội dung, xếp từ trái sang phải theo thứ tự từ tổng quát đến cụ thể, ngăn cách bằng dấu phân tách (thường là › hoặc /).

Một chuỗi điển hình trông như sau:

Trang chủ › Dịch vụ › SEO › Audit website

Mảnh cuối cùng (trang hiện tại) thường để dạng chữ thường, không phải liên kết, vì bạn đang đứng ở đó. Các mảnh phía trước đều bấm được để nhảy ngược lên cấp cha. Có ba kiểu breadcrumb phổ biến:

• Theo thứ bậc (hierarchy-based): phản ánh cây cấu trúc website (Trang chủ › Danh mục › Trang con). Đây là kiểu được khuyên dùng nhất vì rõ ràng và ổn định.
• Theo lịch sử (path-based): hiện đúng đường người dùng vừa đi qua. Kiểu này dễ rối vì mỗi người một lối, ngày nay hiếm ai dùng.
• Theo thuộc tính (attribute-based): hay gặp ở trang thương mại điện tử, hiện các bộ lọc đang chọn (ví dụ Giày › Nam › Size 42).

Lợi ích cho điều hướng người dùng

Breadcrumb là một dạng điều hướng phụ, không thay thế menu chính mà bổ trợ. Giá trị lớn nhất nằm ở chỗ người đọc luôn biết mình đang ở đâu trong tổng thể site, đặc biệt khi họ vào thẳng một trang sâu từ kết quả tìm kiếm chứ không đi từ trang chủ.

Khi muốn xem các nội dung anh em cùng nhánh, người đọc chỉ cần bấm lên cấp danh mục cha ngay trên breadcrumb thay vì lần mò trong menu. Trải nghiệm mượt này khuyến khích họ ở lại lâu hơn và khám phá thêm trang. Vì breadcrumb chiếm rất ít diện tích, nó là cách rẻ và gọn để tăng khả năng đi sâu trong site mà không làm rối giao diện.

Lợi ích cho SEO

Breadcrumb không chỉ phục vụ con người. Nó tạo ra một lớp liên kết nội bộ (internal link — liên kết giữa các trang trong cùng website) có hệ thống, giúp bot của Google bò qua và hiểu thứ bậc nội dung dễ hơn. Ba giá trị cụ thể:

• Truyền tải cấu trúc: chuỗi breadcrumb nói rõ trang này thuộc nhánh nào, liên quan tới những trang nào ở cấp trên. Đây là tín hiệu giúp Google sắp xếp nội dung theo chủ đề.
• Phân phối liên kết nội bộ: mỗi mảnh là một liên kết trỏ ngược lên trang cha, làm các trang danh mục nhận thêm liên kết tự nhiên, giảm độ sâu (số cú nhấp từ trang chủ tới một trang).
• Văn bản neo giàu ngữ cảnh: chữ trong breadcrumb (ví dụ “SEO”, “Audit website”) đóng vai trò văn bản neo (anchor text), gợi ý chủ đề của trang đích cho công cụ tìm kiếm.

Breadcrumb còn có thể xuất hiện trong kết quả tìm kiếm thay cho dòng URL trần. Lưu ý một thay đổi gần đây: Google chỉ hiển thị breadcrumb trong kết quả trên máy tính bàn, còn trên di động đã bỏ. Dù vậy, lợi ích về liên kết nội bộ và cấu trúc vẫn nguyên giá trị, không phụ thuộc vào việc nó có hiện ra trên SERP hay không.

Schema BreadcrumbList

Để Google hiểu dải breadcrumb một cách chắc chắn, bạn khai báo nó bằng dữ liệu có cấu trúc (structured data) kiểu BreadcrumbList, viết theo định dạng JSON-LD đặt trong phần mã nguồn trang. JSON-LD là định dạng Google khuyến nghị vì nó tách rời khỏi giao diện, không làm vỡ CSS.

Một khối tối thiểu cần ít nhất hai mục ListItem, mỗi mục có position (thứ tự), name (tên hiển thị) và item (URL — mục cuối được phép bỏ URL):

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Dịch vụ",
      "item": "https://web22.dev/dich-vu/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "SEO",
      "item": "https://web22.dev/dich-vu/seo/"
    }
  ]
}

Google đưa ra hai lời khuyên quan trọng. Thứ nhất, breadcrumb nên phản ánh đường đi điển hình của người dùng tới trang, không nhất thiết sao chép y nguyên cấu trúc URL. Thứ hai, không bắt buộc thêm mục cho tên miền gốc (Trang chủ) lẫn cho chính trang hiện tại. Sau khi gắn xong, hãy kiểm tra bằng công cụ Rich Results Test và theo dõi trong Google Search Console.

Một lưu ý cập nhật để tránh nhầm: schema breadcrumb vẫn còn hiệu lực, khác với schema FAQ vốn đã bị Google ngừng hiển thị dạng rich result. Nếu trước đây bạn nghe “gắn schema để có hiển thị đẹp”, hãy hiểu mỗi loại schema có số phận riêng, không gom chung.

Cách triển khai trên WordPress

Trên WordPress, bạn hiếm khi phải viết tay JSON-LD. Vài cách phổ biến:

1. Qua plugin SEO: các plugin như Rank Math hay Yoast có sẵn mục breadcrumb. Bạn bật tính năng, chọn dấu phân tách, rồi chèn một dòng hàm vào template (thường ở header.php hoặc đầu file template trang). Plugin tự sinh cả phần hiển thị lẫn schema BreadcrumbList kèm theo.
2. Theo theme: nhiều theme hiện đại đã tích hợp breadcrumb, chỉ cần bật trong phần tùy chỉnh. Hãy kiểm tra xem nó có kèm dữ liệu có cấu trúc chưa, nếu chưa thì nên để plugin SEO lo phần schema để tránh khai báo trùng.
3. Tự code: nếu làm theme riêng, bạn viết một hàm dựng chuỗi liên kết theo quan hệ cha-con của trang, rồi nhúng kèm khối JSON-LD. Cách này linh hoạt nhất nhưng cần cẩn thận để mảnh cuối không tạo liên kết tới chính nó.

Dù chọn cách nào, hãy đảm bảo chỉ một nguồn sinh schema breadcrumb để tránh khai báo hai lần gây cảnh báo trong Search Console. Giữ chuỗi ngắn gọn, đặt đúng vị trí ngay trên tiêu đề và nhất quán trên toàn site.

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

Breadcrumb có bắt buộc cho mọi website không?

Không bắt buộc, nhưng rất nên có với site nhiều cấp như blog, thương mại điện tử hay trang dịch vụ phân nhánh. Site phẳng chỉ vài trang thì lợi ích nhỏ hơn.

Mảnh cuối trong breadcrumb có nên là liên kết không?

Không. Mảnh cuối là trang hiện tại, nên để dạng chữ thường, không bấm được, để tránh liên kết trỏ về chính nó.

Breadcrumb không hiện trên di động thì có còn đáng làm không?

Có. Việc Google bỏ hiển thị trên kết quả di động chỉ ảnh hưởng phần nhìn thấy ở SERP. Giá trị liên kết nội bộ, điều hướng và tín hiệu cấu trúc cho bot vẫn còn nguyên.

Breadcrumb là một trong nhiều mảnh nhỏ của phần kỹ thuật trong SEO mà website nào cũng nên chuẩn hóa. Nếu bạn muốn rà soát toàn bộ cấu trúc và liên kết nội bộ cho site của mình, có thể tham khảo dịch vụ tối ưu SEO của Web22.