Breadcrumb: the navigation path on a site

The breadcrumb, or “navigation path”, is an interface element that shows the user where a page sits within the hierarchy of a website. The term comes from the fairy tale of Hansel and Gretel, who scattered breadcrumbs to find their way home: in the same way, this component helps the user retrace the route taken to reach the current page, offering an immediate reference for getting oriented and retracing their steps.

In SEO the breadcrumb plays a role that goes beyond plain usability. It communicates the logical structure of pages to search engines, clarifies the hierarchical relationships between content, and can appear directly in search results in place of the URL, improving how recognizable the result is. A correct implementation, with appropriate structured data, lets search engines interpret the path without ambiguity and make the most of it in the so-called “breadcrumbs” shown on results pages.

The breadcrumb is a sequence of links that represents the journey from the home page to the page being displayed. Each element in the sequence corresponds to a level in the site hierarchy, while the last element usually indicates the current page and is not clickable. The sequence is built following the directory structure or the categorization of the content, and does not necessarily reflect the user’s browsing history.

The difference between a breadcrumb and browsing history

The browser history records the steps the user actually took, even in random, non-hierarchical order. The breadcrumb, by contrast, shows a logical and stable path, independent of how the user arrived at the page. This distinction matters because the breadcrumb does not change whether you reach the page from a search engine, an external link or an internal menu: it always represents the same position in the site structure.

There are several ways to build a navigation path, each suited to different contexts. The choice depends on the site architecture and the type of content published.

Hierarchical breadcrumb

This is the most common type and reflects the tree structure of the site, from the main category down to the subcategory and the final page. It is particularly suited to e-commerce sites, news portals and catalogs, where the hierarchy is well defined.

Attribute-based breadcrumb

This type describes the characteristics of a product or a piece of content, such as category, brand, color or price. It is used mostly in online stores to filter and contextualize items based on specific properties.

Path-based breadcrumb

It shows the sequence of pages the user visited before reaching the current one. It is less common and can be confusing, because it changes based on the actual browsing rather than the site structure.

The breadcrumb offers concrete benefits for both users and search engines. From a browsing experience standpoint, it reduces the number of steps needed to climb back up the hierarchy and lowers the so-called “click depth”. From an SEO standpoint, it helps distribute the flow of internal links, strengthens the connection between pages and helps crawlers understand how the content is organized.

When the breadcrumb is paired with structured data, search engines can display it in results as a readable path, replacing the full URL. This element improves the clarity of the result and can increase the click-through rate, because the user immediately grasps the context of the page.

Breadcrumb type	Basis for construction	Typical context of use	Main advantage
Hierarchical	Tree structure of the site	E-commerce, portals, catalogs	Clarity of the hierarchy
Attribute-based	Characteristics of the content	Online stores with filters	Contextualizing the product
Path-based	Browsing history	Dynamic applications	Tracking the steps
Mixed	Hierarchy and attributes	Complex sites	Descriptive flexibility

The steps for a correct implementation

A well-designed breadcrumb must be consistent with the site architecture, easy to read and accessible. Below are the key steps for a correct implementation.

Define precisely the hierarchy of the site’s categories and pages.
Choose the type of breadcrumb best suited to the content published.
Place the path in a visible position, usually at the top of the page.
Use clear, text-based links, avoiding ambiguous icons or hard-to-understand symbols.
Make the last element non-clickable, since it indicates the current page.
Add the appropriate structured data to communicate the path to search engines.
Check that the breadcrumb is also accessible to people using assistive technologies.
Periodically check that the path is still consistent after site updates or restructuring.

Is a breadcrumb mandatory for SEO?

No, it is not a mandatory element, but it is a useful support for user orientation and for search engines’ understanding of the site structure. Its absence does not directly penalize ranking, but a well-implemented presence offers concrete benefits.

Where should the breadcrumb be placed on the page?

It is usually placed at the top of the page, right below the header and above the main content. This position makes it immediately visible and consistent with the most common navigation conventions.

Does the breadcrumb replace the navigation menu?

No, the breadcrumb complements the menu but does not replace it. The menu offers broad access to the site’s sections, while the breadcrumb indicates the specific path to the current page and lets you climb back up the hierarchy.

Which structured data is used for the breadcrumb?

The structured data type called BreadcrumbList is used, which describes the sequence of path elements with their positions and destinations. This format is recognized by the main search engines.

Can the breadcrumb improve the click-through rate?

It can help improve it, because it makes the search result clearer and more informative. By showing the context of the page, it helps the user understand whether the content matches their needs before clicking.

Is the breadcrumb also useful for small sites?

Yes, it is also useful for sites with little content, because it improves orientation and navigation. Its effectiveness depends above all on the clarity of the hierarchy and its consistency with the site structure.

From the glossary to the projectAre your site’s pages optimized the way they should be?On-page and off-page SEO works on your pages and on the signals outside your site to improve its visibility.Discover on-page and off-page SEO

Breadcrumb: the navigation path that shows where you are on a site