Breadcrumb navigation: does your website need it?

Key takeaways

Breadcrumb navigation is a short trail of links, such as Home > Services > Boiler repair, showing where a page sits in the site. It helps on sites with more than two levels of pages, such as service areas, product categories or blogs. Very flat sites with a handful of pages rarely need it. Mark it up with structured data so search engines understand it.

• Use breadcrumbs on sites with three or more levels of pages.
• Show the site hierarchy, not the visitor's history.
• Place them near the top of the page, above the heading.
• Add BreadcrumbList structured data for search results.

What is breadcrumb navigation?

Breadcrumb navigation is a secondary navigation aid that shows the path from the homepage to the current page as a row of links. Each link goes up a level. It tells visitors arriving from search where they are and gives them a one-click route to broader pages.

• The most common business website design mistakes
• Information architecture for small business websites

When does a business website need breadcrumbs?

Breadcrumbs help when visitors often land deep in the site: product pages in a category, service pages for a location, or blog articles in a topic. Nielsen Norman Group recommends them for sites with hierarchical structures. A five-page brochure site gains little, because every page is already one click from the menu.

What breadcrumb mistakes should you avoid?

Breadcrumbs go wrong in a few predictable ways. Most are quick to correct in the template.

• Showing the visitor's browsing history instead of the site hierarchy.
• Making the current page a link to itself.
• Using breadcrumbs as the only navigation.
• Tiny, low-contrast text that is hard to tap on mobile.
• Labels that do not match the page titles or menu.

• How many menu items should a website have?

How should breadcrumbs look?

Place them near the top of the page, above the main heading, in smaller but readable text. Separate levels with a simple symbol such as '>' or '/'. Show the current page as plain text at the end. On phones, it is acceptable to show only the parent level ('< Services') to save space.

Do breadcrumbs help SEO?

Breadcrumbs add internal links that help search engines understand your site structure, and Google supports BreadcrumbList structured data to understand a page's position in the hierarchy. They are not a ranking shortcut, but they make the structure clearer to crawlers and to visitors arriving from search.

• Schema markup for small business websites
• Internal links that guide buyers, not just search engines

What does this look like in practice?

A pattern we see: a business with service pages for many towns has visitors landing on a single town page from search with no obvious way to see other services. A breadcrumb trail back to the service and the area gives them that route in one click.

• See client work
• Website Design & Development for UK businesses
• Website design review: score your own site in 30 minutes

Breadcrumb checklist

• Use breadcrumbs if pages sit three or more levels deep.
• Show the hierarchy, not history.
• Place them above the main heading.
• Leave the current page unlinked.
• Keep text readable and tappable.
• Add BreadcrumbList structured data.

Next step

Find your deepest page and check how many clicks it takes a visitor to get back to its parent section.