What are breadcrumbs on a website

You are three levels deep on a website. You want to go back to the category you came from, not all the way to the home page. Without breadcrumb navigation, you either use the back button repeatedly or start over from the top. Breadcrumbs solve this in one click.

Breadcrumbs are a secondary navigation element that shows visitors the path from the home page to the page they are currently on. It typically appears near the top of the page as a horizontal trail of links, for example Home, then Category, then Subcategory, then Current Page. Each step is a clickable link that takes the visitor back up to that level of the site.

The name comes from the Hansel and Gretel fairy tale, where the characters left a trail of breadcrumbs through the forest so they could find their way back. On a website, the concept is the same: a visible trail that shows where you are and gives you a way to retrace your steps.

What are the different types of breadcrumb navigation?

There are three types of breadcrumbs, each suited to a different kind of site structure.

Location breadcrumbs are the most common type. They show a visitor's fixed position in the site hierarchy, based on how the site is structured. A visitor on a product page within a category would see something like Home, then Shop, then Category Name, then Product Name. The path is the same for every visitor who lands on that page, because it reflects the site's structure rather than the visitor's journey.

Path breadcrumbs show the actual route a visitor took to reach the current page. They change depending on how the visitor arrived. These are less common because they can be confusing: two visitors on the same page might see different breadcrumbs, which undermines the purpose of showing site structure. Most sites use location breadcrumbs instead.

Attribute breadcrumbs are used on e-commerce sites where products can belong to multiple categories or be filtered by attributes like color, size, or brand. Rather than showing a single hierarchical path, they show the filters or attributes applied. These are a specialized type used mainly in product catalog scenarios.

When does a website need breadcrumbs?

Breadcrumbs are most valuable on sites with deep or complex structures where visitors might land several levels below the homepage and need a way to orient themselves.

E-commerce sites with product categories and subcategories benefit significantly. A visitor who lands on a product page from a search result may want to browse similar products in the same category. Breadcrumbs give them a direct path to the category level without starting over from the homepage.

Knowledge bases, documentation sites, and content-heavy sites with multiple topic categories also benefit. A visitor reading a specific article who wants to see what else is covered in the same topic area can follow the breadcrumb back to the category rather than searching again.

A simple five-page business website with a flat structure does not need breadcrumbs. If there is no meaningful hierarchy to navigate, the element adds visual clutter without serving any purpose. The article on what website structure is explains the hierarchy that breadcrumbs reflect. The article on what website navigation is covers the full navigation system and where breadcrumbs fit within it.

How do breadcrumbs affect user experience?

Breadcrumbs reduce the effort required to move through a site with multiple levels. They give visitors three things at once: confirmation of where they currently are, a visible map of how the site is structured, and a shortcut to move back up to any level of the hierarchy.

Without breadcrumbs on a deep site, visitors who want to explore a category must either use the back button repeatedly, navigate to the main menu and start again, or use the search function. All three require more effort than a single breadcrumb click. Reducing that friction keeps visitors on the site longer and increases the likelihood they find what they came for.

Breadcrumbs also reduce frustration for visitors who land deep in a site from a search engine. They may not know the site's structure at all when they arrive. Breadcrumbs give them immediate context: they can see at a glance that they are looking at a specific product within a specific category on a specific type of site. That orientation matters for trust and for continued browsing.

How do breadcrumbs affect SEO?

Breadcrumbs affect SEO in two distinct ways: through site structure signals and through how search engines display results.

When breadcrumbs are implemented correctly with structured data markup, search engines can read and understand the site hierarchy from the breadcrumb trails. This helps with crawling and with understanding how pages relate to each other. Pages that are clearly positioned within a well-defined hierarchy tend to be understood and indexed more accurately than pages in flat or ambiguous structures.

The second effect is visible in search results. When breadcrumbs include structured data, search engines may display the breadcrumb trail instead of the full URL beneath the page title in search results. A result showing Home, then Category, then Product is easier to understand at a glance than a long URL with query parameters. This improved readability can increase click-through rates from search results.

Breadcrumbs also contribute to internal linking. Each breadcrumb link is an internal link that passes authority up the hierarchy, reinforcing the importance of category and hub pages. For large sites, this is a meaningful structural SEO benefit. The article on what SEO is covers how internal linking and site structure connect to search performance more broadly.

What is breadcrumb structured data?

Structured data is code added to a page that helps search engines understand specific elements on the page in a standardized format. Breadcrumb structured data tells search engines the name and URL of each step in the breadcrumb trail, using a format that search engines officially support.

Without structured data, a search engine can see the breadcrumb text on the page but has to infer what it means. With structured data, the information is explicit: this is a breadcrumb, this is step one with this name and this URL, this is step two, and so on. Search engines use this to build the breadcrumb display in search results and to understand the site's hierarchy more reliably.

Most modern website builders and CMS platforms generate breadcrumb structured data automatically when breadcrumbs are enabled. If you are building or managing a site manually, adding this markup is worth the effort for any site with meaningful hierarchical content.

How WEMASY handles breadcrumb navigation

WEMASY's website builder supports breadcrumb navigation for sites with hierarchical content structures. When enabled, breadcrumbs are generated automatically based on the page's category and position within the site structure, including the structured data markup that search engines use to display them in results.

See what is included at the WEMASY website builder or review plans on the pricing page.

Frequently asked questions