On large websites it is not always easy for users to tell which page they are on and through which categories they reached it. A breadcrumb solves this with a small navigation trail.

What Does Breadcrumb Mean?

The word breadcrumb refers to the trail of crumbs in the fairy tale. On a website, a breadcrumb is a row of links that shows the user’s location in the site’s hierarchy, for example: Home > Blog > SEO > What Is SEO?

What Is a Breadcrumb For?

What Is a Breadcrumb For?

It serves both user experience and site architecture:

  • It shows the user’s location.
  • It allows moving up to parent categories in one click.
  • It makes the site hierarchy clear to users and search engines.
  • It reduces the need to use the back button.

Is a Breadcrumb Important for SEO?

Breadcrumb SEO is not a standalone ranking tactic, but breadcrumbs help in several ways: they add contextual internal links, make the hierarchy easier for search engines to understand, can improve the user experience and, with structured data, can be shown in search results in place of the raw URL.

What Are the Types of Breadcrumbs?

  • Hierarchy-based (location) breadcrumbs: Show the page’s position in the site structure (Home > Category > Subcategory > Page). The most common type.
  • Attribute-based breadcrumbs: Show the attributes used to reach a product (for example on e-commerce filters).
  • History-based (path) breadcrumbs: Show the pages the user visited; rarely recommended because they vary per visit.

For SEO and clarity, hierarchy-based breadcrumbs are usually the right choice.

How Is a Breadcrumb Used?

Adding only a visual row of links is not enough. A breadcrumb should reflect the real site hierarchy, be consistent across pages and be linked correctly.

What does a good breadcrumb structure look like?

  • It follows the site hierarchy.
  • It starts with the home page.
  • The current page is shown and usually is not a link.
  • Link texts are short and clear.
  • It is consistent across the site.
  • It is easy to click on mobile.

Where should it be placed? Usually below the main menu, above the page title and before the content.

On mobile devices, horizontal space is limited and long paths can overflow; shorten the path, truncate middle levels or show only the parent level.

The main menu and breadcrumb support each other but have different purposes: the menu is for exploring the site, while the breadcrumb shows where the user currently is. The breadcrumb path and the URL structure do not have to be identical, but they should not conflict.

Besides the visible links, a BreadcrumbList structured data (schema markup) tells search engines the hierarchy explicitly and can make search results display the path. Using it is not mandatory for every site, but it is recommended when you have a clear hierarchy. The visible breadcrumb and the markup should match.

Adding Breadcrumbs on Different Platforms

  • WordPress: Use an SEO plugin, a theme feature or custom code.
  • WooCommerce: Breadcrumbs show product and category relationships (Home > Shoes > Women’s boots > Product).
  • Blogs: Show the category relationship (Home > Blog > Category > Post).
  • E-commerce sites: Breadcrumbs are especially important because users often arrive from a search engine, ad or comparison site directly at a product page and need a way up to the category.

Design and Accessibility

Breadcrumb design should fit the site’s overall design: readable size, enough spacing, clear separators and visible links. For accessibility, use a navigation landmark with a label (for example “Breadcrumb”), mark the current page and make sure it works with screen readers and keyboard navigation.

  • Internal linking: Breadcrumb links are repeated across the site and support the hierarchy.
  • Canonical: URLs shown in breadcrumbs should be consistent with canonical URLs.
  • XML sitemap: The sitemap lists URLs; breadcrumbs show the hierarchy; keep them consistent.
  • 301 redirects: When a category or page URL changes, update breadcrumb links to the new addresses.

How Do You Test a Breadcrumb?

Test both the visible links (do they go to the right pages?) and the technical markup (use Google’s Rich Results Test and check for errors in Search Console).

Common Mistakes

  • A breadcrumb that does not match the real hierarchy
  • Making the current page a link
  • Inconsistent breadcrumbs across pages
  • Mismatch between visible breadcrumbs and the structured data
  • Too-long breadcrumb paths on mobile
  • Not updating breadcrumbs after URL changes
  • Does the breadcrumb follow the site hierarchy?
  • Are links correct and consistent?
  • Is the structured data valid?
  • Does it work on mobile?
  • Is it accessible?

Frequently Asked Questions

What is a breadcrumb?

A navigation trail that shows the user’s location in the site hierarchy.

Do breadcrumbs help SEO?

They help indirectly through internal linking, hierarchy and the user experience, and can improve how the result looks in search.

Is breadcrumb schema mandatory?

No, but it is recommended when you have a clear hierarchy.

Should the breadcrumb match the URL structure?

Not necessarily, but they should not conflict.

Usually not; it is the current page.

For help structuring your site’s navigation, see our web design and SEO consulting services.