A breadcrumb is a secondary navigation trail displayed on a web page, indicating the user's position in the site hierarchy: Home > Electronics > Smartphones > iPhone 15. What appears to be a simple UX component actually plays a significant SEO role: it strengthens internal linking, helps search engines understand site architecture, and enables a rich snippet in Google SERPs — replacing the technical URL with a readable navigation path directly in search results.
Types of breadcrumbs
There are three types of breadcrumbs. Location-based breadcrumbs (the most common) reflect the page's position in the site hierarchy: Home > Category > Subcategory > Product. Path-based breadcrumbs show the user's actual browsing journey, which may differ from the structural hierarchy — less useful for SEO since they vary per user. Attribute-based breadcrumbs are used on filtered results pages: Home > Clothing > Red > Size M — relevant for e-commerce stores with faceted navigation.
SEO benefits of breadcrumbs
- Natural internal linking: each breadcrumb creates internal links to parent pages, strengthening their PageRank
- Architecture understanding: Google uses breadcrumbs to map site structure and identify key pages
- Rich snippets in SERPs: the technical URL is replaced by Home > Category > Product path in Google results
- Reduced bounce rate: users landing on deep pages can navigate up the hierarchy without using the back button
- Improved CTR: results with breadcrumbs in SERPs are more readable and tend to attract more clicks
BreadcrumbList markup: implementing the rich snippet
To obtain the breadcrumb rich snippet in Google, you need to implement the BreadcrumbList schema in JSON-LD. The structure is a list of ListItem elements, each having: @type ListItem, position (order number starting at 1), name (displayed text for that level, e.g. Electronics), and item (absolute URL of the parent page). The last element in the list — the current page — does not need a URL since it is the page itself. Google then displays in SERPs: Home › Electronics › Smartphones instead of the technical URL.
Breadcrumb displayed in Google
Implementation best practices
An effective breadcrumb follows a few fundamental rules: always start with the homepage (as a clickable link), use readable text rather than images or icons alone, reflect the actual URL structure (consistency between the URL /women/dresses/summer and the breadcrumb Women > Dresses > Summer Dresses), be mobile-friendly (not truncated on small screens), and use clear typographic separators (›, /, >). Breadcrumbs with more than 4-5 levels may be truncated on mobile — prefer URL architectures with a maximum of 3-4 levels.
Breadcrumbs on PrestaShop
PrestaShop includes a native breadcrumb module (ps_breadcrumb) that automatically generates the navigation trail on product, category, and CMS pages, following the category hierarchy. BreadcrumbList Schema.org markup is included in the default theme (Classic) since PrestaShop 1.7.5. However, depending on the theme used, markup quality may vary. To verify that your markup is correct, use Google's Rich Results Test tool on a product page of your store.