Trong câu chuyện cổ tích nổi tiếng về Hansel và Gretel, hai anh em đã rải những vụn bánh mì dọc đường vào rừng sâu để có thể tìm lối về nhà. Lấy cảm hứng từ hình ảnh đó, thuật ngữ “Breadcrumb” trong thiết kế website ra đời nhằm chỉ dải liên kết điều hướng giúp người dùng biết mình đang ở đâu và dễ dàng quay lại các danh mục trước đó. Tuy nhiên, để các công cụ tìm kiếm như Google cũng có thể “nhìn thấy” và hiểu được dải vụn bánh mì này, chúng ta cần đến một ngôn ngữ giao tiếp đặc biệt mang tên BreadcrumbList Schema.
Khái niệm BreadcrumbList là gì trong SEO
BreadcrumbList là một loại dữ liệu cấu trúc (Schema Markup) theo chuẩn Schema.org, được sử dụng để khai báo dải đường dẫn điều hướng của website cho các công cụ tìm kiếm. Đoạn mã này giúp Google hiểu rõ cấu trúc phân cấp của trang web và hiển thị dải điều hướng trực quan ngay trên kết quả tìm kiếm thay vì một URL thuần túy.
Định nghĩa BreadcrumbList schema theo Schema.org
Theo tài liệu chính thức từ Schema.org, BreadcrumbList Schema là một đoạn mã cấu trúc dữ liệu (thường được viết bằng định dạng JSON-LD) kế thừa từ kiểu dữ liệu ItemList. Nó giúp khai báo danh sách các trang liên kết theo thứ tự phân cấp từ trang chủ đến trang hiện tại.
Việc khai báo này tạo ra một sơ đồ điều hướng rõ ràng, giúp bot tìm kiếm nhận diện chính xác vị trí của một bài viết hoặc sản phẩm trong tổng thể cấu trúc website. Nhờ đó, hệ thống có thể phân tích ngữ cảnh của nội dung một cách chính xác hơn.
Phân biệt Breadcrumb trên website và BreadcrumbList schema
Mặc dù thường được nhắc đến cùng nhau, Breadcrumb giao diện và BreadcrumbList schema phục vụ hai đối tượng hoàn toàn khác biệt. Breadcrumb trên website là tập hợp các mã HTML/CSS hiển thị trực quan trên màn hình, dành riêng cho người dùng tương tác và nhấp chuột.
Ngược lại, BreadcrumbList schema là đoạn mã ẩn dưới nền (thường nằm trong thẻ hoặc ), được thiết kế riêng cho bot tìm kiếm. Một website có thể hiển thị dải breadcrumb rất đẹp mắt cho người dùng nhưng nếu thiếu mã schema, Google vẫn chỉ hiển thị URL thô kệch trên bảng kết quả tìm kiếm (SERP).
Vai trò quan trọng của BreadcrumbList đối với SEO và trải nghiệm người dùng
Việc cài đặt BreadcrumbList không phải là yêu cầu bắt buộc, nhưng lại là một tiêu chuẩn Technical SEO cực kỳ được khuyến khích. Nó mang lại lợi ích kép cho cả công cụ tìm kiếm lẫn người truy cập thực tế.
Giúp Googlebot hiểu cấu trúc phân cấp website dễ dàng hơn
Googlebot sử dụng dữ liệu cấu trúc để vẽ lại sơ đồ liên kết dạng cây của website. Khi thu thập dữ liệu qua dải liên kết được khai báo chuẩn, bot có thể dễ dàng di chuyển từ các trang con (chi tiết sản phẩm, bài viết) ngược lên các trang danh mục cha.
Quá trình này không chỉ giúp lập chỉ mục nhanh hơn mà còn hỗ trợ phân bổ dòng chảy sức mạnh (Link Equity) hiệu quả. Tương tự như việc hiểu rõ Ý nghĩa của thuộc tính sameAs trong SEO để định danh thực thể, việc khai báo đúng cấu trúc Breadcrumb giúp Googlebot không bị nhầm lẫn về mối quan hệ giữa các trang nội bộ.
Tăng tỷ lệ nhấp chuột CTR nhờ hiển thị Rich Snippet bắt mắt
Thay vì hiển thị một chuỗi URL dài dòng và khó hiểu, Google sẽ thay thế bằng một dải breadcrumb gọn gàng, phân tách bằng các dấu mũi tên trực quan. Điều này tạo ra một Rich Snippet (kết quả nhiều định dạng) nổi bật trên SERP.
Sự rõ ràng này tác động tích cực đến tâm lý người dùng. Họ biết chính xác bài viết thuộc chủ đề gì trước khi nhấp vào, từ đó giúp cải thiện tỷ lệ nhấp chuột (CTR) tự nhiên một cách đáng kể.
Giảm tỷ lệ thoát trang và cải thiện trải nghiệm điều hướng của người dùng
Khi người dùng truy cập trực tiếp vào một bài viết chi tiết từ Google, họ có thể muốn khám phá thêm các nội dung liên quan. Dải breadcrumb cung cấp một lối thoát điều hướng an toàn và rõ ràng.
Thay vì nhấn nút “Back” trên trình duyệt để quay lại Google (làm tăng Bounce Rate), người dùng có xu hướng nhấp vào danh mục cha trên dải breadcrumb để xem thêm các sản phẩm hoặc bài viết cùng chuyên mục, giúp giữ chân họ ở lại website lâu hơn.
Các loại Breadcrumb phổ biến trên website hiện nay
Có 3 loại breadcrumb chính được sử dụng trong thiết kế web. Tuy nhiên, không phải loại nào cũng phù hợp để khai báo dữ liệu cấu trúc cho Google.
Breadcrumb dựa trên vị trí hoặc phân cấp bậc
Đây là loại breadcrumb tĩnh phổ biến nhất, hiển thị vị trí cố định của trang trong cấu trúc phân cấp của website (Hierarchy-based). Nó đi từ tổng quan đến chi tiết, ví dụ: Trang chủ > Cẩm nang SEO > Technical SEO > BreadcrumbList là gì.
Loại này đặc biệt phù hợp với các trang tin tức, blog hoặc website doanh nghiệp có cấu trúc thư mục rõ ràng. Đây cũng là loại được Google khuyến khích khai báo schema nhất.
Breadcrumb dựa trên thuộc tính sản phẩm
Breadcrumb động này thường xuất hiện trên các trang thương mại điện tử (E-commerce), hiển thị các bộ lọc thuộc tính mà người dùng đã chọn (Attribute-based). Ví dụ: Trang chủ > Giày thể thao > Nam > Màu đen > Size 42.
Loại điều hướng này giúp khách hàng dễ dàng gỡ bỏ một bộ lọc để xem các sản phẩm tương tự. Việc khai báo schema cho loại này cần sự cẩn trọng để đảm bảo tính nhất quán của URL.
Breadcrumb dựa trên lịch sử duyệt web của người dùng
Loại breadcrumb này hoạt động giống như nút “Back” của trình duyệt, thay đổi linh hoạt theo hành trình nhấp chuột thực tế của từng khách truy cập (History-based). Ví dụ: Trang chủ > Bài viết A > Bài viết B > Bài viết C.
Các chuyên gia SEO khuyến cáo không nên khai báo schema cho loại breadcrumb này. Nó không phản ánh cấu trúc thực sự của website và không mang lại giá trị cho Googlebot trong việc lập chỉ mục.
Các thuộc tính cốt lõi trong cấu trúc BreadcrumbList schema
Một đoạn mã BreadcrumbList chuẩn cần chứa các thuộc tính bắt buộc theo quy định của Schema.org. Việc thiếu sót bất kỳ thành phần nào cũng có thể dẫn đến lỗi trong Google Search Console.
Thuộc tính itemListElement và vai trò định hình danh sách
itemListElement là thuộc tính bắt buộc đóng vai trò như một mảng (array) chứa toàn bộ các phần tử trong dải breadcrumb. Mỗi phần tử bên trong mảng này sẽ được khai báo là một ListItem.
Nếu mảng này bị bỏ trống hoặc khai báo sai cú pháp, toàn bộ cấu trúc dữ liệu sẽ bị vô hiệu hóa vì Google không thể tìm thấy các điểm dừng (node) trên dải điều hướng.
Thuộc tính position xác định thứ tự phân cấp
Thuộc tính position sử dụng số nguyên để xác định vị trí của từng phần tử trong dải điều hướng, bắt buộc phải bắt đầu từ số 1 (thường là Trang chủ) và tăng dần đều.
Googlebot đọc thứ tự này để sắp xếp dải điều hướng từ trái qua phải trên kết quả tìm kiếm. Lỗi đánh số sai thứ tự (như bắt đầu từ 0 hoặc nhảy cóc từ 1 lên 3) là một trong những nguyên nhân phổ biến khiến Rich Snippet không hiển thị. Để nắm vững cách thiết lập các thuộc tính này, bạn có thể xem thêm Cách triển khai BreadcrumbList schema với các ví dụ cụ thể.
Quy trình triển khai BreadcrumbList schema chuẩn kỹ thuật
Để cài đặt dữ liệu cấu trúc thành công, bạn cần tuân thủ một quy trình logic từ khâu chuẩn bị đến khâu kiểm tra. Dưới đây là bảng so sánh nhanh 3 định dạng khai báo phổ biến trước khi bắt tay vào thực hiện:
|
Tiêu chí so sánh |
JSON-LD |
Microdata |
RDFa |
|
Mức độ khuyên dùng |
Được Google khuyến nghị hàng đầu |
Ít được khuyến nghị hơn |
Ít phổ biến nhất |
|
Vị trí chèn mã |
Tách biệt trong thẻ hoặc |
Gắn trực tiếp vào mã HTML hiển thị |
Gắn trực tiếp vào mã HTML hiển thị |
|
Độ khó bảo trì |
Dễ dàng chỉnh sửa, không sợ hỏng giao diện |
Dễ làm vỡ bố cục web nếu code sai |
Phức tạp, khó quản lý cho site lớn |
Xác định cấu trúc phân cấp của trang web cần khai báo
Bước đầu tiên là lên sơ đồ các cấp độ từ trang chủ đến trang con sâu nhất. Bạn cần vẽ cây thư mục website và đảm bảo tính nhất quán giữa URL thực tế và dải breadcrumb dự định khai báo.
Sự đồng nhất này giúp Googlebot dễ dàng đối chiếu thông tin, tránh tình trạng cấu trúc URL một đằng nhưng khai báo schema lại một nẻo.
Lựa chọn định dạng JSON-LD để viết mã schema
JSON-LD là định dạng tối ưu nhất và được Google khuyên dùng. Dưới đây là một đoạn mã mẫu chuẩn chỉnh cho dải điều hướng Trang chủ > Cẩm nang SEO > BreadcrumbList là gì:
{ “@context”: “https://schema.org”, “@type”: “BreadcrumbList”, “itemListElement”: [ { “@type”: “ListItem”, “position”: 1, “name”: “Trang chủ”, “item”: “https://reviewcourses.online/” }, { “@type”: “ListItem”, “position”: 2, “name”: “Cẩm nang SEO”, “item”: “https://reviewcourses.online/cam-nang-seo/” }, { “@type”: “ListItem”, “position”: 3, “name”: “BreadcrumbList là gì” } ]
}
Lưu ý rằng ở phần tử cuối cùng (position 3), chúng ta không cần khai báo thuộc tính item (URL) vì nó đại diện cho chính trang hiện tại mà người dùng đang xem.
Kiểm tra tính hợp lệ bằng công cụ Rich Results Test của Google
Sau khi chèn mã vào website, bước cuối cùng là xác thực cú pháp. Tương tự như khi Hướng dẫn sử dụng Schema Course, việc kiểm tra schema BreadcrumbList cũng cần sử dụng công cụ Rich Results Test (Kiểm tra kết quả nhiều định dạng) của Google.
Bạn chỉ cần dán URL hoặc đoạn code trực tiếp vào công cụ. Nếu kết quả trả về dấu tích xanh, mã của bạn đã hợp lệ. Nếu có cảnh báo đỏ, bạn cần xem xét lại các thuộc tính bị thiếu hoặc sai định dạng.
Các lỗi thường gặp khi tối ưu BreadcrumbList và cách khắc phục
Trong quá trình triển khai thực tế, đặc biệt là khi sử dụng code tự động từ các theme có sẵn, quản trị viên thường gặp phải một số lỗi kỹ thuật trong Google Search Console.
Lỗi thiếu thuộc tính position hoặc sai thứ tự phân cấp
Lỗi này xảy ra khi vòng lặp code tự động không gán đúng biến đếm cho thuộc tính position. Google yêu cầu thuộc tính này phải là số nguyên liên tục.
Cách khắc phục là kiểm tra lại mã nguồn PHP hoặc JavaScript tạo schema, đảm bảo biến đếm bắt đầu từ 1 và tăng dần đều cho mỗi ListItem được sinh ra.
Lỗi không khớp giữa breadcrumb hiển thị trực quan và mã schema
Nguyên tắc minh bạch dữ liệu của Google yêu cầu mọi thông tin khai báo trong schema phải hiển thị rõ ràng trên trang web cho người dùng thấy.
Nhiều website cố tình dùng CSS (display: none) để ẩn dải breadcrumb trên giao diện nhưng vẫn khai báo schema để lấy Rich Snippet. Hành vi này có thể dẫn đến hình phạt “Spam Structured Data” (Spam dữ liệu cấu trúc) từ Google.
Lỗi sử dụng định dạng data-vocabulary.org đã bị Google khai tử
Từ năm 2020, Google đã chính thức ngừng hỗ trợ định dạng dữ liệu cấu trúc cũ data-vocabulary.org. Nếu website của bạn sử dụng các theme quá cũ, Search Console sẽ báo lỗi đỏ hàng loạt.
Giải pháp duy nhất là can thiệp vào mã nguồn, xóa bỏ các đoạn code sử dụng data-vocabulary.org và thay thế hoàn toàn bằng chuẩn Schema.org với định dạng JSON-LD.
Câu hỏi thường gặp
Trang cuối cùng trong dải breadcrumb có cần gắn liên kết URL không?
Không nên gắn liên kết URL cho phần tử cuối cùng (tức là trang hiện tại người dùng đang xem). Việc này giúp tránh tạo ra liên kết lặp vô nghĩa (self-referencing link), tối ưu hóa ngân sách thu thập dữ liệu của Googlebot và cải thiện trải nghiệm người dùng.
Có nên sử dụng plugin để tự động tạo BreadcrumbList schema không?
Hoàn toàn nên. Nếu bạn sử dụng các CMS phổ biến như WordPress, các plugin SEO hàng đầu như Rank Math, Yoast SEO hay SEOPress đều tự động tạo mã BreadcrumbList schema chuẩn hóa mà không cần can thiệp thủ công vào code.
Google mất bao lâu để cập nhật dải breadcrumb trên kết quả tìm kiếm?
Thời gian cập nhật phụ thuộc vào tần suất Googlebot thu thập dữ liệu lại trang web của bạn. Thông thường có thể mất từ vài ngày đến vài tuần. Bạn có thể chủ động khai báo URL trong Google Search Console để yêu cầu lập chỉ mục nhanh hơn.
BreadcrumbList schema có thay thế hoàn toàn cho menu điều hướng chính không?
Không. BreadcrumbList schema và menu điều hướng chính (Main Menu) là hai thành phần bổ trợ cho nhau. Menu chính giúp người dùng di chuyển theo chiều ngang giữa các danh mục lớn cố định, trong khi breadcrumb giúp di chuyển theo chiều dọc từ trang con lên trang cha.
Làm thế nào để kiểm tra xem schema breadcrumb đã hoạt động chính xác chưa?
Bạn có thể sử dụng công cụ Kiểm tra kết quả nhiều định dạng (Rich Results Test) của Google hoặc truy cập vào mục “Đường dẫn” (Breadcrumbs) trong Google Search Console để xem báo cáo chi tiết về các trang hợp lệ hoặc các trang đang gặp sự cố.
Nếu doanh nghiệp của bạn đang gặp khó khăn trong việc tối ưu hóa cấu trúc kỹ thuật website hoặc xử lý các lỗi phức tạp trong Search Console, hãy liên hệ với đội ngũ chuyên gia tại V4SEO để được tư vấn và hỗ trợ giải pháp SEO toàn diện nhất.
