Site Structure & Architecture5 min readPublished 24 February 2026
Breadcrumb Navigation: The Small Detail That Improves SEO and Helps Customers Find Their Way
Alexander Rule
Founder, Northrule SEO
Breadcrumbs are a secondary navigation trail that shows a visitor exactly where they are within your site's hierarchy — Home > Shoes > Running Shoes > Blue Trail Runner. They are a small implementation that produces disproportionate results: reduced bounce rates, additional internal links to category pages, and enhanced listings in Google search results that increase click-through rates before visitors even reach your site.
Despite how much work breadcrumbs do, they are absent from the majority of small business websites. Most businesses that should have them — ecommerce stores, service sites with multiple categories, content-heavy blogs — do not. This is an easy advantage to claim.
This spoke is part of the website structure and site architecture guide, which covers how every element of your site's organisation affects your rankings and revenue.
Breadcrumbs contribute to revenue through two primary mechanisms: keeping visitors on your site longer and improving your click-through rates from search results.
Reduced bounce rate. Visitors often land on deep pages via search results — a specific product page, a particular blog post, a service page for a niche offering. When they arrive and the page is not quite right — wrong size, wrong price point, not specific enough — they have two options: navigate to related pages or leave. Without breadcrumbs, leaving is the path of least resistance. With breadcrumbs, the visitor can click up to the category page and browse related alternatives. That click — Home > Shoes > Running Shoes — keeps the visitor on your site and gives your catalogue another chance to convert them.
Enhanced search listings. When you implement breadcrumb schema markup, Google can display your breadcrumb trail in the search result rather than the raw URL. A listing that shows pocketagency.co > Shoes > Running Shoes beneath the page title is more informative and professional-looking than a raw URL. More informative listings get more clicks. Click-through rate is a ranking signal. Better breadcrumb presentation creates a compounding benefit.
Three types of breadcrumbs exist, each suited to different use cases:
| Type | Example | Best For |
|---|---|---|
| Hierarchy-based | Home > Shoes > Running Shoes > Blue Trail Runner | Most websites — reflects permanent site structure |
| Attribute-based | Home > Shoes > Waterproof > Men's | Sites with product attributes as primary navigation |
| Path-based | Home > Search Results > Product | Showing actual user journey |
Hierarchy-based breadcrumbs are recommended for virtually all business websites. They reflect your permanent site structure, remain consistent regardless of how a visitor arrived at the page, and are easiest to implement with schema markup. Every visitor sees the same breadcrumb trail for the same page.
Attribute-based breadcrumbs are used on platforms where product attributes (waterproof, men's, size range) drive navigation rather than traditional category hierarchy. They can be confusing because the same product might show different breadcrumb trails depending on which attribute path the visitor took.
Path-based breadcrumbs show the actual steps the visitor has taken, rather than the site hierarchy. They are uncommon and generally inadvisable for SEO purposes — they are inconsistent (different visitors see different breadcrumbs for the same page), which makes schema markup implementation problematic.
Breadcrumbs should appear near the top of the page content area, above the page title. The typical placement is immediately below the header/navigation and above the H1.
HTML structure. Breadcrumbs should use an ordered list (<ol>) inside a <nav> element with an appropriate label:
<nav aria-label="Breadcrumb">
<ol>
<li><a href="/">Home</a></li>
<li><a href="/shoes/">Shoes</a></li>
<li><a href="/shoes/running-shoes/">Running Shoes</a></li>
<li aria-current="page">Blue Trail Runner</li>
</ol>
</nav>
The aria-current="page" attribute on the final item tells screen readers and assistive technology that this is the current page — an accessibility best practice. The use of <nav> with an aria-label helps screen readers distinguish breadcrumbs from main navigation.
Styling. Breadcrumbs are typically displayed inline, separated by > or / characters. The current page (final item) should not be a link — the visitor is already on that page. Each parent item should be a clickable link.
Platform implementation. Most major ecommerce platforms support breadcrumbs natively. Shopify includes breadcrumbs in most themes. WooCommerce has breadcrumb functionality built in. For WordPress content sites, plugins like Yoast SEO generate breadcrumbs automatically. For custom-built sites, breadcrumbs require manual implementation.
Schema markup is structured data that tells Google about your page's content in machine-readable format. Breadcrumb schema tells Google the exact hierarchy of your breadcrumb trail, enabling Google to display it in search results.
The schema connects directly to your visible breadcrumbs — every level in your visible trail should also appear in your schema. This consistency is what allows Google to trust and display the breadcrumb data.
Breadcrumb schema is implemented using JSON-LD (JavaScript Object Notation for Linked Data), the format Google recommends. For a broader understanding of how schema markup enhances your search listings across multiple page types, the guides to schema markup for small business websites and webpage schema markup implementation provide the context you need.
Breadcrumbs do their SEO work by reinforcing your site hierarchy through additional internal links. Every breadcrumb trail on a product page includes a link to the category page and the homepage. A store with 500 products in 10 categories generates 500 additional links to those 10 category pages. That concentrated link equity flowing upward to category pages makes them stronger SEO assets.
This reinforcing relationship is why breadcrumbs and hierarchy design cannot be separated. Breadcrumbs visually express the hierarchy you have built. If your site hierarchy is poorly structured — with inconsistent levels, orphan pages, or unclear parent-child relationships — your breadcrumbs will reflect and amplify those problems rather than solving them. Good breadcrumbs require a good underlying hierarchy.
Without breadcrumb schema, Google generates its own path representation from your URL structure. The result is often a truncated version of your URL path, formatted to look like a breadcrumb trail.
With breadcrumb schema, you control what Google displays. Instead of showing yoursite.com > shoes > running-shoes > blue-trail-runner, you can display Your Site > Shoes > Running Shoes > Blue Trail Runner — capitalised, readable, and descriptive rather than URL-formatted.
The difference in click-through rate between a polished breadcrumb display and a raw URL display is meaningful, particularly in competitive search results where multiple listings look similar. Breadcrumb schema is one of the easier rich result enhancements to implement and one with a clear, measurable impact on the click data you can track in Google Search Console.
Google does not guarantee displaying your breadcrumb schema — it is a candidate for display, not a certainty. But correctly implemented schema is displayed by Google in the majority of cases for sites with good technical foundations.
Check whether your site has breadcrumbs. Visit a product or blog post page on your site. Is there a navigation trail above the title showing the path from the homepage? If not, breadcrumbs are missing.
Check existing breadcrumbs for schema markup. If you have visible breadcrumbs, open Google's Rich Results Test and enter one of your deep page URLs. The tool will show whether Google can detect breadcrumb schema. If visible breadcrumbs exist without schema, add the JSON-LD implementation.
Check a search result listing. Search Google for one of your product or category pages by name. Look at how the URL appears beneath the title. If it shows a raw URL rather than a formatted breadcrumb path, that is an opportunity to improve through schema implementation.
Enable breadcrumbs in your platform. If you use Shopify, check your theme settings for breadcrumb options. If you use WordPress with Yoast SEO, enable Yoast breadcrumbs in the settings and add the breadcrumb PHP snippet to your theme.
For help implementing breadcrumbs and schema markup as part of a wider SEO improvement programme, visit the SEO optimisation services or get in touch.
Breadcrumbs are a secondary navigation element that shows the visitor's current position within the site hierarchy. They typically appear near the top of the page as a horizontal trail: Home > Shoes > Running Shoes > Blue Trail Runner. Each level is clickable, allowing visitors to jump back to any parent page. The name comes from the Hansel and Gretel fairy tale — breadcrumbs mark the path back.
Yes. Breadcrumbs help SEO in three ways: they create additional internal links to category and parent pages (distributing link equity), they help Google understand your site hierarchy (which pages sit under which), and with breadcrumb schema markup, they enhance your search result listings (Google shows the breadcrumb path instead of the raw URL, which looks more professional and can improve click-through rates).
Breadcrumb schema is structured data (JSON-LD code) that tells Google about your breadcrumb trail. When implemented, Google may display the breadcrumb path in your search listing instead of the URL. This makes your listing more informative and clickable. The schema defines each level of the breadcrumb with a name and URL, creating a machine-readable version of your visible breadcrumbs.
Three types: hierarchy-based (most common — shows position in site structure: Home > Category > Product), attribute-based (shows product attributes: Home > Shoes > Size 10 > Blue), and path-based (shows the visitor's actual navigation path: Home > Search > Category > Product). Hierarchy-based breadcrumbs are recommended for most websites because they are consistent and reflect the permanent site structure.
Most pages should have breadcrumbs, with a few exceptions. Product pages, category pages, blog posts, and service pages all benefit from breadcrumbs. The homepage does not need breadcrumbs (it is the starting point). Landing pages designed for paid advertising may omit breadcrumbs to keep the visitor focused on the conversion action rather than browsing away.
Subscribe to get our latest guides, tutorials, and success stories delivered to your inbox
How you categorise your products determines how easily customers find them and how well Google indexes them. Too many categories create thin pages that dilute your SEO authority. Too few categories bury products in overcrowded listings. The right structure balances findability with depth.
Read More →Clean URLs are both a trust signal for customers and a ranking signal for Google. A customer who sees yoursite.com/blue-running-shoes knows what to expect. A customer who sees yoursite.com/product?id=4829&cat=12 does not. URL structure affects clicks, trust, and rankings.
Read More →Every additional click between your homepage and a commercial page reduces the chance a customer reaches it — and the chance Google crawls it frequently. A flat site hierarchy keeps important pages within 2-3 clicks. A deep hierarchy buries them where neither visitors nor Google can find them.
Read More →