Breadcrumbs give users a compact path back through a site’s hierarchy and can also provide machine-readable context when implemented with supported structured data.
Quick Answer
Build breadcrumbs around the real information hierarchy, make each intermediate item a normal crawlable link, and use BreadcrumbList structured data that matches the visible trail. Do not invent a hierarchy only for markup.
Start With the User Path
A breadcrumb such as Home → Technical SEO → Canonical Tags is useful when those levels correspond to real pages or sections. The trail should help someone understand where the current page sits.
Keep labels concise and consistent with the destination pages.
Make the Links Real
Intermediate breadcrumb items should normally be crawlable anchors. Avoid rendering a visual trail that cannot be followed without script-only interactions.
Match Structured Data to the Visible Page
If you add BreadcrumbList markup, it should represent the breadcrumb users can see. Validate the structured data and remember that valid markup creates eligibility, not a guarantee of a special search appearance.
Breadcrumb QA
- Confirm the hierarchy is real.
- Use normal links for intermediate levels.
- Keep labels understandable.
- Match structured data to visible breadcrumbs.
- Test with the Rich Results Test when relevant.
Example: Breadcrumbs on a Deep Content Site
Imagine a guide located at Home → Technical SEO → Crawling → Crawl Budget. If each level represents a real destination, the breadcrumb helps a reader move upward without returning to the main menu. It also communicates hierarchy more clearly than a generic “Back” link.
However, if “Crawling” is not a real page and exists only because someone wanted an extra keyword in the trail, the hierarchy becomes artificial. Breadcrumbs should reflect the site people can actually navigate.
Implementation Checks That Catch Real Problems
Inspect both the visible breadcrumb and the structured data. The labels and URLs should agree. Intermediate items should normally be normal anchor links, and the current page should not link to an incorrect canonical or outdated slug.
After a category or URL migration, breadcrumbs are an easy place for stale links to survive. Include them in migration QA and structured-data validation instead of assuming the theme updates every path automatically.
Breadcrumbs on Mobile and Small Screens
Breadcrumbs can become noisy on narrow screens when every level is long. Keep labels concise, allow wrapping gracefully, and avoid turning the trail into a horizontal element that forces side-scrolling. The current page label can sometimes be shortened visually as long as the hierarchy remains understandable.
Accessibility matters too. Use a navigation landmark with an appropriate label, preserve logical link order, and do not rely only on icons or chevrons to communicate meaning. A breadcrumb should improve orientation for keyboard and screen-reader users as well as sighted desktop visitors.
Common Mistakes
Common mistakes include creating artificial keyword-heavy breadcrumb levels, marking up a trail that users cannot see, and assuming structured data forces a rich result.
Watch the Topic in Context
Structured Data for Beginners
Google Search Central’s structured data primer explains how markup supplements the visible content rather than replacing it.
Watch on YouTube ↗ · Google Search Central