Breadcrumb Navigation: What It Is and How to Use It

Breadcrumb navigation is a short trail of links, usually just above a page's main content, that shows where the page sits in a site's structure. A typical trail looks like Home > Running Shoes > Trail Shoes, with each level linking back to its parent page.

For businesses, breadcrumbs are a small feature that does several jobs at once. They help visitors who land deep in a site find related pages, they add helpful internal links, and they give search engines and AI systems a clear signal about how your content is organized.

What is breadcrumb navigation?

Breadcrumb navigation is a secondary navigation aid that lists a page's parent pages in hierarchical order. Google's breadcrumb structured data documentation describes it simply: a breadcrumb trail indicates the page's position in the site hierarchy, and users can move up one level at a time from the last crumb.

The name comes from the fairy tale of Hansel and Gretel, who left a trail of crumbs to find their way home. On the web, the trail usually starts with the home page and ends with the current page.

Breadcrumbs are most useful on sites with real depth, like online stores, documentation hubs and large content libraries. They are a visible expression of your site architecture.

Why breadcrumb navigation matters

It helps people who arrive from search. Many visitors never see your home page. They land on a product or article from Google or an AI answer. A breadcrumb trail tells them where they are and offers a one-click route to the broader category.

It adds useful internal links. Every breadcrumb is a link to a parent page. That reinforces your category pages and supports internal linking without cluttering the main content.

It clarifies hierarchy for machines. Breadcrumb links and BreadcrumbList markup describe how pages relate. Google uses that markup to categorize information from the page in search results, and the same clean structure makes it easier for crawlers to understand which topics belong together.

It can still shape how you appear on desktop. Google may show a breadcrumb in the visible URL area of a desktop result. That gives searchers context before they click.

How breadcrumb navigation works

Types of breadcrumbs

Most sites use one of three styles. Hierarchy-based breadcrumbs show the page's place in the site structure. Attribute-based breadcrumbs reflect filters, like color or size, and are common in ecommerce. History-based breadcrumbs show the pages a visitor has already viewed. The Nielsen Norman Group's breadcrumb guidelines recommend showing the site's hierarchy rather than the session history, because a history trail duplicates the browser's back button and doesn't help people who arrive from an external link.

The HTML and accessibility layer

The visible trail should be built from regular HTML links. The W3C's ARIA breadcrumb pattern recommends placing the trail inside a navigation landmark, labeling it with aria-label or aria-labelledby, and marking the link to the current page with aria-current="page". Screen reader users then know what the trail is and where they are in it.

Breadcrumb structured data

To describe the trail to Google, you add BreadcrumbList markup, usually as JSON-LD. Google's documentation says the list must contain at least two ListItem entries, and each item needs a name, a position and, except for the last item, a URL. Google also recommends breadcrumbs that represent a typical user path to the page, rather than simply mirroring the URL structure. You can check your markup with the Rich Results Test.

How Google displays breadcrumbs today

In January 2025, Google simplified the visible URL on mobile results. As Search Engine Journal reported, mobile results now show only the domain, while desktop results can still show breadcrumbs. Google said sites using breadcrumb markup don't need to change anything.

Best practices for breadcrumb navigation

Use one consistent path. If a product belongs to several categories, choose a primary trail. NN/g recommends picking one canonical path instead of changing the trail for each visitor.
Keep the current page last and unlinked. A link to the page you're already on does nothing for the user.
Link only to real pages. Every crumb should lead to a useful page, not a placeholder category.
Match markup to what's visible. Your BreadcrumbList should reflect the trail people see on the page.
Use crawlable links. Build crumbs with standard anchor tags so crawlers can follow them.
Design for mobile. Avoid tiny, wrapping trails. On small screens, showing just the last level or two is often enough.
Skip them on flat sites. If your site is only one or two levels deep, breadcrumbs add little.

Common mistakes and misconceptions

"Breadcrumbs are a ranking factor." Google hasn't said that. Breadcrumbs help with structure, internal links and how your result is displayed. Treat them as a usability and clarity feature, not a ranking trick.

"Google removed breadcrumbs, so markup is pointless." The 2025 change affected the visible URL on mobile. Desktop results can still show breadcrumbs, and the visible trail still helps visitors and crawlers.

"Breadcrumbs replace main navigation." They supplement it. NN/g's guidance is that breadcrumbs augment but do not replace global or local navigation.

"Markup alone is enough." Structured data without a visible, linked trail misses most of the benefit for users. Build the trail first, then describe it.

How Butter approaches breadcrumb navigation

At Butter, breadcrumbs come up as part of making a site easy to navigate for people, search engines and AI systems at the same time. We don't sell breadcrumb setup as a separate service. Instead, it fits into work we already do: checking whether important pages are linked, reachable and grouped clearly by topic during our monthly indexing strategy, and reviewing which structured data types fit a client's pages as part of schema markup guidance.

On the GEO+SEO plan, unlimited on-page optimization lets us tighten internal links and structure as new articles are published, and technical SEO fixes cover crawl issues and broken links. We're clear that valid markup creates eligibility, not guarantees, since Google decides how results are displayed. You can see what each plan includes on our pricing page.

Frequently asked questions

Do breadcrumbs help SEO?

They help indirectly. Breadcrumbs add internal links to parent pages, make site structure clearer to crawlers and can appear in desktop search results. Google hasn't described them as a direct ranking factor.

Does Google still show breadcrumbs in search results?

On desktop, yes. Since January 2025, Google shows only the domain in the visible URL on mobile results. Google said sites with breadcrumb markup don't need to change anything.

What structured data do breadcrumbs use?

Breadcrumbs use the schema.org BreadcrumbList type. Google requires at least two ListItem entries, each with a name and position, plus a URL for every item except the last one.

Should breadcrumbs match my URL structure?

Not necessarily. Google recommends breadcrumbs that represent a typical user path to the page. Clean URLs and breadcrumbs often line up, but the trail should reflect how people browse.

Sources and further reading

KEEP LEARNING

100 SEO and GEO terms explained in plain English.

Browse the full glossary →