Breadcrumb Schema và Cấu Trúc URL: Cách Giúp AI Hiểu Ngữ Cảnh Website Của Bạn

Breadcrumb schema là structured data mô tả vị trí của trang hiện tại trong cấu trúc website — ví dụ Trang chủ > Blog > AEO cho ngành F&B. Đây là tín hiệu ngữ cảnh quan trọng giúp AI hiểu bài viết thuộc lĩnh vực nào, phục vụ đối tượng nào, và quan trọng hơn — đánh giá độ liên quan khi trả lời câu hỏi của người dùng.

Tại sao cấu trúc site quan trọng với AEO?

AI không chỉ đọc nội dung trang — nó đọc ngữ cảnh của trang trong toàn bộ website. Hai tín hiệu ngữ cảnh AI phụ thuộc vào nhiều nhất:

1. Cấu trúc URL:

• /blog/aeo-cho-nganh-fnb → AI biết ngay: nội dung AEO, chủ đề F&B
• /post?id=4832&cat=3 → AI không biết gì từ URL

2. Breadcrumb:

• Schema ghi rõ: Trang chủ > Blog > Ngành F&B > AEO cho ngành F&B
• AI hiểu bài viết là một trong nhiều bài về ngành cụ thể → tăng độ tin cậy về chuyên môn

Cú pháp BreadcrumbList đầy đủ

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Trang chủ",
      "item": "https://aeosaigon.com/vi"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blog AEO",
      "item": "https://aeosaigon.com/vi/blog"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "AEO cho ngành F&B",
      "item": "https://aeosaigon.com/vi/blog/aeo-cho-nganh-fnb"
    }
  ]
}

Các trường bắt buộc:

• position — số thứ tự bắt đầu từ 1
• name — tên hiển thị của cấp đó
• item — URL đầy đủ của cấp đó (bắt buộc cho tất cả cấp trừ cấp cuối)

Quy tắc của Google:

• Cấp cuối cùng (trang hiện tại) không bắt buộc phải có item URL
• URL trong item phải trả về HTTP 200, không redirect
• Breadcrumb schema phải khớp với điều hướng thực tế trên trang

Cấu trúc URL chuẩn cho blog/website AEO

Nguyên tắc đặt slug URL:

1. Dùng từ khóa mô tả nội dung (không phải ID số)
2. Dùng dấu gạch ngang - phân cách từ, không dùng _ hay khoảng trắng
3. Slug ngắn: 3–6 từ là lý tưởng, tối đa 8 từ
4. Không dùng dấu tiếng Việt hoặc ký tự đặc biệt trong URL (dùng slug không dấu)
5. Phân cấp logic: /blog/danh-muc/ten-bai thay vì /blog/ten-bai-danh-muc

Breadcrumb giúp AI hiểu chuyên môn của website

Khi AI thấy nhiều bài viết dưới cùng breadcrumb path:

Trang chủ > Blog > AEO cho ngành F&B
Trang chủ > Blog > AEO cho ngành Giáo dục  
Trang chủ > Blog > AEO cho ngành Y tế

AI suy luận: website này có nội dung chuyên sâu về AEO cho nhiều ngành → tăng độ tin cậy về expertise → ưu tiên cite khi được hỏi câu hỏi về AEO theo ngành.

Đây là lý do pillar page + cluster content strategy hiệu quả cho AEO — không phải chỉ vì SEO.

Triển khai breadcrumb trong Next.js (App Router)

// Tạo component BreadcrumbJsonLd
function BreadcrumbJsonLd({ items }: { items: { name: string; url: string }[] }) {
  const schema = {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    itemListElement: items.map((item, i) => ({
      "@type": "ListItem",
      position: i + 1,
      name: item.name,
      ...(i < items.length - 1 ? { item: item.url } : {}),
    })),
  };
  return (
    <script
      type="application/ld+json"
      dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
    />
  );
}

// Dùng trong trang blog:
<BreadcrumbJsonLd items={[
  { name: "Trang chủ", url: "https://aeosaigon.com/vi" },
  { name: "Blog", url: "https://aeosaigon.com/vi/blog" },
  { name: post.title, url: `https://aeosaigon.com/vi/blog/${post.slug}` },
]} />

Sitelinks — bonus khi cấu trúc site đủ mạnh

Khi Google tin tưởng cấu trúc site của bạn đủ cao, nó có thể hiển thị sitelinks — các liên kết phụ bên dưới kết quả chính cho tên thương hiệu. Đây không phải là schema có thể cài đặt trực tiếp, mà là kết quả tự nhiên khi:

• Website có cấu trúc điều hướng rõ ràng
• Các trang chính có nội dung chất lượng cao
• Breadcrumb schema và sitemap.xml nhất quán
• Brand search (tìm theo tên thương hiệu) có volume đủ lớn

Không có cách "hack" để có sitelinks — nhưng cấu trúc site tốt là điều kiện cần thiết.

Sitemap.xml — bổ sung cho breadcrumb

Sitemap.xml và breadcrumb schema hoạt động cùng nhau:

Sitemap tự động generate từ framework (Next.js, Nuxt, WordPress SEO plugin) là tốt nhất — không cần duy trì thủ công.

Breadcrumb schema và cấu trúc URL là nền tảng kỹ thuật giúp tất cả schema khác hoạt động hiệu quả hơn. Triển khai đúng một lần và không cần bảo trì nhiều. Xem HowTo schema và FAQ schema để tiếp tục xây dựng hệ thống schema hoàn chỉnh. Dùng AEO checker để kiểm tra tất cả schema trên trang của bạn.

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