Weekly ecommerce tips, deals & news.
Breadcrumb navigation is the small trail of links near the top of a page. It shows where you are in a site’s structure. On a store it usually reads something like Home, then Category, then Product.
Each step is clickable, so a shopper can jump back up a level without hunting through the menu. Search engines read the same trail to understand how your site is organised.
The name comes from the fairy tale, where a trail of crumbs marks the way home. That’s a slightly misleading image, because most store breadcrumbs don’t show where you’ve been at all.
Location breadcrumbs show where a page sits in the site hierarchy. They’re identical for every visitor, and they’re what nearly every store should use.
Path breadcrumbs show the route that particular visitor actually took. They sound helpful and rarely are, because they duplicate the browser’s back button.
Attribute breadcrumbs describe the filters currently applied. You’ll see these on filtered category pages, where they read like Shoes, then Waterproof, then Size 9.
Most stores end up wanting location breadcrumbs on product pages and attribute breadcrumbs on filtered listings. Mixing the two on one page confuses everybody.
Here’s the situation breadcrumbs exist for. Someone searches for a specific product, clicks a result, and lands deep inside a store they’ve never visited.
They have no idea what else you sell. NN/g makes exactly this point. Breadcrumbs are most useful when users arrive through an external link rather than the homepage.
A breadcrumb turns that dead end into a doorway. One click takes the shopper from a single product to the whole category around it.
It’s also orientation. Seeing Home, Kitchen, Cookware, Cast Iron tells the visitor instantly what kind of store they’ve walked into.
Breadcrumbs pull double duty. Beyond helping shoppers, they feed search engines a clean map of your hierarchy.
Google’s documentation is explicit that it uses breadcrumb markup to categorise page information in search results. In practice, that’s why a listing sometimes shows a category path instead of a raw URL.
There’s a detail worth knowing. Google says the same page can show different breadcrumb trails depending on the query. You can also declare several trails for one page.
Breadcrumbs also add genuine internal linking back to your category pages. Every product page quietly reinforces the category above it.
Visible breadcrumbs alone don’t guarantee the search feature. You need structured data describing the trail.
The JSON-LD format is the usual choice, using a BreadcrumbList with at least two list items. Each item carries a position, a name, and a URL.
The final item can skip its URL, since it’s the page the visitor is already on. Most WooCommerce SEO plugins generate all of this for you.
Still, check what yours actually outputs. A theme and a plugin both emitting breadcrumb markup is a common and messy conflict.
The most common mistake is replacing real navigation with a breadcrumb. It’s a supplement, not a substitute for a proper menu.
Mobile is the other trouble spot. NN/g warns that the space cost on small screens can overwhelm the benefit. So long trails need truncating rather than wrapping onto three lines.
Then there’s the products-in-many-categories problem. A cast iron pan might live under Cookware and under Sale. Picking a trail arbitrarily makes the whole site feel inconsistent.
Pick one primary category per product and stick to it. Consistency matters more here than picking the theoretically perfect path.
There’s a tidy way to decide. Ask which category a shopper would browse if they were looking for that product without knowing it existed.
That answer is almost always the right breadcrumb. Sale, seasonal, and promotional groupings belong in navigation, not in the trail.
Imagine a WooCommerce store called Copperfield Kitchen, selling around 900 cooking products across a deep category tree. Most of its traffic arrives from search.
A shopper searches for a specific 26cm skillet and lands straight on that product page. The pan isn’t quite right, being slightly too small.
There’s no breadcrumb, and the mobile menu is a hamburger icon with eleven top-level items behind it. So the shopper has no easy route to other skillets.
They bounce back to search results instead. That’s a lost sale on a visitor who genuinely wanted what Copperfield sells.
This kind of gap is common rather than unusual. Baymard’s benchmark of 335 leading sites found only 49% of product pages reach a decent or good UX standard.
Copperfield adds location breadcrumbs to every product page. The skillet now shows Home, Cookware, Frying Pans, then the product name.
They assign each product a single primary category, which keeps the trails consistent. Sale and seasonal tags stay out of the breadcrumb entirely.
On mobile they truncate the middle, showing Home, then an ellipsis, then Frying Pans. That keeps the trail on one line without losing the useful step.
The same shopper now clicks Frying Pans and sees fourteen alternatives. One of them is the 30cm version they actually wanted.
Meanwhile, every product page is now linking up to its category page. That’s roughly 900 new internal links pointing at pages Copperfield wants to rank.
Their search listings start showing the category path too, because the markup is in place. It’s a small trust signal, but it’s free.
People sometimes argue breadcrumbs are redundant because browsers already have a back button. The two do genuinely different jobs, though.
The back button retraces your history. It takes you to wherever you personally came from, which is often a Google results page.
A location breadcrumb moves you up the site’s structure instead. It takes you somewhere you may never have been, which is exactly the point for a first-time visitor.
That difference is why path-style breadcrumbs fell out of favour. They imitate the back button, so they add clutter without adding a route.
There’s a practical angle too. On mobile, the back button often isn’t visible at all, which makes an on-page trail more valuable rather than less.
They help indirectly, which is worth being precise about. Breadcrumbs aren’t a ranking factor you can point at.
What they do is add internal links to category pages and give Google a clearer structural signal. Plus, the markup can change how your listing looks in search results.
Near the top, above the page title, and in a smaller and lighter style than the heading. Shoppers expect them there and skip past them otherwise.
Don’t make them compete visually with your main navigation. They’re a secondary aid, so they should read as one.
No. The final item is the page the visitor is already on, so linking it does nothing useful.
Google’s spec allows the last item to omit its URL for exactly this reason. Show it as plain text and keep the earlier steps clickable.
Breadcrumbs are one of the cheapest usability wins available to a store. They turn a deep search landing into a browsable entry point. They also hand search engines a clean map of your categories. Get the primary category right, mark it up properly, and design carefully for mobile.
Copyright © StoreOwnerTips.com. All Rights Reserved.
