Trả lời nhanh: Breadcrumbs là đường dẫn điều hướng phụ thể hiện vị trí của trang hiện tại trong cấu trúc website, thường có dạng Trang chủ > Danh mục > Trang hiện tại. Breadcrumbs không thay thế menu chính, nhưng giúp người dùng quay lại cấp trên nhanh hơn, giữ user flow mạch lạc hơn và giúp công cụ tìm kiếm hiểu quan hệ giữa các trang.
Với website doanh nghiệp, breadcrumbs nên được xem là một phần của hệ thống điều hướng: menu chính cho định hướng tổng thể, breadcrumbs cho vị trí hiện tại, internal link cho hành trình đọc tiếp và CTA cho chuyển đổi. Khi làm đúng, breadcrumbs hỗ trợ trải nghiệm người dùng, cấu trúc SEO và giảm rủi ro người đọc bị “kẹt” ở một trang con.
Breadcrumbs là gì?
Breadcrumbs là chuỗi liên kết ngắn cho biết trang người dùng đang xem nằm ở đâu trong cấu trúc website. Chuỗi này thường bắt đầu từ trang chủ, đi qua danh mục hoặc nhóm nội dung, rồi kết thúc ở trang hiện tại.
Ví dụ với bài viết SEO:
Trang chủ > SEO > Technical SEO > Breadcrumbs là gì?Ví dụ với website dịch vụ:
Trang chủ > Dịch vụ > Thiết kế website > Website doanh nghiệpĐiểm quan trọng là breadcrumbs phải phản ánh cấu trúc thật của website. Nếu danh mục trên breadcrumb không tồn tại, không liên quan hoặc chỉ được gắn cho đẹp, người dùng sẽ khó hiểu hơn và bot tìm kiếm cũng nhận tín hiệu cấu trúc kém rõ ràng.
Breadcrumbs khác gì với menu chính?
Menu chính, hay primary navigation, giúp người dùng nhìn thấy các khu vực quan trọng nhất của website như Dịch vụ, Bảng giá, Blog, Liên hệ. Breadcrumbs chỉ cho biết vị trí của trang hiện tại trong hệ thống đó.
| Tiêu chí | Primary navigation | Breadcrumbs |
|---|---|---|
| Vai trò chính | Điều hướng tổng thể toàn website | Điều hướng theo vị trí hiện tại |
| Vị trí thường gặp | Header hoặc menu mobile | Dưới header, trên H1 hoặc đầu nội dung |
| Mức độ thay đổi | Tương đối cố định giữa các trang | Thay đổi theo từng trang |
| Tác động UX | Giúp chọn khu vực cần truy cập | Giúp quay lại cấp cha nhanh hơn |
| Tác động SEO | Tạo cấu trúc điều hướng chính | Tạo liên kết nội bộ theo tầng và hỗ trợ ngữ cảnh trang |
Breadcrumbs không nên thay thế primary navigation. Trên website có nhiều dịch vụ, danh mục sản phẩm hoặc cụm bài SEO, hai thành phần này nên bổ sung cho nhau để giữ user flow rõ ràng.
Breadcrumbs giúp gì cho UX và SEO?
Breadcrumbs giúp người dùng xác định vị trí hiện tại, quay lại trang cha trong một lần bấm và tiếp tục khám phá nội dung mà không phải phụ thuộc vào nút Back. Lợi ích này rõ nhất ở website thương mại điện tử, website dịch vụ nhiều tầng, blog có cụm chủ đề và kho tài liệu.
Với SEO, breadcrumbs không phải một yếu tố tăng hạng độc lập. Giá trị thực tế nằm ở việc tạo liên kết nội bộ theo tầng, làm rõ quan hệ giữa trang hiện tại với danh mục cha và cung cấp thêm ngữ cảnh về cấu trúc website. Vì vậy, breadcrumb nên hỗ trợ chứ không thay thế hệ thống internal link trong nội dung.
Google vẫn hỗ trợ BreadcrumbList structured data và breadcrumb trên kết quả tìm kiếm desktop. Theo Google Search Central, từ ngày 23/01/2025, phần URL nhìn thấy trên kết quả mobile chỉ còn domain; breadcrumb markup vẫn tiếp tục được hỗ trợ cho desktop. Do đó, không nên cam kết breadcrumbs chắc chắn làm tăng CTR. Lợi ích ổn định hơn là khả năng định hướng trên website và cấu trúc thông tin rõ ràng.
Khi rà soát UX, SEO và chuyển đổi, hãy kiểm tra breadcrumbs cùng menu, tốc độ, nội dung và CTA bằng checklist tiêu chí đánh giá website tốt.
Các loại breadcrumbs phổ biến
Có 3 loại Breadcrumbs chính thường dùng trong thiết kế website: breadcrumbs theo phân cấp, breadcrumbs theo thuộc tính và breadcrumbs theo lịch sử truy cập.
| Loại breadcrumbs | Cách hoạt động | Phù hợp với | Cần lưu ý |
|---|---|---|---|
| Breadcrumbs theo phân cấp | Hiển thị vị trí trang trong cấu trúc website | Website dịch vụ, blog, tài liệu, danh mục sản phẩm | Đây là kiểu nên ưu tiên cho phần lớn website doanh nghiệp |
| Breadcrumbs theo thuộc tính | Hiển thị bộ lọc hoặc thuộc tính đang được chọn | Website thương mại điện tử có màu sắc, size, thương hiệu, chất liệu | Cần kiểm soát index để tránh tạo quá nhiều URL lọc kém giá trị |
| Breadcrumbs theo lịch sử truy cập | Hiển thị đường đi người dùng vừa thao tác | Ứng dụng web hoặc luồng nhiều bước | Không ổn định nếu người dùng vào từ Google, quảng cáo hoặc link chia sẻ |
Với website dịch vụ và website WordPress, breadcrumbs theo phân cấp thường an toàn nhất. Với website thương mại điện tử lớn, có thể kết hợp phân cấp với một tùy chọn quay lại kết quả hoặc bộ lọc trước đó, nhưng cần thiết kế rõ để người dùng không nhầm giữa danh mục thật và bộ lọc tạm thời.
Website nào nên dùng breadcrumbs?
Website nên dùng breadcrumbs khi có nhiều hơn một cấp nội dung. Nếu website chỉ có vài trang đơn giản như Trang chủ, Giới thiệu, Dịch vụ, Liên hệ, breadcrumbs có thể không cần thiết. Nếu website có danh mục, danh mục con, trang sản phẩm, trang dịch vụ con hoặc blog nhiều cụm chủ đề, breadcrumbs nên được triển khai.
Các trường hợp nên dùng:
- Website thương mại điện tử có danh mục, danh mục con và trang sản phẩm.
- Website dịch vụ có nhiều nhóm dịch vụ, ví dụ thiết kế website, SEO, content marketing, bảo trì website.
- Blog có nhiều chuyên mục và cụm chủ đề.
- Trang tài liệu, học viện, cẩm nang hoặc trung tâm hỗ trợ.
- Website có nhiều landing page và trang con phục vụ từng nhóm nhu cầu.
Các trường hợp có thể không cần:
- Website một trang.
- Landing page chạy quảng cáo có luồng chuyển đổi rất ngắn.
- Website giới thiệu rất nhỏ, không có phân cấp nội dung rõ ràng.
Nếu website đang được thiết kế lại, breadcrumbs nên được đưa vào wireframe sớm thay vì chờ đến cuối mới gắn thêm. Việc này giúp tránh tình trạng menu, chuyên mục, URL và breadcrumbs mỗi phần đi một hướng. Anh/chị có thể tham khảo thêm quy trình thiết kế website để đặt phần điều hướng vào đúng giai đoạn lập cấu trúc.
Cách đặt breadcrumbs đúng vị trí và đúng ngữ cảnh
Breadcrumbs nên nằm dưới header hoặc dưới primary navigation, trước H1 hoặc ngay đầu vùng nội dung chính. Đây là vị trí người dùng thường nhìn thấy khi cần xác định mình đang ở đâu.
| Nên làm | Cần tránh |
|---|---|
| Đặt breadcrumbs gần đầu nội dung, thường dưới header và trên H1 | Đặt quá thấp khiến người dùng không thấy khi vừa vào trang |
Dùng dấu phân cách quen thuộc như > hoặc / | Dùng biểu tượng lạ khiến người đọc không hiểu là đường dẫn |
| Link các cấp cha về trang thật có giá trị | Link về URL rỗng, trang lỗi hoặc danh mục không liên quan |
| Giữ chữ nhỏ hơn H1 nhưng đủ tương phản để đọc | Làm breadcrumbs quá nhạt, quá nhỏ hoặc khó bấm trên mobile |
| Rút gọn hợp lý trên mobile nếu đường dẫn quá dài | Để breadcrumbs vỡ nhiều dòng, đẩy H1 xuống quá sâu |
| Ưu tiên danh mục phản ánh cấu trúc thật | Nhồi từ khóa vào từng cấp breadcrumb |
| Kiểm tra hiển thị sau khi đổi theme, plugin hoặc taxonomy | Chỉ kiểm tra trên desktop, bỏ qua mobile |
Trên mobile, breadcrumbs không nên chiếm quá nhiều chiều cao. Nếu đường dẫn dài, có thể rút gọn cấp ít quan trọng, dùng cuộn ngang có kiểm soát hoặc bỏ cấp trang chủ vì logo đã dẫn về trang chủ. Quan trọng là người dùng vẫn hiểu cấp cha gần nhất của trang hiện tại.
Cách cài BreadcrumbList Schema đúng hướng
BreadcrumbList Schema là dữ liệu có cấu trúc mô tả đường dẫn phân cấp của trang. Với WordPress, nên chọn một nguồn tạo breadcrumb chính từ theme hoặc plugin SEO, sau đó đối chiếu phần hiển thị với dữ liệu có cấu trúc. Có thể xem hướng dẫn về Schema Markup trước khi chỉnh template.
Theo tài liệu Breadcrumb structured data của Google, BreadcrumbList phải có itemListElement và chứa ít nhất hai ListItem. Mỗi ListItem cần được kiểm tra theo các thuộc tính sau:
| Thuộc tính | Ý nghĩa | Cách kiểm tra |
|---|---|---|
position | Thứ tự của cấp trong đường dẫn, bắt đầu từ 1 | Giá trị là số nguyên và tăng dần theo thứ tự hiển thị |
name | Tên của cấp breadcrumb | Ngắn, rõ, khớp với nội dung trang hoặc danh mục |
item | URL đại diện cho cấp breadcrumb | Bắt buộc với các cấp trung gian; có thể bỏ ở mục cuối vì Google dùng URL của trang hiện tại |
Google khuyến nghị breadcrumb phản ánh hành trình người dùng điển hình thay vì chỉ sao chép cấu trúc URL. Không bắt buộc phải đưa cả domain hoặc chính trang hiện tại vào danh sách nếu đường dẫn vẫn đủ rõ.
Quy trình kiểm tra:
- Bật breadcrumb ở một nguồn duy nhất.
- Đối chiếu breadcrumb hiển thị với taxonomy và trang cha thực tế.
- Kiểm tra
position,namevàitemtheo từng ListItem. - Chạy Rich Results Test và sửa lỗi nghiêm trọng.
- Triển khai thử trên một nhóm trang trước khi áp dụng toàn site.
- Theo dõi báo cáo breadcrumb trong Search Console sau khi Google thu thập lại dữ liệu.
Structured data không sửa được breadcrumb sai trên giao diện và cũng không bảo đảm Google sẽ hiển thị rich result. Hai lớp phải nhất quán với nhau.
Lỗi breadcrumbs thường gặp
Lỗi phổ biến nhất là breadcrumb không khớp với cấu trúc hoặc hành trình người dùng thực tế. Ví dụ, một bài thuộc cụm UX nhưng breadcrumb lại đặt trong danh mục SEO chỉ để chứa từ khóa. Cách này làm người đọc khó định vị và tạo hệ thống liên kết theo tầng thiếu nhất quán.
Các lỗi cần kiểm tra:
- Breadcrumb bị vỡ nhiều dòng trên mobile.
- Màu chữ quá nhạt, khó đọc hoặc vùng bấm quá nhỏ.
- Cấp hiện tại tự liên kết về chính trang đó.
- Trang cha không có nội dung hữu ích, trả lỗi hoặc chuyển hướng ngoài dự kiến.
- Một bài thuộc nhiều danh mục nhưng không có đường dẫn breadcrumb đại diện rõ ràng.
- Breadcrumb tự động lấy tag thay vì taxonomy chính.
- BreadcrumbList thiếu
itemListElement,position,namehoặcitemở cấp trung gian. - Breadcrumb hiển thị khác với dữ liệu có cấu trúc.
- Breadcrumb theo bộ lọc tạo ra quá nhiều URL kém giá trị.
Khi kiểm tra, hãy bấm từng cấp cha, thử trên mobile và đối chiếu breadcrumb hiển thị với markup. Nếu phát hiện URL cha không hoạt động, cần xử lý lỗi liên kết trước khi xem breadcrumb là hoàn tất. Bài về những lỗi khiến website mất khách có thể giúp rà thêm các vấn đề UX liên quan.
Checklist tối ưu breadcrumbs trước khi đăng
Dùng checklist này khi đăng bài mới, thiết kế lại website hoặc chỉnh taxonomy trong WordPress.
| Hạng mục | Đạt khi |
|---|---|
| Vị trí | Breadcrumb nằm dưới header hoặc trước H1, dễ thấy nhưng không lấn át nội dung |
| Cấu trúc | Đường dẫn phản ánh đúng trang cha hoặc hành trình người dùng điển hình |
| Liên kết | Các cấp cha trỏ đến URL thật, không lỗi và không tự liên kết trang hiện tại |
| Mobile | Không vỡ layout, không quá nhỏ và không chiếm quá nhiều chiều cao |
| Khả năng truy cập | Vùng điều hướng có nhãn; cấp hiện tại dùng aria-current="page" khi là liên kết |
| Schema | Có BreadcrumbList, itemListElement và các ListItem hợp lệ; item của mục cuối có thể bỏ |
| UX | Người dùng quay lại cấp cha trong một lần bấm |
| SEO | Không nhồi từ khóa và không tạo URL bộ lọc kém giá trị |
| SERP | Không cam kết tăng CTR; mobile chỉ hiển thị domain từ thay đổi của Google năm 2025 |
| Kiểm thử | Đã kiểm tra sau khi đổi theme, plugin, category hoặc template |
Với phần khả năng truy cập, có thể đối chiếu thêm Breadcrumb Pattern của W3C WAI-ARIA.
Cách tối ưu breadcrumbs cho WordPress
Với WordPress, breadcrumbs thường được tạo từ theme, plugin SEO hoặc plugin chuyên về breadcrumb. Doanh nghiệp nên chọn một nguồn tạo breadcrumb chính, tránh bật đồng thời nhiều plugin khiến giao diện hiển thị trùng hoặc Schema bị lặp.
Quy trình đề xuất:
- Chọn taxonomy chính cho từng loại nội dung: bài viết, dịch vụ, sản phẩm, tài liệu.
- Thiết lập breadcrumbs trong plugin SEO hoặc theme.
- Kiểm tra template bài viết, trang dịch vụ, danh mục và sản phẩm.
- Tắt các nguồn breadcrumb trùng lặp nếu theme và plugin cùng xuất.
- Kiểm tra mobile bằng thiết bị thật.
- Kiểm tra dữ liệu có cấu trúc sau khi triển khai.
- Theo dõi Search Console để phát hiện cảnh báo dữ liệu có cấu trúc.
Với website doanh nghiệp đang làm mới nền tảng, breadcrumbs nên được xử lý cùng cấu trúc URL, menu, danh mục và internal link. Nếu cần triển khai lại nền tảng từ đầu, có thể tham khảo dịch vụ thiết kế website chuyên nghiệp để xây dựng cấu trúc website rõ ràng hơn ngay từ giai đoạn đầu.
FAQ về breadcrumbs
Breadcrumbs có còn quan trọng cho SEO không?
Có. Breadcrumbs vẫn hữu ích vì làm rõ cấu trúc website, tạo liên kết theo tầng và giúp người dùng điều hướng. Google tiếp tục hỗ trợ breadcrumb markup và hiển thị breadcrumb trên desktop, dù phần URL nhìn thấy trên kết quả mobile chỉ còn domain từ năm 2025.
Breadcrumbs có làm tăng CTR không?
Không có bảo đảm. Breadcrumb có thể giúp người tìm kiếm hiểu ngữ cảnh trang trên desktop khi Google chọn hiển thị, nhưng CTR còn phụ thuộc tiêu đề, mô tả, vị trí và nhu cầu tìm kiếm. Trên mobile, lợi ích chính nằm ở trải nghiệm sau khi người dùng vào website.
Breadcrumbs nên đặt ở đâu?
Vị trí phổ biến là dưới header hoặc primary navigation, trước H1 hay đầu nội dung chính. Breadcrumb nên xuất hiện đủ sớm để người dùng nhận biết vị trí hiện tại.
Website nhỏ có cần breadcrumbs không?
Website ít trang và không có phân cấp rõ ràng có thể không cần. Website có danh mục, dịch vụ con, sản phẩm hoặc cụm bài nên dùng khi breadcrumb thực sự giúp quay lại cấp cha.
BreadcrumbList Schema cần những thuộc tính nào?
BreadcrumbList cần itemListElement với ít nhất hai ListItem. Mỗi mục cần position và name; item là URL của cấp đó, nhưng có thể bỏ ở mục cuối vì Google có thể dùng URL của trang hiện tại.
Kết luận
Breadcrumbs là chi tiết nhỏ nhưng ảnh hưởng trực tiếp đến cách người dùng hiểu cấu trúc website. Khi được đặt đúng vị trí, phản ánh đúng taxonomy và có dữ liệu có cấu trúc đầy đủ, breadcrumbs giúp user flow rõ hơn, hỗ trợ SEO kỹ thuật và giúp công cụ tìm kiếm hiểu mối quan hệ giữa các trang tốt hơn.
Nếu anh/chị đang có website nhiều danh mục, nhiều dịch vụ hoặc blog đã phát triển lâu năm, hãy kiểm tra lại breadcrumbs cùng menu, URL, internal link và CTA. Đây là bước nhỏ nhưng có thể giúp website dễ dùng hơn trước khi đầu tư thêm nội dung hoặc quảng cáo.
Đoàn Trình Dục là Giảng viên Khoa Công nghệ Thông tin tại Đại học Công nghệ Sài Gòn (STU), với hơn 10 năm kinh nghiệm thực chiến trong các lĩnh vực Mạng máy tính, Marketing Online, SEO và Bảo mật hệ thống.
Với nền tảng sư phạm và kinh nghiệm tư vấn cho nhiều doanh nghiệp, thầy chuyên sâu vào việc xây dựng các giải pháp kỹ thuật số toàn diện và hiệu quả.
