SEO E-Commerce

Breadcrumb Schema

Markup cấu trúc dạng breadcrumb giúp Google hiển thị đường dẫn phân cấp trong kết quả tìm kiếm.

4 lượt xem Cập nhật: 31/05/2026

Breadcrumb Schema là gì?

Breadcrumb Schema là đoạn mã cấu trúc (structured data) dạng JSON-LD hoặc Microdata, giúp Google hiểu rõ thứ bậc phân cấp của một trang web — ví dụ: Trang chủ > Thiết bị điện tử > Điện thoại > iPhone 15. Đây không phải là thanh điều hướng hiển thị trên giao diện người dùng, mà là dữ liệu kỹ thuật được nhúng vào mã nguồn để mô tả mối quan hệ cha-con giữa các mức danh mục và trang sản phẩm.

Google sử dụng dữ liệu này để tạo ra breadcrumb rich result — tức là đường dẫn phân cấp hiển thị trực tiếp trong kết quả tìm kiếm, thay vì chỉ hiện URL thuần tuý. Kết quả này giúp người dùng nhanh chóng nắm được vị trí trang trong cấu trúc website và tăng độ tin cậy.

Tại sao quan trọng trong SEO?

Với website thương mại điện tử (e-commerce), cấu trúc danh mục thường sâu và phức tạp: nhiều tầng danh mục con, sản phẩm thuộc nhiều nhóm đồng thời, hoặc có nhiều đường dẫn truy cập (ví dụ: sản phẩm xuất hiện cả ở Danh mục A và Danh mục B). Breadcrumb Schema giúp giải quyết ba vấn đề then chốt:

  • Cải thiện trải nghiệm người dùng trong SERP: Người tìm kiếm thấy rõ vị trí trang trong hệ thống — giảm tỷ lệ thoát khi họ nhận ra đây đúng là nơi cần đến.
  • Hỗ trợ lập chỉ mục chính xác: Google dễ dàng hiểu đâu là trang danh mục gốc, đâu là trang sản phẩm cuối cùng — từ đó ưu tiên lập chỉ mục đúng thứ tự ưu tiên và tránh trùng lặp nội dung.
  • Tăng CTR (tỷ lệ nhấp): Rich result với breadcrumb thường chiếm nhiều không gian hơn trong kết quả tìm kiếm, đặc biệt trên thiết bị di động — nghiên cứu của Search Engine Journal (2023) ghi nhận CTR trung bình tăng 8–12% so với kết quả chuẩn.

Lưu ý: Breadcrumb Schema không ảnh hưởng trực tiếp đến thứ hạng, nhưng là yếu tố hỗ trợ gián tiếp qua cải thiện hành vi người dùng và hiệu quả lập chỉ mục — hai tín hiệu mà Google xác nhận là quan trọng trong đánh giá chất lượng trang.

Cách hoạt động

Breadcrumb Schema hoạt động bằng cách khai báo một chuỗi các ListItem theo thứ tự tăng dần từ trang chủ đến trang hiện tại. Mỗi mục gồm ba thuộc tính bắt buộc:

  • @type: luôn là ListItem
  • position: số nguyên dương bắt đầu từ 1 (trang chủ), tăng dần theo chiều sâu
  • name: tên hiển thị của mục (không phải URL)
  • item (tuỳ chọn nhưng khuyến nghị): URL đầy đủ của mục đó, định dạng https://...

Google đọc toàn bộ chuỗi, kiểm tra tính liên tục của position, tính nhất quán giữa name và tiêu đề trang, cũng như khả năng truy cập của các URL trong item. Nếu phát hiện mâu thuẫn (ví dụ: position = 3 nhưng thiếu position = 2), Google bỏ qua toàn bộ schema.

Hướng dẫn thực hiện

  1. Xác định cấu trúc phân cấp thực tế: Dựa trên URL và điều hướng người dùng — không phải cấu trúc lý thuyết. Ví dụ: /dien-thoai/iphone-15 → phải tương ứng với Trang chủ > Điện thoại > iPhone 15, không phải Trang chủ > Sản phẩm > Mới về > iPhone 15.
  2. Chọn định dạng markup: Ưu tiên JSON-LD (nhúng trong thẻ <script type="application/ld+json"> trong <head> hoặc trước </body>). Lý do: dễ triển khai, ít xung đột với HTML, hỗ trợ tốt trên CMS như Shopify, WooCommerce, Magento.
  3. Viết schema chuẩn: Đảm bảo mỗi trang chỉ có một breadcrumb schema, vị trí tăng dần, tên ngắn gọn (dưới 70 ký tự), không chứa ký tự đặc biệt hay dấu câu thừa.
  4. Kiểm tra bằng công cụ chính thức: Dùng URL Inspection Tool trong Google Search Console hoặc Rich Results Test. Lưu ý: kết quả kiểm tra có thể mất 1–7 ngày để phản ánh trong SERP thật.
  5. Theo dõi hiệu quả: Trong Search Console → Performance → Filters → “Search appearance” → chọn “Breadcrumbs”. Theo dõi số lần hiển thị, CTR và lỗi báo cáo.

Lỗi thường gặp

Lỗi Dấu hiệu Cách khắc phục
Vị trí không liên tục (missing position) Google báo “List item position is missing or invalid” Đảm bảo position bắt đầu từ 1 và tăng dần không bỏ bước: 1 → 2 → 3 → 4
Tên mục quá dài hoặc chứa dấu “/” Rich result không xuất hiện dù schema hợp lệ Giới hạn tên dưới 60 ký tự; thay “/” bằng “>” trong giao diện, không trong schema
Nhiều schema trên cùng một trang Google chỉ xử lý một schema, phần còn lại bị bỏ qua Xoá toàn bộ schema cũ trước khi thêm mới; kiểm tra bằng View Page Source
URL trong item trả mã 404 hoặc chuyển hướng Google cảnh báo “Invalid URL” Dùng công cụ kiểm tra liên kết (ví dụ: Screaming Frog) để quét toàn bộ breadcrumb URL

Ví dụ thực tế

Trang sản phẩm: https://banhang.vn/dien-thoai/iphone-15-pro-max-256gb

Phân cấp mong muốn: Trang chủ > Điện thoại > iPhone > iPhone 15 Pro Max 256GB

Mã JSON-LD chuẩn (đặt trong <head>):

{ "@context": "https://schema.org/", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Trang chủ", "item": "https://banhang.vn/" }, { "@type": "ListItem", "position": 2, "name": "Điện thoại", "item": "https://banhang.vn/dien-thoai/" }, { "@type": "ListItem", "position": 3, "name": "iPhone", "item": "https://banhang.vn/dien-thoai/iphone/" }, { "@type": "ListItem", "position": 4, "name": "iPhone 15 Pro Max 256GB" } ] }

Lưu ý: Trang cuối (sản phẩm) không bắt buộc phải có item, nhưng nên có nếu URL tồn tại và ổn định. Tên không được viết hoa toàn bộ hoặc chứa từ khóa nhồi nhét (ví dụ: “iPhone 15 Pro Max 256GB giá rẻ chính hãng Hà Nội”).

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

Breadcrumb Schema có cần thiết với website nhỏ?

Với website dưới 50 trang và cấu trúc phẳng (chỉ 1–2 tầng danh mục), breadcrumb schema không bắt buộc. Tuy nhiên, nếu bạn dùng CMS có sẵn tính năng tự sinh breadcrumb (như Shopify, Shopee Affiliate), nên bật — vì chi phí triển khai gần như bằng 0 và vẫn mang lại lợi ích nhỏ về CTR.

Có thể dùng breadcrumb cho trang blog không?

Có thể, nhưng chỉ khi bài viết thuộc rõ ràng một danh mục phân cấp (ví dụ: Trang chủ > Kiến thức SEO > On-page SEO > Cách tối ưu tiêu đề). Với blog cá nhân hoặc nội dung đa chủ đề, việc ép đặt breadcrumb có thể gây nhiễu và làm giảm độ tin cậy — tùy trường hợp.

Breadcrumb Schema có ảnh hưởng đến tốc độ tải trang?

Không. Đoạn mã JSON-LD thường dưới 2KB, không chặn render, không gọi tài nguyên ngoài và được xử lý sau khi trang đã hiển thị. Việc thêm schema không làm chậm website — miễn là không nhúng sai vị trí (ví dụ: đặt trong <body> giữa nội dung lớn).