BreadcrumbList schema present on hierarchical pages

BreadcrumbList schema enables breadcrumb display in Google SERPs — the Home > Category > Item trail that appears below the page title. Without it, hierarchical pages miss a proven CTR signal: breadcrumbs communicate site structure at a glance and give users context before they click. schema-org BreadcrumbList and ListItem are among the most widely supported Rich Result types across Google, Bing, and AI-driven answer engines. Sites with three-level hierarchies that omit this schema systematically underperform peers who implement it.

Add BreadcrumbList schema to every hierarchical page component. For Next.js, generate it dynamically from the URL path in app/[category]/[slug]/page.tsx:

const breadcrumb = {
  '@context': 'https://schema.org',
  '@type': 'BreadcrumbList',
  itemListElement: [
    { '@type': 'ListItem', position: 1, name: 'Home', item: 'https://yoursite.com' },
    { '@type': 'ListItem', position: 2, name: category.label, item: `https://yoursite.com/${category.slug}` },
    { '@type': 'ListItem', position: 3, name: item.title, item: `https://yoursite.com/${category.slug}/${item.slug}` },
  ],
}

Every ListItem requires position, name, and item (the full URL). Missing any one property invalidates the breadcrumb for Rich Results. Confirm with the Google Rich Results Test after deploying.