Glossary
What is a breadcrumb? E-commerce definition
June 4, 2026
A breadcrumb is a secondary navigation element that displays the hierarchical path of the current page, for example: Home > Men > Sweaters > Cotton hoodie. On an online store, it helps the visitor find their way, go back up a level without using the back button, and strengthens the internal linking for SEO.
Summary
Definition: breadcrumb, menu, breadcrumb trail
The breadcrumb reflects the site structure in the form of a horizontal (or vertical on mobile) thread, generally at the top of the product or collection page.
Typical anatomy. Home (link to the homepage); Intermediate levels: collections, categories, blog; Current page: often in non-clickable text (last link); and Separators: >, /, arrow or chevron.
To clearly distinguish the concepts. Breadcrumb vs header / main menu: the menu lists all entries; the breadcrumb shows the path traveled within the tree structure; Hierarchical breadcrumb vs history: the former follows the catalog structure; the latter traces back the visited pages (rare in e-commerce); Visual breadcrumb vs BreadcrumbList schema: the UX display and the JSON-LD SEO markup are complementary; and Breadcrumb vs fil d'Ariane: same concept; "breadcrumb" is the common English technical term in dev and SEO.
Why breadcrumbs are important in e-commerce
Visitors often arrive deep (Google, ads, deep link). Without landmarks, they leave the product page without exploring the catalog.
UX and orientation: understand where you are in the store; Quick navigation: go back to the parent collection in one click; SEO: contextual internal links to collections (e-commerce SEO); Google Rich results: breadcrumb trail sometimes displayed in SERPs via BreadcrumbList; Accessibility: additional landmark if properly marked up (web accessibility); and Conversion: facilitate the discovery of alternatives in the same category.
Modest impact on its own, but the breadcrumb fits into a clear overall UX with menu, search, and collection filters.
In a glossary logic, the breadcrumb trail should be understood as a practical landmark: the term helps to name a common situation, to distinguish it from related concepts, and to link the definition to concrete decisions in e-commerce. The interest is therefore not only theoretical; it also helps to better organize the content, tools, and indicators used by an e-commerce team.
Examples on product page and collection
Standard path on Shopify. Collection: Home > Shoes > Running; Product: Home > Shoes > Running > Ultra Lite Sneakers; and Blog Post: Home > Journal > Leather Care Guide.
Special cases. Multi-collection product: choose a "main" collection for the breadcrumb (avoid contradictory paths); Products without collection: Home > All products > Product name, or hide if not very useful; and Mobile: truncated breadcrumb or home icon + parent level if space is limited.
Managing breadcrumbs on Shopify
Most Shopify 2.0 themes display a breadcrumb on product and collection templates, which can be activated in the theme editor (Shopify Help Center).
Breadcrumb section: block to activate on product.liquid / collection.liquid; Collections: the path follows the assigned Shopify collection or the theme's manual navigation; Liquid customization: order of links, separator, CSS classes; and JSON-LD BreadcrumbList: often injected by the theme or an SEO app; align with the visible path.
Simplified JSON-LD example:
Validate with the Google Rich Results Test. The schema URLs must match the clickable links of the HTML breadcrumb.
On Shopify, the main challenge is to translate this concept into a clean, maintainable configuration that the team can easily understand. The merchant should avoid scattered settings, document important choices, and regularly check that what is displayed to the customer corresponds to what is managed in the admin.
In brief
Breadcrumb = breadcrumb, hierarchical secondary navigation; Usage: orientation, collection return, internal linking, rich results; Distinct from the main menu; completes the BreadcrumbList schema; Shopify: theme section + JSON-LD on product/collection; and consistent architecture, clickable links, mobile readable.
In summary, the breadcrumb is a seemingly simple concept, but important for structuring an online store. Properly mastered, it improves the understanding of the catalog, the quality of the customer experience, and the consistency of marketing or operational actions.
Associated terms, FAQ, and going further
Associated Terms
Breadcrumbs: navigation aid; Schema.org markup: BreadcrumbList type; Shopify Collection: intermediate level of the trail; and E-commerce Header: distinct main navigation.
FAQ
Are breadcrumbs mandatory on a Shopify store?
Not legally, but highly recommended on products and collections for UX and SEO. Many themes include them by default.
Do breadcrumbs improve SEO?
They help with internal linking and can enrich Google search results (breadcrumbs in SERPs). They are not a major isolated ranking factor, but a solid on-page best practice.
Product in multiple collections: which path to display?
Choose a primary collection (canonical business path or best-seller path). Avoid showing a different trail with each page reload.
Should there be breadcrumbs on the home page?
No. Breadcrumbs only make sense on child pages (level 2 and above).
Take It Further
E-commerce internal SEO linking; Category page SEO; Product page UX; Improving user experience; and Back to the Qstomy e-commerce glossary.
Sources: Google Search Central (Breadcrumbs), Shopify Help Center (Theme sections).
Enzo
13 May 2026
Convert over 2,000 customers on average per month with Qstomy.
The world’s 1st Shopify AI dedicated to customer conversion
Empowering 200+ e-commerce merchants
Subscribe to the newsletter and get a personalized e-book!
No-code solution, no technical knowledge required. AI trained on your e-shop and non-intrusive.
*Unsubscribe at any time. We do not send spam.