Breadcrumb Là Gì? 3 Loại, Cách Cài Đặt Và Khai Báo BreadcrumbList (Cập Nhật 2026)

Khách vào thẳng trang sản phẩm từ Google, muốn xem thêm mẫu cùng loại nhưng không biết bấm vào đâu, nên bấm quay lại hoặc rời website. Breadcrumb là dòng chữ nhỏ ở đầu trang xử lý đúng chuyện đó.

Tôi là Thái Doãn Kiên, làm SEO từ năm 2016 và đã cùng đội ngũ SEODO triển khai gần 1.000 dự án. Breadcrumb cho khách biết mình đang ở nhóm nào và quay lên nhóm đó bằng một lần bấm, còn Google thấy rõ trang nào thuộc danh mục nào.

Với website WordPress đã cài Rank Math hoặc Yoast, thêm breadcrumb mất khoảng 10 phút theo ước tính của SEODO. Đọc xong, bạn biết website có cần breadcrumb không, cài và khai báo cho Google thế nào, kèm 6 lỗi nên tránh.

1. Breadcrumb là gì?

Hiểu đúng breadcrumb để không nhầm nó với menu, URL hay phần khai báo schema.

Trong thiết kế website và SEO, breadcrumb (chuỗi liên kết phân cấp) là dòng liên kết ngắn, thường nằm ngay dưới menu, thể hiện đường đi từ trang chủ tới trang đang xem. Ví dụ “Trang chủ > Thời trang nam > Áo sơ mi” cho biết trang áo sơ mi thuộc danh mục thời trang nam.

Tên gọi lấy từ truyện Hansel và Gretel rải vụn bánh mì để nhớ đường về. Gọi breadcrumb là “schema breadcrumb” là nhầm, vì schema chỉ là phần khai báo theo trang Breadcrumb (BreadcrumbList) structured data của Google (cập nhật 08/09/2026). Breadcrumb thuộc nhóm việc cấu trúc và liên kết trong SEO Onpage.

1.1. Breadcrumb trông như thế nào trên website thật

Breadcrumb là một dòng chữ nhỏ dưới menu hoặc trên tiêu đề trang, các mục cách nhau bằng dấu > hoặc /. Có 3 dạng hay gặp:

• Trang sản phẩm: Trang chủ > Thời trang nam > Áo sơ mi.
• Bài blog: Trang chủ > Blog > Phòng khách > tên bài.
• Trang dịch vụ: Trang chủ > Dịch vụ > Nội thất chung cư.

Breadcrumb đúng bắt đầu bằng trang chủ, kết thúc bằng tên trang hiện tại, và mục cuối không phải liên kết (Nielsen Norman Group, cập nhật 01/09/2026).

1.2. Breadcrumb khác menu chính và URL ở đâu

Menu chính giống nhau trên mọi trang, còn breadcrumb đổi theo từng trang. URL là địa chỉ kỹ thuật, còn breadcrumb là tên đọc được mà khách bấm vào.

Tiêu chí	Menu chính	Breadcrumb	URL
Vị trí	Đầu trang	Dưới menu	Thanh địa chỉ
Đổi theo trang	Không	Có	Có
Dành cho	Chọn nhóm nội dung	Biết vị trí, lên cấp trên	Trình duyệt, máy tìm kiếm

NN/g dặn breadcrumb chỉ bổ sung cho menu, không thay menu. Website có breadcrumb vẫn cần hệ thống menu điều hướng đầy đủ, và breadcrumb không bắt buộc trùng từng thư mục trong cấu trúc URL.

2. Breadcrumb có tác dụng gì với người dùng và SEO?

Biết breadcrumb làm được gì và không làm được gì để đặt đúng kỳ vọng.

Breadcrumb có lợi cho cả khách đang xem trang và Google đang đọc trang, trong đó phía khách được lợi rõ hơn.

2.1. Khách biết mình đang ở đâu và lên cấp trên nhanh

Khách vào thẳng trang sản phẩm từ Google mà không qua trang chủ vẫn biết trang thuộc nhóm nào nhờ breadcrumb. Ví dụ khách thấy dòng “Bộ sưu tập > Áo > Áo sơ mi”, muốn xem cả polo hay hoodie thì bấm “Áo” là sang danh mục.

Tiêu chí đạt là từ trang chi tiết lên danh mục cha chỉ mất 1 lần bấm. Breadcrumb mở thêm đường đi tiếp trong website, nên là một việc nên xem khi tìm cách giảm tỷ lệ thoát, dù chưa có số liệu chung cho biết giảm được bao nhiêu.

2.2. Tạo liên kết nội bộ lên trang danh mục

Mỗi trang con có breadcrumb chứa một liên kết lên danh mục cha, nên danh mục có 200 sản phẩm nhận 200 liên kết nội bộ mà không cần chèn tay. Google dùng các liên kết này để tìm trang và hiểu thứ bậc giữa các trang.

Mỗi mục (trừ mục cuối) phải là thẻ a có href, vì theo Link best practices (cập nhật 10/12/2025), Google thường chỉ thu thập được liên kết dạng này.

2.3. Hiển thị trên kết quả tìm kiếm: chỉ còn trên máy tính

Từ ngày 23/01/2025, breadcrumb chỉ còn hiện trên kết quả tìm kiếm máy tính. Theo bài của Caitlin Dorsey trên Google Search Central Blog, Google thôi hiện breadcrumb trên di động ở mọi ngôn ngữ, vì đường dẫn bị cắt trên màn hình nhỏ, nên di động chỉ còn tên miền.

Google vẫn hỗ trợ markup breadcrumb cho máy tính và giữ báo cáo breadcrumb trong Search Console. Muốn xem breadcrumb hiện ra sao, bạn tìm thử bằng máy tính, và khai báo đúng cũng không chắc lúc nào cũng hiện.

2.4. Breadcrumb có phải yếu tố xếp hạng không

Không có tài liệu nào của Google xác nhận breadcrumb là yếu tố xếp hạng riêng. Giá trị SEO nằm ở liên kết nội bộ và việc Google hiểu trang nào thuộc nhóm nào, nên SEODO đánh giá breadcrumb qua số trang danh mục có liên kết vào và lượt nhấp từ máy tính.

3. 3 loại breadcrumb và loại nào nên dùng

Chọn đúng loại ngay từ đầu để không phải sửa lại theme về sau.

Có 3 loại breadcrumb, trong đó loại theo phân cấp là loại NN/g khuyên dùng và khớp với cách Google mô tả breadcrumb là vị trí của trang trong thứ bậc website.

Loại	Hiển thị gì	Ví dụ	Nên dùng
Phân cấp	Vị trí trang	Trang chủ > Blog > Phòng khách	Có, chuỗi chính
Thuộc tính	Bộ lọc đã chọn	Áo sơ mi > Màu trắng > Size M	Dùng kèm
Lịch sử	Trang vừa xem	Khuyến mãi > Áo polo > Áo sơ mi	Không

3.1. Theo phân cấp (hierarchy hay location-based)

Breadcrumb theo phân cấp thể hiện vị trí cố định của trang, đi từ trang chủ xuống trang hiện tại. Ai vào cũng thấy cùng một chuỗi, nên khách và Google hiểu như nhau.

Sản phẩm nằm trong 2 danh mục thì NN/g khuyên chọn 1 đường chính để hiển thị, không đổi theo người xem.

3.2. Theo thuộc tính (attribute-based)

Breadcrumb theo thuộc tính thể hiện bộ lọc khách đã chọn, ví dụ “Áo sơ mi > Màu trắng > Size M” trên trang lọc. Loại này dùng kèm breadcrumb phân cấp, không thay.

Có bài gọi nhầm loại này là “breadcrumb bootstrap”. Bootstrap là bộ khung giao diện, trong thư viện Bootstrap có sẵn thành phần breadcrumb hiển thị chuỗi nào cũng được.

3.3. Theo lịch sử truy cập (path-based)

Breadcrumb theo lịch sử hiện các trang khách vừa đi qua, nên hai khách cùng xem một sản phẩm thấy hai chuỗi khác nhau. NN/g khuyên không dùng, vì nó trùng nút quay lại và không cho biết trang nằm ở đâu.

Muốn giữ lịch sử xem thì làm khối “Đã xem gần đây” riêng, không khai báo schema theo lịch sử.

4. Website nào cần breadcrumb, website nào không?

Xác định website có cần breadcrumb không trước khi bỏ công cài.

Website có từ 3 cấp trang trở lên (trang chủ, danh mục, chi tiết) thì nên có breadcrumb. Website phẳng 1 đến 2 cấp hoặc landing page một trang thì không cần, vì theo NN/g breadcrumb ở đó không cho khách thêm thông tin. Muốn biết có mấy cấp, bạn vẽ lại cấu trúc website tới trang sâu nhất.

Loại website	Số cấp thường gặp	Cần breadcrumb
Thương mại điện tử	3 đến 5	Cần
Blog nhiều chuyên mục	3 đến 4	Cần
Dịch vụ có nhóm con	3	Nên có
Giới thiệu 5 đến 10 trang	1 đến 2	Không cần
Landing page	1	Không cần

4.1. Breadcrumb cho trang danh mục, sản phẩm và bài viết

Mỗi mẫu trang hiện breadcrumb theo một cách:

• Trang chủ: không cần breadcrumb.
• Trang danh mục: 2 cấp, ví dụ Trang chủ > Áo sơ mi.
• Trang chi tiết: đủ đường, thêm tên sản phẩm hoặc tên bài ở cuối.
• Trang 2, 3 của danh mục: giữ breadcrumb của danh mục, không thêm “Trang 2” làm cấp mới, xem thêm cách xử lý trang phân trang.

Theo kinh nghiệm của SEODO, breadcrumb nên dừng ở khoảng 4 đến 5 cấp. Dài hơn thường là danh mục chia quá sâu, cần xem lại cấu trúc. Website lớn cần sắp lại danh mục thường làm việc này cùng đội kỹ thuật nội bộ hoặc dịch vụ SEO của SEODO.

5. Schema BreadcrumbList: cách khai báo breadcrumb cho Google

Khai báo đúng ngay lần đầu để Google đọc được chuỗi breadcrumb bạn muốn hiện.

BreadcrumbList là kiểu dữ liệu có cấu trúc của schema.org, cho Google biết chuỗi breadcrumb của trang để hiện trên kết quả tìm kiếm máy tính. Google đọc được 3 định dạng là JSON-LD, RDFa và Microdata. SEODO dùng JSON-LD vì mã nằm riêng một khối, sửa giao diện không làm hỏng khai báo.

Markup theo data-vocabulary.org không còn đủ điều kiện hiện kết quả nhiều định dạng, website cũ còn dùng thì cần đổi sang schema.org. Chưa quen khai báo thì bài dữ liệu có cấu trúc schema so sánh JSON-LD, Microdata, RDFa và liệt kê các loại schema Google còn hỗ trợ năm 2026.

5.1. Đoạn JSON-LD mẫu cho một bài blog 3 cấp

Đoạn mã dưới khai báo chuỗi Blog > Phòng khách > tên bài trên noithatabc.example. Mục cuối không có item, vì Google tự lấy URL của trang đang chứa breadcrumb.

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {"@type": "ListItem", "position": 1, "name": "Blog", "item": "https://noithatabc.example/blog/"},
    {"@type": "ListItem", "position": 2, "name": "Phòng khách", "item": "https://noithatabc.example/blog/phong-khach/"},
    {"@type": "ListItem", "position": 3, "name": "Cách chọn sofa"}
  ]
}

Mã đặt trong thẻ script có type=”application/ld+json”. Đạt khi Rich Results Test báo 0 lỗi ở mục Breadcrumb.

5.2. 4 thuộc tính phải có và cách điền

Khai báo BreadcrumbList dùng 4 thuộc tính, trong đó item chỉ được bỏ ở mục cuối.

Thuộc tính	Bắt buộc	Ví dụ
itemListElement	Có, ít nhất 2 ListItem	Danh sách mục theo thứ tự
position	Có	1, 2, 3
name	Có	Phòng khách
item	Có, trừ mục cuối	https://noithatabc.example/blog/phong-khach/

Tiêu chí đạt là position chạy liên tục từ 1, không nhảy số, và URL trong item là URL đầy đủ có https, đang trả mã 200.

5.3. 3 quy tắc của Google ít bài nhắc tới

Trang hướng dẫn BreadcrumbList của Google có 3 quy tắc nhiều bài bỏ qua:

• Đường đi điển hình: breadcrumb thể hiện đường khách thường đi tới trang, không cần chép cấu trúc URL.
• Nhiều chuỗi: trang có nhiều đường đi tới thì được khai báo nhiều chuỗi.
• Xử lý thủ công: markup vi phạm nguyên tắc có thể bị xử lý thủ công, dữ liệu có cấu trúc của trang bị bỏ qua.

Ví dụ URL là /san-pham/ao-so-mi-trang/ nhưng breadcrumb vẫn là Trang chủ > Thời trang nam > Áo sơ mi > Áo sơ mi trắng. Thứ cần giữ là chuỗi trong schema trùng chuỗi hiển thị.

6. Cách tạo breadcrumb cho website WordPress và mã nguồn khác

Chọn cách cài để có cả thanh hiển thị lẫn khai báo trong một lần làm.

Trên WordPress, cách nhanh nhất là dùng plugin SEO cho WordPress đang cài. Plugin Rank Math và Yoast SEO đều hiện breadcrumb và tự xuất BreadcrumbList, bạn chỉ cần bật rồi chèn vào giao diện. Theo ước tính của SEODO, việc này mất khoảng 10 phút.

Cách chèn	Làm ở đâu	Hợp khi
Shortcode	Khối Shortcode trong trình soạn thảo	Cần trên vài trang
Hàm PHP	File mẫu của child theme	Cần trên mọi trang
Theme hỗ trợ sẵn	Cài đặt theme	Theme đã tích hợp plugin SEO
Widget page builder	Mẫu trang của page builder	Website dựng bằng page builder

6.1. Bật breadcrumb trong Rank Math

Theo hướng dẫn của Rank Math, bạn bật breadcrumb qua 3 bước:

1. Bật module Schema để plugin xuất kèm BreadcrumbList.
2. Vào Rank Math SEO > General Settings > Breadcrumbs, không thấy mục này thì chuyển sang Advanced Mode.
3. Bật breadcrumb, chọn dấu phân cách ở Separator Character rồi lưu.

Chèn vào giao diện bằng shortcode [rank_math_breadcrumb] hoặc hàm rank_math_the_breadcrumbs() trong child theme. Đạt khi mọi mẫu trang có breadcrumb và mã nguồn mỗi trang có đúng 1 khối BreadcrumbList.

6.2. Bật breadcrumb trong Yoast SEO

Yoast SEO tắt breadcrumb theo mặc định. Theo trang trợ giúp của Yoast, bạn vào Yoast SEO > Settings > Advanced > Breadcrumbs, bật Enable breadcrumbs for your theme rồi bấm Save changes.

Yoast có 3 cách chèn:

• Shortcode: [wpseo_breadcrumb] trong bài hoặc trang.
• Khối: Yoast Breadcrumbs trong trình soạn thảo khối.
• Hàm PHP: yoast_breadcrumb() trong single.php hoặc page.php, trên tiêu đề trang.

Tiêu chí đạt giống Rank Math.

6.3. Theme, page builder và WooCommerce: tránh 2 breadcrumb cùng lúc

Theme và page builder như Elementor thường có breadcrumb riêng, nên bật thêm plugin SEO dễ sinh ra 2 thanh breadcrumb trên một trang. Rank Math dặn chỉ để một nguồn tạo breadcrumb và tắt nguồn còn lại.

WooCommerce hiện breadcrumb ở trang sản phẩm nhưng không kèm schema, nên dùng breadcrumb của Rank Math thì tắt breadcrumb của WooCommerce. Đạt khi trang có 1 thanh breadcrumb và 1 khối BreadcrumbList.

6.4. Website code riêng: HTML breadcrumb đúng chuẩn

Website tự code thì dựng breadcrumb bằng thẻ nav có aria-label bọc danh sách ol, theo mẫu Breadcrumb của W3C WAI. Dùng ol vì thứ tự có ý nghĩa, mục cuối là chữ thường có aria-current=”page” để trình đọc màn hình biết đây là trang hiện tại.

<nav aria-label="Breadcrumb">
  <ol>
    <li><a href="/">Trang chủ</a></li>
    <li><a href="/ao-so-mi/">Áo sơ mi</a></li>
    <li><span aria-current="page">Áo sơ mi trắng</span></li>
  </ol>
</nav>

Sau đó thêm khối JSON-LD như mục 5.1.

7. Kiểm tra breadcrumb sau khi cài bằng 3 công cụ

Kiểm tra từ một trang mẫu tới cả website để bắt lỗi trước khi Google báo.

Breadcrumb cài xong cần kiểm tra theo thứ tự trang mẫu, dữ liệu Google đã đọc, rồi cả website. Structured Data Testing Tool và Mobile-Friendly Test đã ngừng, nên bài hướng dẫn cũ còn nhắc tới chúng không làm theo được nữa.

7.1. Rich Results Test cho từng trang mẫu

Rich Results Test (bản tiếng Việt là Kiểm tra kết quả nhiều định dạng) kiểm tra một URL hoặc đoạn mã. Bạn dán URL, bấm kiểm tra, rồi mở mục Breadcrumb để xem mục hợp lệ và lỗi.

SEODO lấy 1 URL mẫu cho mỗi mẫu trang, đạt khi không còn lỗi nghiêm trọng. Google khuyên sửa cả cảnh báo không nghiêm trọng.

7.2. Báo cáo breadcrumb trong Search Console

Báo cáo Breadcrumb trong Google Search Console cho biết số mục hợp lệ và không hợp lệ trên toàn website, và chỉ xuất hiện khi Google đã thấy markup breadcrumb. Sau khi đổi theme hay plugin, bạn xem số mục không hợp lệ có tăng không.

Sửa xong thì bấm Xác thực bản sửa lỗi, cần xem một trang thì dùng Công cụ kiểm tra URL. Đạt khi số mục không hợp lệ bằng 0 và số mục hợp lệ không giảm sau khi đổi mẫu trang.

7.3. Quét cả website bằng Screaming Frog

Screaming Frog quét cả website để tìm trang thiếu hoặc lỗi dữ liệu có cấu trúc. Bạn vào Configuration > Spider > Extraction, bật JSON-LD và Schema.org Validation rồi quét lại, tính năng này cần bản trả phí.

Tab Structured Data có bộ lọc Missing Structured Data và Validation Errors. Đạt khi 100% trang danh mục và trang chi tiết có BreadcrumbList.

8. 6 lỗi breadcrumb hay gặp và cách sửa

Sửa lỗi theo mức P0, P1, P2 để không mất công ở lỗi nhỏ trước.

Lỗi kỹ thuật làm Google đọc sai chuỗi nên xếp P0, vì nó lặp trên mọi trang dùng chung mẫu.

8.1. Chuỗi hiển thị và chuỗi trong schema khác nhau

Khách thấy “Trang chủ > Áo” nhưng schema khai báo “Home > Category > Product”, thường do theme tự vẽ breadcrumb còn plugin xuất schema riêng.

Google yêu cầu dữ liệu có cấu trúc khớp nội dung khách thấy, nên để một plugin tạo cả hai. Đạt khi tên và thứ tự từng mục trùng 100%. Mức P0.

8.2. Hai plugin cùng xuất BreadcrumbList

Mở mã nguồn trang và tìm chữ BreadcrumbList, thấy 2 khối là trùng. Lỗi này hay gặp khi bật cùng lúc breadcrumb của theme và của plugin SEO.

Google sẽ hiểu trang có hai đường đi, nên tắt bớt và giữ 1 nguồn. Đạt khi mỗi trang có đúng 1 khối. Mức P0.

8.3. Mục cuối là liên kết hoặc thiếu tên trang hiện tại

Mục cuối trỏ về chính trang đang xem làm khách bấm mà không đi đâu. NN/g khuyên có trang hiện tại ở cuối và không gắn liên kết.

Để mục cuối là chữ thường có aria-current. Đạt khi mục cuối không có href. Mức P2.

8.4. Breadcrumb nhồi từ khoá hoặc quá dài

Tên mục kiểu “Nội thất giá rẻ uy tín” hay chuỗi 7 cấp làm breadcrumb tràn 2 dòng trên điện thoại. Tên mục nên ngắn, trùng tên danh mục thật.

Trên di động, NN/g gợi ý rút gọn còn cấp cha gần nhất. Đạt khi breadcrumb nằm gọn 1 dòng. Mức P1.

8.5. Đưa chuỗi breadcrumb vào thẻ title

Một số theme ghép breadcrumb vào thẻ title, ra kiểu “Trang chủ > Áo > Áo sơ mi trắng | Thời trang ABC”. Title như vậy dài, lặp chữ ở mọi trang và dễ bị cắt.

Viết thẻ meta title riêng cho từng trang. Đạt khi title không chứa dấu phân cách breadcrumb. Mức P1.

8.6. “Có breadcrumb là lên top” và “breadcrumb hiện cả trên điện thoại”

Cả hai đều sai. Google chưa xác nhận breadcrumb là yếu tố xếp hạng riêng, và từ 23/01/2025 không hiện breadcrumb trên kết quả di động.

Muốn đo, bạn mở báo cáo Hiệu suất, chọn tab Thiết bị, xem lượt nhấp từ Máy tính của các trang danh mục. Mức P2.

Tóm tắt 6 lỗi

Lỗi	Cách sửa	Mức
Hiển thị khác schema	Một plugin tạo cả hai	P0
2 khối BreadcrumbList	Giữ 1 nguồn	P0
Nhồi từ khoá, quá dài	Tên ngắn, di động còn cấp cha	P1
Breadcrumb trong title	Viết title riêng	P1
Mục cuối là liên kết	Chữ thường có aria-current	P2
Kỳ vọng sai	Đo lượt nhấp từ máy tính	P2

9. Câu hỏi thường gặp về breadcrumb

Câu trả lời ngắn cho 5 thắc mắc hay gặp khi cài breadcrumb.

9.1. Breadcrumb có làm chậm website không?

Không đáng kể. Breadcrumb chỉ là vài liên kết chữ và một khối JSON-LD vài trăm byte. Website chậm thì kiểm tra ảnh và JavaScript trước, theo hướng dẫn tối ưu tốc độ website.

9.2. Breadcrumb nên có bao nhiêu cấp?

Bằng số cấp thật của trang. Theo kinh nghiệm của SEODO, chuỗi thường dài 3 đến 5 cấp tính cả trang chủ. Dài hơn 5 cấp là danh mục chia quá sâu, nên gom lại theo mô hình silo.

9.3. Trang chủ có cần breadcrumb không?

Không. Trang chủ là điểm bắt đầu của mọi chuỗi breadcrumb. Việc của trang chủ website là dẫn khách vào danh mục chính, breadcrumb xuất hiện từ trang danh mục trở xuống.

9.4. Breadcrumb và sitemap khác nhau thế nào?

Breadcrumb là liên kết khách thấy trên từng trang. Sitemap XML là tệp liệt kê URL gửi cho công cụ tìm kiếm, khách không thấy. Website có danh mục nên làm cả hai.

9.5. Đã có breadcrumb trên giao diện, có cần khai báo schema nữa không?

Nên khai báo. Theo SEO Starter Guide của Google (cập nhật 10/12/2025), Google có thể tự suy ra breadcrumb từ URL. BreadcrumbList cho Google chuỗi chính xác bạn muốn hiện trên kết quả máy tính.

Nguồn tham khảo

• Google Search Central: Breadcrumb (BreadcrumbList) structured data, cập nhật 08/09/2026.
• Google Search Central Blog: Simplifying the visible URL element on mobile search results, Caitlin Dorsey, 23/01/2025.
• Google Search Central: Link best practices for Google, cập nhật 10/12/2025.
• Google Search Central: SEO Starter Guide, cập nhật 10/12/2025.
• Google Search Console Help: Báo cáo trạng thái kết quả nhiều định dạng.
• Nielsen Norman Group: Breadcrumbs, 11 Design Guidelines for Desktop and Mobile, Page Laubheimer, 2018, cập nhật 01/09/2026.
• W3C WAI: ARIA Authoring Practices Guide, Breadcrumb Pattern.
• Rank Math Knowledge Base: How to Enable Breadcrumbs on Your Website.
• Yoast Help Center: How to implement Yoast SEO breadcrumbs.
• Screaming Frog: Structured Data Testing and Validation.