Search OS
Back to Glossary
SEO

Breadcrumb Navigation

Breadcrumb navigation is a secondary navigation aid that shows where the current page sits within a site's hierarchy by tracing the path back to the homepage. It helps users orient themselves, and when marked up as BreadcrumbList structured data it can also surface as a category path in Google search results.

  • A breadcrumb is a secondary navigation aid that displays the hierarchical path to the current page in a single line, in the form "Home > Category > Current Page".
  • Every step is a clickable link to a parent page, while the final current-page item is conventionally left unlinked.
  • Marking breadcrumbs up as BreadcrumbList structured data lets Google show a category path in search results and use it to classify the page.
  • Per NN/g, breadcrumbs are useful once a hierarchy reaches three or more levels and add little value on shallow one- or two-level or linear structures.
  • Breadcrumbs complement rather than replace global and local navigation, and they strengthen internal linking, which benefits SEO.

Overview

Breadcrumb navigation is a secondary navigation aid that shows where the current page falls within a site's hierarchy by tracing the path from the homepage. As NN/g defines it, a breadcrumb is a list of links to the current page and its ancestors (parent, grandparent, and so on) leading back up to the homepage. It typically sits near the top of the page, just below the global navigation, as a trail of links separated by a ">" or "/" symbol.

The name comes from the fairy tale "Hansel and Gretel," in which breadcrumbs were dropped to find the way back. Its core purpose is to help users who land deep inside a site from an external link, bypassing the homepage, understand where they are and move up to a parent category with ease.

How It Works

Each node in a breadcrumb should be a link to a parent page, and the fact that users can click to navigate directly is central to how breadcrumbs are understood. The one exception is the final item, the current page, which is conventionally left unlinked. Breadcrumbs also reflect a site's hierarchy rather than browsing history (the order pages were visited), and they should include only real pages, never abstract categories that lack their own URL.

Google uses breadcrumb markup found in a page's body to classify the page's information in search results. Instead of exposing the raw URL, the results show a category path, giving users a sense of where the page sits within the site.

BreadcrumbList Schema Example

For Google to display breadcrumbs in search results, they must be marked up as BreadcrumbList structured data. A single BreadcrumbList contains at least two ListItem entries, and each ListItem needs a position (its order, starting from 1), a name (the display label), and an item (the URL of that page). The final current-page entry can omit item, in which case Google uses that page's own URL. The following is the JSON-LD example from Google Search Central's official documentation.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "Books",
    "item": "https://example.com/books"
  },{
    "@type": "ListItem",
    "position": 2,
    "name": "Science Fiction",
    "item": "https://example.com/books/sciencefiction"
  },{
    "@type": "ListItem",
    "position": 3,
    "name": "Award Winners"
  }]
}
</script>

In the example above, "Award Winners" at position 3 is the current page, so its item is omitted. Without a valid URL in item, the path breaks from a crawler's perspective, so every step except the current page must carry a correct URL.

Rationale and Benefits

NN/g has recommended breadcrumbs since 1995, judging that they "cost little in UI terms while offering users many benefits." Their usefulness, however, is conditional. According to NN/g, breadcrumbs help once a hierarchy reaches three or more levels and are unnecessary on shallow one- or two-level structures or on sites with a linear structure.

A few core principles matter at design time. First, breadcrumbs are a secondary element that complements rather than replaces the global navigation bar or local navigation within a section. Second, because screen space is tight on mobile, it is best to avoid a trail that wraps across multiple lines and instead condense it to show only the immediate parent category. Even then, font size and spacing should not shrink below the minimum tap target (roughly 1cm × 1cm).

From an SEO standpoint, breadcrumbs create consistent internal links toward parent category pages, clarifying site structure, and through structured data they contribute to category-path displays (rich results) in search results.

Implementation Checklist

  • Place the homepage as the first link and show the hierarchical path to the current page in order.
  • Make every step a clickable link except for the current page.
  • Render the final current-page item as inactive text rather than a link.
  • Reflect the site hierarchy, not the order of visits (history).
  • Include only real pages that have their own URL, and exclude abstract categories.
  • Mark up with BreadcrumbList JSON-LD and validate with the Rich Results Test.
  • On mobile, condense the trail to show only the immediate parent step.

Sources

Related terms