Trong SEO, thuật ngữ breadcrumbs là một khái niệm không được phổ biến và vì vậy không phải SEOer hay SME SEO nào cũng biết. Đây là một hệ thống điều hướng trên website hiển thị theo dạng đường dẫn, ví dụ trang chủ > Danh mục > Sản phẩm. Để hiểu rõ hơn về Breadcrumbs là gì và cách sử dụng ra sao? Nhân Hòa sẽ giải đáp chi tiết ngay trong bài viết sau.
Breadcrumbs (hay Breadcrumbs trail) là đường dẫn điều hướng, với tập hợp các link phân cấp khác nhau, giúp người dùng xác định vị trí hiện tại của họ trong cấu trúc trang web và dễ dàng quay lại các mục cấp cao hơn chỉ với một cú click.
Các breadcrumbs thường được đặt ở đầu trang có thể nằm dưới banner chính, thanh menu hoặc top headers. Với cấu trúc điển hình của Breadcrumbs:
Trang chủ (Home) > Chuyên Mục chính > Trang con > Bài post>…
Ví dụ: Trang chủ > Điện thoại > Apple > Iphone 17 > Iphone 17 Pro 256GB
>>> Xem thêm: Cách cài plugin cho wordpress [Hướng Dẫn]
Theo phân tích dữ liệu thực tế cho thấy hơn 70% người dùng đánh giá breadcrumbs hữu ích trong việc theo dõi vị trí của họ trên các trang thương mại điện tử. Với 3 loại phổ biến nhất bạn sẽ thường gặp trên hầu hết các website hiện nay:
- Location Breadcrumbs: Breadcrumbs theo vị trí
- Path Breadcrumbs: Breadcrumbs theo lịch sử
- Attribute Breadcrumbs: Breadcrumbs theo thuộc tính
Breadcrumb hiển thị vị trí hiện tại của người dùng trong cấu trúc phân cấp của website. Hiển thị theo thứ tự từ trang chủ → danh mục → trang con → trang hiện tại.
Ví dụ: Trang chủ > Điện tử > Laptop > Laptop Gaming → Người dùng biết ngay: họ đang xem trang “Laptop Gaming”, nằm trong mục “Laptop” và “Điện tử”.
Breadcrumbs theo lịch sử hiển thị dựa trên hành trình di chuyển thực tế của người dùng từ trang này sang trang khác.
Ví dụ:
- Nếu bạn vào trang qua: Trang chủ → Khuyến mãi → Điện tử → Smartphone
- Breadcrumbs hiển thị: Trang chủ > Khuyến mãi > Điện tử > Smartphone
Lưu ý: Loại này ít được dùng hiện nay, vì trình duyệt đã có nút “Back” (quay lại) và breadcrumbs theo lịch sử thường không ổn định và gây nhầm lẫn nếu người dùng đến từ bên ngoài (ví dụ từ Google).
Breadcrumbs theo thuộc tính/tiêu chí lọc được sử dụng nhiều trong website thương mại điện tử. Mục đích để hiển thị thuộc tính hoặc bộ lọc mà người dùng đã chọn, chứ không phải vị trí trong hệ thống.
Ví dụ: Trang chủ > Giày > Giày Nam > Size 42 > Màu Đen
Breadcrumbs cho thấy người dùng đang xem giày nam size 42 màu đen, giúp họ quay lại hoặc thay đổi bộ lọc dễ dàng.
>>> Xem thêm: Hosting Wordpress là gì?Mua hosting SSD WP giá rẻ tốt nhất Việt Nam
Breadcrumbs mang lại nhiều lợi ích cho cả người dùng và SEO, đặc biệt với các website có cấu trúc nhiều tầng nội dung. Cụ thể:
3.1. Tăng thứ hạng SEO
Để ghi điểm với công cụ tìm kiếm Google thì bạn nên tạo Breadcrumbs website của mình vì Breadcrumbs giúp Google nhanh chóng hiểu rõ cấu trúc của website. Hơn nữa, mỗi phần tử trong breadcrumb là một liên kết nội bộ, giúp cả người dùng và Googlebot dễ dàng đi lại giữa các cấp nội dung trong website. Điều này giúp cải thiện cách Google đọc và lập chỉ mục các trang, đồng thời lan tỏa giá trị liên kết đến các trang phân cấp cao hơn.
Theo Search Engine Land, một website mất breadcrumbs trong SERP thì CTR rớt từ ~6.6% xuống ~4.1% (~giảm 40%), và khi phục hồi breadcrumbs, CTR tăng lại đến ~7%.
3.2. Nâng cao trải nghiệm người dùng
Breadcrumbs giúp người truy cập biết chính xác vị trí họ đang đứng trên website và cung cấp đường dẫn rõ ràng để quay lại các mục trước hoặc điều hướng sang cấp lớn hơn, thay vì phải bấm nút “Back” nhiều lần. Điều này làm cho việc duyệt site trở nên dễ dàng, trực quan hơn, đặc biệt với website có nhiều cấp nội dung.
3.3 Giảm bounce rate và kéo dài thời gian tương tác
Khi người dùng có thể nhanh chóng truy cập tới các trang cấp cao hơn hoặc liên quan thông qua breadcrumb, họ ít có xu hướng rời website ngay lập tức. Điều này giúp giảm tỷ lệ thoát (bounce rate) và tăng thời gian trung bình trên trang.
Theo một nghiên cứu, Breadcrumb làm giảm bounce rate tới 18% trên các website thương mại điện tử. Đồng thời, người dùng theo breadcrumb có xu hướng tăng thời gian ở lại site từ 15-25%.
3.4. Tăng cường liên kết nội bộ (Internal link)
Mỗi mức breadcrumb đều là liên kết nội bộ (internal link) trỏ từ trang con về trang cha. Điều này giúp phân phối giá trị liên kế tốt hơn giữa các trang và tăng sức mạnh SEO cho trang danh mục. Đồng thời, giúp các trang quan trọng như danh mục sản phẩm được Google đánh giá tốt hơn.
>>> Xem thêm: Cách sử dụng SEOquake chi tiết nhất cho newbie
Để Breadcrumbs hoạt động hiệu quả nhất, vừa giúp người dùng điều hướng dễ dàng, vừa mang lại lợi ích cho SEO, bạn nên tuân theo các quy tắc, vị trí và thiết kế chuẩn dưới đây:
Thường thì Breadcrumbs nên được đặt ở ngay phía đầu trang, ngay phía trên tiêu đề nội dung (page title) và dưới thanh điều hướng chính (top navigation bar) để người dùng dễ nhìn thấy và sử dụng ngay khi cần. Đây là vị trí trực quan nhất, giúp tránh việc người dùng phải cuộn trang quá sâu để tìm đường điều hướng.
- Kích thước phù hợp: Breadcrumbs nên vừa đủ lớn để dễ đọc, nhưng không nên chiếm nhiều diện tích hoặc quá nổi bật vì dễ gây mất tập trung khỏi các yếu tố quan trọng khác như top menu và page title.
- Định dạng gọn và dễ hiểu: Dấu phân cách thường dùng “>” hoặc “/” giúp người dùng nhận biết rõ từng cấp điều hướng.
- Trang hiện tại không nên là link: Mục cuối cùng trong breadcrumb, tức là trang người dùng đang đứng chỉ cần ghi in đậm thay vì đặt link, vì mục này không cần được nhấp thêm nữa.
Breadcrumbs là một công cụ điều hướng hỗ trợ người dùng, không phải để nhồi nhét từ khóa cho SEO. Luôn đặt lợi ích người dùng lên hàng đầu.
Tuyệt đối, không nên nhồi nhét từ khóa quá đà và lạm dụng Breadcrumbs. Điều này sẽ gây ảnh hưởng trực tiếp đến trải nghiệm người dùng và gây ra nhiều hệ lụy không nhỏ cho website của bạn như: tăng tỷ lệ thoát trang, giảm lượt click, giảm lượng truy cập,…
Theo số liệu cập nhật từ Statista 2025, khoảng 62.5-64% người dùng truy cập web từ thiết bị di động. Do đó, breadcrumb phải được thiết kế responsive, tức là dễ đọc, dễ nhấp trên màn hình nhỏ mà không cần kéo rộng hay cuộn ngang quá nhiều.
Đồng thời, cần giữ cho số breadcrumb hợp lý: Khoảng 3-5 cấp là tối ưu để không gây rối cho người dùng.
>>> Xem thêm: Backup wordpress là gì? Tổng quan từ A-Z
Đây là phần quan trọng nhất trong bài viết tổng quan về Breadcrumbs là gì mà Nhân Hoà muốn giới thiệu đến bạn. Để tạo Breadcrumbs cho WordPress không quá phức tạp. Các bạn chỉ cần thực hiện theo 1 trong 2 cách dưới đây:
- Một là sử dụng plugin WordPress Breadcrumb NavXT
- Hai là dùng Yoast SEO - Plugin tối ưu SEO tốt nhất cho website WordPress.
Breadcrumb NavXT là 1 plugin tạo thanh định hướng phổ biến nhất cho website. Rất dễ dàng để có thể cài đặt NavXT.
- Đầu tiên, trong kho plugin của WordPress hãy tìm kiếm từ khóa NavXT. Sau khi có kết quả, bạn hãy tải về, bấm nút cài đặt và kích hoạt nó.
- NavXT sẽ thêm Breadcrumbs dưới dạng widget. Bạn chọn Appearance → Widgets → kéo và thả widget Breadcrumb NavXT vào vị trí mong muốn (Header, Sidebar, Footer…)
- Còn nếu bạn cần tạo Breadcrumbs trực tiếp trên theme, hãy gõ thêm đoạn snippet code sau vào file header.php:
|
if(function_exists('bcn_display')) { bcn_display(); }?> |
- Khi đã hoàn thành, bạn có thể dùng NavXT plugin để hiển thị Breadcrumbs theo ý mình.
- Sau khi kích hoạt plugin, bạn có thể vào Settings → Breadcrumb NavXT để điều chỉnh các tùy chọn hiển thị.
Ngoài Breadcrumbs, Yoast SEO còn cung cấp nhiều tính năng hữu ích khác cho SEO.
>>> Bạn có thể tìm hiểu rõ hơn về cách sử dụng Yoast SEO trong bài viết: Hướng dẫn sử dụng plugin yoast seo cho NEWBIE
Cũng giống với NavXT để cài đặt plugin Yoast SEO bạn chỉ cần tìm kiếm, tải về, cài đặt và kích hoạt Yoast SEO plugin là được.
- Vào WordPress Dashboard → Yoast SEO
- Chọn Settings → Advanced → Breadcrumbs. Bật tính năng Breadcrumbs (Enable breadcrumbs) trong phần cài đặt Advanced.
- Hiển thị breadcrumb trên website
Nếu theme của bạn hỗ trợ Yoast SEO, breadcrumb sẽ xuất hiện tự động. Nếu theme chưa hỗ trợ, bạn cần chèn dòng mã sau vào vị trí mong muốn (ví dụ ngay trên tiêu đề trang trong header.php, single.php hoặc page.php):
|
<?php if ( function_exists('yoast_breadcrumb') ) { yoast_breadcrumb('<p id="breadcrumbs">','</p>'); } ?> |
Những cách kiểm tra breadcrumbs đơn giản nhất:
Dễ nhất và nhanh nhất là bạn chỉ cần mở một trang web và nhìn ở vị trí trên cùng của nội dung (phía dưới thanh menu). Nếu bạn thấy một chuỗi như:
Trang chủ > Danh mục > Tiêu đề thì đó là breadcrumb đang hiển thị bình thường.
Ngoài việc kiểm tra giao diện, bạn có thể xem source code trang web (Ctrl + U trên trình duyệt) và tìm xem cấu trúc markup của breadcrumb đã được chèn theo Schema.org BreadcrumbList hay chưa.
6.3. Sử dụng công cụ kiểm tra Google Rich Results Test
Google Rich Results Test là công cụ miễn phí chính thức của Google để kiểm tra dữ liệu có cấu trúc (Structured Data) như breadcrumb trên trang của bạn. Công cụ này không chỉ xác nhận breadcrumb mà còn báo lỗi và cảnh báo nếu bạn thiếu thông tin hoặc sai định dạng schema.
Sau khi triển khai structured data cho breadcrumb, hãy dùng Google Search Console để kiểm tra xem Google đã thu thập và nhận dạng đúng breadcrumb trên website của bạn hay chưa.
6.5. Kiểm tra qua lệnh tìm kiếm trực tiếp trên Google
Một cách đơn giản khác là dùng lệnh: site:yourdomain.com trên Google. Nếu breadcrumb hoạt động và được Google nhận dạng, Google có thể hiển thị đường dẫn breadcrumb ngay trong kết quả tìm kiếm (rich snippet) thay vì URL dài.
Lưu ý: do một số cập nhật gần đây, Google đang giảm hiển thị breadcrumb trên kết quả tìm kiếm di động (chỉ hiện trên desktop) nhưng schema vẫn quan trọng để Google hiểu cấu trúc trang.
Bạn nên áp dụng Breadcrumbs khi website có nhiều cấp độ nội dung hoặc phân loại phức tạp, giúp người dùng dễ hiểu vị trí họ đang ở và điều hướng thoải mái hơn. Cụ thể:
- Khi website có cấu trúc phân cấp đa tầng:
- Website thương mại điện tử (E-commerce): Có nhiều danh mục, phân mục và trang sản phẩm riêng. Ví dụ: Trang chủ > Điện thoại > iPhone > iPhone 15 Pro
- Website tin tức/blog đa chuyên mục.
- Khi người dùng thường xuyên đến trang sâu từ bên ngoài: Khi người dùng truy cập trực tiếp vào trang sâu (như bài viết hoặc sản phẩm) từ kết quả tìm kiếm hoặc liên kết external, họ có thể không biết trang đó nằm trong phần nào của website.
- Khi muốn cải thiện UX (trải nghiệm người dùng)
- Khi SEO cần “liên kết nội bộ và cấu trúc rõ ràng”:
>>> Tuy nhiên cũng có một số trường hợp, bạn không nhất thiết phải dùng breadcrumb như:
-
Website đơn giản chỉ có vài trang như trang chủ, giới thiệu, liên hệ, không có cấp độ phân cấp sâu.
-
Website là landing page duy nhất hoặc single page site (tất cả nội dung nằm trên 1 trang).
Lời kết
Việc ứng dụng thanh điều hướng phụ breadcrumbs vào website góp phần cải thiện đáng kể trải nghiệm của khách hàng. Ngoài ra, sẽ tăng tính thân thiện với Google. Hy vọng rằng với những hướng dẫn chi tiết trong bài viết Breadcrumbs là gì mà Nhân Hòa đã giới thiệu bên trên bạn sẽ thực hiện thành công các thao tác thêm Breadcrumbs vào cho website của mình để tăng khả năng cạnh tranh trên thị trường online.
Tầng 4, Tòa 97–99 Láng Hạ, Phường Đống Đa, Thành phố Hà Nội
Điện thoại: 
Mail: sales@nhanhoa.com
Phản ánh chất lượng dịch vụ: 
