Breadcrumb Navigation and SEO: A Complete Guide

Breadcrumbs are the small trail of links you often see near the top of a page, something like Home › Running › Trail Shoes › Men's. They take up one line of screen space, yet they help visitors orient themselves, give search engines a clear picture of your site's hierarchy and add useful internal links on every page.

They are also easy to get wrong. We regularly see breadcrumbs that skip levels, link to redirected URLs, appear only on desktop, or carry structured data that does not match what users see. Each of these wastes an easy SEO win.

This guide explains what breadcrumbs are, how they help SEO in 2026, which type to use, how to build them in HTML and structured data, and the most common mistakes to avoid.

Key Takeaways

Breadcrumbs show where a page sits in your site hierarchy and give users a one-click route back to parent sections.
They strengthen internal linking to category and hub pages and help Google understand your site architecture.
Mark them up with BreadcrumbList structured data; Google still supports it, although mobile results stopped displaying breadcrumbs in January 2025.
Hierarchy-based breadcrumbs suit most sites; Google recommends reflecting a typical user path rather than copying the URL.
Keep the visible trail and the structured data consistent, crawlable and accessible.

What Are Breadcrumbs?

Breadcrumb navigation is a secondary navigation aid that shows the path from the homepage (or a top-level section) to the page you are on. The name comes from the Hansel and Gretel fairy tale, where the children leave a trail of crumbs to find their way home.

Google describes the purpose neatly in its structured data documentation: a breadcrumb trail indicates the page's position in the site hierarchy and may help users understand and explore a site effectively.

Types of breadcrumbs

Type	What it shows	Example	Best for
Hierarchy-based (location)	The page's position in the site structure	Home › Blog › Technical SEO › Breadcrumbs	Almost every site: blogs, service sites, stores
Attribute-based	Attributes or filters applied to a listing	Home › Shoes › Size 10 › Waterproof	Ecommerce with filters, used alongside hierarchy trails
Path-based (history)	The pages the user visited in this session	Search › Product A › Product B	Rarely recommended; it duplicates the browser's back button

For SEO, hierarchy-based breadcrumbs are the standard. Attribute-based trails can help shoppers, but take care that filter combinations do not create endless crawlable URLs; our guide to faceted navigation SEO explains how to control them.

How Breadcrumbs Help SEO

Breadcrumbs are not a direct ranking factor, but they support several things that matter:

Internal linking. Every product or article links back up to its category and section pages. That concentrates internal links on your important hub pages, which is exactly what a good internal linking strategy aims for.
Understanding hierarchy. Consistent trails make the relationship between pages explicit, helping crawlers understand which pages are parents and which are children.
Search appearance. On desktop, Google can show a breadcrumb-style path in place of a raw URL, especially when you provide structured data.
Usability. Visitors who land deep in your site from search can move up a level instead of bouncing. That matters most on large stores and content libraries.
Crawl paths. Breadcrumbs give crawlers additional routes to category pages, reducing the risk of important sections being poorly linked.

The 2025 change to mobile results

In January 2025 Google announced on its Search Central blog that it was simplifying the visible URL element in mobile search results. Mobile results now show only the domain rather than a breadcrumb path, because breadcrumbs were often truncated on small screens. Desktop results still show breadcrumbs, and breadcrumb structured data remains supported, so there is nothing to remove. The internal linking and usability benefits are unaffected.

How to Add Breadcrumbs: Step by Step

Map your hierarchy. Decide the parent and grandparent of every page type (home, sections, categories, subcategories, detail pages). If this is messy, fix the structure first.
Choose a primary trail per page. Products in several categories still need one main visible trail, usually the most common path users take.
Build the visible HTML. Use a labelled navigation landmark and an ordered list of links, ending with the current page.
Add BreadcrumbList structured data. Use JSON-LD that mirrors the visible trail.
Use canonical, indexable URLs. Every breadcrumb link should point to a live page returning a 200 status code, not a redirect or a noindexed URL.
Test. Run pages through Google's Rich Results Test and check the Breadcrumbs report under Enhancements in Search Console.
Monitor. Recheck after site changes, category renames and migrations, which often break trails.

Accessible HTML markup

The W3C's breadcrumb pattern recommends placing the trail inside a navigation landmark labelled with aria-label or aria-labelledby, and marking the current page link with aria-current="page". A clean implementation looks like this:

<nav aria-label="Breadcrumb">
  <ol class="breadcrumb">
    <li><a href="https://www.example.com/">Home</a></li>
    <li><a href="https://www.example.com/running/">Running</a></li>
    <li><a href="https://www.example.com/running/trail-shoes/">Trail Shoes</a></li>
    <li><span aria-current="page">Ridge Runner GTX</span></li>
  </ol>
</nav>

Separators such as › or / are best added with CSS so screen readers do not read them aloud. This is a good example of where accessibility and SEO point in the same direction.

BreadcrumbList structured data

Google's breadcrumb documentation requires a BreadcrumbList with at least two ListItem entries. Each item needs position, name and item (the URL), although item is optional for the last entry, in which case Google uses the URL of the page itself.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Running",
      "item": "https://www.example.com/running/" },
    { "@type": "ListItem", "position": 2, "name": "Trail Shoes",
      "item": "https://www.example.com/running/trail-shoes/" },
    { "@type": "ListItem", "position": 3, "name": "Ridge Runner GTX" }
  ]
}
</script>

On the question of how to structure the trail, Google gives a clear recommendation:

“We recommend providing breadcrumbs that represent a typical user path to a page, instead of mirroring the URL structure.”
— Google Search Central, Breadcrumb (BreadcrumbList) structured data

For more on markup types and validation, see our schema markup guide and our older explainer on whether rich snippets help SEO.

Platform options

Platform	How to add breadcrumbs	Watch out for
WordPress	Yoast SEO, Rank Math and many themes output breadcrumbs plus schema	Duplicate schema when both theme and plugin output it
Shopify	Usually a theme snippet; some themes include breadcrumbs by default	Trails based on collection URLs that differ from canonical product URLs
Custom or headless sites	Generate trail and JSON-LD from your content hierarchy	Client-side rendering that hides links from crawlers
Ecommerce platforms (Magento, BigCommerce, WooCommerce)	Built-in breadcrumb blocks or extensions	Attribute trails creating crawlable filter URLs

Platform-specific advice is covered in our WordPress SEO guide and Shopify SEO guide.

Place breadcrumbs consistently near the top of the main content, below the header.
Show them on mobile too. Mobile users arguably need them more because the main menu is hidden.
Use short, clear names that match category names and H1s.
Start from Home or the top-level section, and do not skip levels.
Render breadcrumbs in the HTML as standard <a href> links so crawlers can follow them.
Keep the structured data identical to what users see.

Common Mistakes

Mismatch between markup and visible trail. Structured data should describe what is actually on the page.
Links to redirects or non-canonical URLs. Breadcrumbs pointing to old category URLs create needless redirect hops across thousands of pages.
Using breadcrumbs instead of main navigation. They are a secondary aid, not a replacement for menus.
Keyword-stuffed labels. "Cheap Running Shoes UK Sale" as a breadcrumb label looks spammy and reads badly.
Path-based trails. History trails change for every visitor and add nothing for SEO.
Hiding breadcrumbs on mobile. You lose the usability benefit where it matters most.
Duplicate BreadcrumbList blocks. Theme and plugin both outputting schema can produce conflicting trails.

Frequently Asked Questions

Do breadcrumbs help SEO?

Yes, indirectly. They add consistent internal links to parent pages, help Google understand your site hierarchy and can appear in desktop search results when marked up with BreadcrumbList structured data. They also help users navigate, which supports engagement.

Does Google still show breadcrumbs in search results?

On desktop, yes. In January 2025 Google stopped showing breadcrumbs in the URL line of mobile results, which now show only the domain. Breadcrumb structured data is still supported and still worth adding.

Usually not. Show it as plain text at the end of the trail so users know where they are. If you do link it, mark it with aria-current="page" for accessibility.

Should breadcrumbs match my URL structure?

Not necessarily. Google recommends breadcrumbs that represent a typical user path to the page rather than mirroring the URL structure. In practice the two often align on well-structured sites.

Yes. Google's documentation says you can specify multiple breadcrumb trails in structured data if there are several ways to reach a page. For visible navigation, most sites choose one primary trail to avoid clutter.

Do small websites need breadcrumbs?

A five-page brochure site gains little from them. Breadcrumbs become valuable once you have two or more levels of hierarchy, such as blogs with categories or ecommerce stores.

Conclusion

Breadcrumbs are a quick, low-risk improvement: they help visitors find their way, strengthen links to your most important category pages and give search engines a clear map of your hierarchy. Get the structure right, mark it up correctly and keep it consistent across devices. Breadcrumbs are one of the checks in our technical SEO guide for good reason.

If your site's hierarchy or navigation needs work, our ecommerce SEO and technical teams can plan and implement breadcrumbs, schema and internal linking for you. Get a free quote to start.

References

#breadcrumbs #technical seo #structured data #site navigation

My SEO Experts Team

Our team of SEO and digital marketing specialists has been helping businesses grow organically since 2018. More about us.

Keep reading

Ready to grow your business online?

Get a free, no-obligation proposal tailored to your goals and budget.

Get a Free Quote Call Us

Breadcrumb Navigation and SEO: A Complete Guide