---
title: "Breadcrumbs"
description: "Breadcrumbs are a navigation trail showing the path from the homepage to the current page. Learn how they improve UX, SEO and search result snippets."
url: "https://nodea.io/en/glossary/breadcrumbs"
lang: "en"
updated: "2026-07-13"
---

# Breadcrumbs

> Breadcrumbs are a horizontal trail of links showing the path from the homepage to the current page, helping visitors orient themselves in a site's hierarchy.

**Breadcrumbs** (breadcrumb navigation) are a horizontal trail of links that shows visitors where the current page sits in a website's hierarchy — for example *Home → Hosting → Managed VPS*. The name comes from the Hansel and Gretel fairy tale, where a trail of crumbs marked the way home. Every element except the last is clickable and leads one level up, giving users an instant mental map and a one-click escape route to broader sections.

## How breadcrumbs work

Three patterns appear in practice:

- **location-based** — mirrors the site's category tree; the default and safest choice,
- **attribute-based** — common in e-commerce, reflecting applied filters (*Laptops → 15.6" → SSD*),
- **path-based** — replays the visitor's own click history; rarely recommended, since it duplicates the browser's back button.

Technically, breadcrumbs are an ordered list of links inside a *nav* element, enhanced with [structured data](https://nodea.io/en/glossary/structured-data) of type *BreadcrumbList* from the [schema.org](https://nodea.io/en/glossary/schema-org) vocabulary, usually embedded as JSON-LD. With valid markup, Google can display a readable category path in the search snippet instead of the raw URL — a small but measurable CTR advantage.

## Practical use

Breadcrumbs earn their keep on deep sites: online stores, documentation portals, news archives and large corporate sites. A visitor arriving from search directly on a product page immediately sees the context and can jump to the category with one click — reducing pogo-sticking back to the results page and increasing pages per session.

For SEO, the trail quietly strengthens [internal linking](https://nodea.io/en/glossary/internal-linking): every deep page links upward with a natural, keyword-bearing anchor. Implementation guidelines worth following: place the trail above the page title, do not link the final (current) element, keep it consistent with the real URL structure, and on mobile truncate rather than remove it — showing at least the parent level. Validate the markup with Google's Rich Results Test after deployment.

### Do breadcrumbs help SEO?

Yes. They add consistent internal links with descriptive anchors, clarify site hierarchy for crawlers, and — when marked up with BreadcrumbList structured data — let Google replace the raw URL in search snippets with a readable category path, which tends to improve click-through rates.

## Related

- [Internal linking](https://nodea.io/en/glossary/internal-linking)
- [Structured data](https://nodea.io/en/glossary/structured-data)
- [UX](https://nodea.io/en/glossary/ux)
- [On-page SEO](https://nodea.io/en/glossary/on-page-seo)
- [Schema.org](https://nodea.io/en/glossary/schema-org)

---

Languages: [pl](https://nodea.pl/pl/slownik-pojec/breadcrumbs.md)  
Site index: [llms.txt](https://nodea.io/en/llms.txt)