Breadcrumbs in E‑commerce: why and how to implement

Why breadcrumbs in a store

In an online store with dozens of categories, subcategories, and filters, users can easily get lost. Breadcrumbs solve three main problems:

• Navigation: users always see where they are and can go up one or more levels with a single click.
• Reduced bounce rates: if a product isn't right, users can return to the category and continue browsing instead of closing the site.
• SEO: breadcrumbs create additional internal links, distributing link equity among pages. BreadcrumbList markup also improves the snippet in search results.

Types of breadcrumbs

Three main types appear in e‑commerce:

• Hierarchical (recommended) — show the actual catalog structure: Home › Electronics › Smartphones › iPhone.
• Attribute-based — include selected filters (e.g., 'Color: red'). Used for faceted navigation but can create duplicates.
• History-based — the path the user actually took (via search, promotions, external links). Not recommended for SEO as they confuse users.

For SEO and UX, hierarchical breadcrumbs are best. They match the catalog structure and help crawlers understand hierarchy.

BreadcrumbList Schema markup

To display breadcrumbs as a clean trail instead of a URL in search results, add BreadcrumbList structured data. Example for a product page:

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://shop.com"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Electronics",
      "item": "https://shop.com/electronics"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Smartphones",
      "item": "https://shop.com/electronics/smartphones"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "iPhone 15 Pro"
    }
  ]
}

Ensure that every element except the last contains an absolute URL. For products that belong to multiple categories, choose one canonical path (see below).

The multiple paths problem

In an online store, a single product may belong to different categories. For example, Nike running shoes might be in 'Running', 'Sports', and 'Promotions'. This creates a problem: which breadcrumb trail to show?

Recommended solutions:

• Choose one 'primary' path (category) that best describes the product and has the most traffic.
• Use that path for breadcrumbs and BreadcrumbList Schema.
• For alternative paths, leave navigation for users but do not include them in the markup.
• If you cannot choose a single path, consider attribute-based breadcrumbs or dynamically change the canonical URL to the preferred version.

Additionally, on category and filter pages, remember to use canonical tags and noindex for unpopular filter combinations. Breadcrumbs on such pages should lead back to clean category URLs.