New format
Breadcrumbs on a website: navigation and SEO
Breadcrumbs are the “where am I” trail: Home → Section → Subsection → Page. Someone from search sees the hierarchy at once and can move one level up in a click.
Below: breadcrumb types, design rules, and the SEO link (internal linking, snippet). This is a navigation layer — not a separate “#1 guarantee” factor.
What they are and where the name comes from
The term comes from English breadcrumbs — path markers from the fairy tale. In UI it’s a string of levels showing where the page sits in the site structure.
Especially useful when someone lands from search straight on a product card or deep article: breadcrumbs explain “which section I’m in” and open a way to the category without wandering the menu.
Breadcrumb jobs:
- orientation (“system status visibility”)
- quick move one level up
- extra internal links up the hierarchy
- structure hint in the snippet (with markup)
UX and SEO: what they really give
For people breadcrumbs shorten the path: from a vacuum cleaner card into “Vacuum cleaners”, not through the whole catalog again. That cuts friction and supports depth without faking engagement.
For search — extra relevant internal links up the hierarchy and a chance to show the path in the snippet. Don’t confuse with “PageRank magic”: breadcrumbs strengthen a clear structure; they don’t replace content and tech.
SEO effect that matters:
- section ↔ page linking
- clearer clusters in structure
- rich breadcrumbs in SERP with valid markup
- no instant-ranking promises
What kinds exist
**Linear (location-based)** — reflect hierarchy: Home → Catalog → Category → Product. The most common and useful option for SEO.
**“Back to…”** — one button to the previous context (handy after on-site search, weaker as a site map). **Hybrid** — trail + a point “back to results” where the path doesn’t match hierarchy.
What to choose:
- stores and services — linear hierarchy
- search/filter results — extra “back to results”
- don’t build path-based breadcrumbs just to spam links
How to design them right
Don’t show breadcrumbs on the homepage. The current item isn’t a link. Separators (“/”, “›”) aren’t clickable. The same block on all templates above the content.
Level text — human section names, not “page-id=17”. On mobile the trail shouldn’t break layout: wrapping or careful middle shortening is fine.
Rules:
- no breadcrumbs on home
- last item without href to itself
- contrast and a stable place
- names = real sections
- match URL/menu logic
Markup for the snippet
Add `BreadcrumbList` (JSON-LD or microdata) aligned with the visible trail. Search isn’t obliged to show breadcrumbs, but without markup the odds drop.
Check with validators and how it looks in SERP. Markup must match HTML: mismatches hurt trust in the data.
Control:
- JSON-LD = what’s on screen
- absolute canonical URLs in markup
- no breadcrumbs “for the bot only” without UI
Typical mistakes
Breadcrumbs on home, link to the current page, chaotic order, duplicating the whole menu in breadcrumbs, missing on mobile, markup without real navigation.
If site hierarchy is a mess, breadcrumbs only show the mess. Structure sections first — then the trail.
Rollout checklist:
- catalog/card/article templates
- check landing from search
- mobile layout
- BreadcrumbList valid
- crawler sees upper-level links
FAQ
Do I need breadcrumbs on a one-pager?
Usually no. They make sense on catalogs, nested services, blogs, and portals.
Should I put breadcrumbs on the homepage?
No. On the home page the trail is redundant and often looks odd.
Is the current page clickable?
No: the last item is text without a link to itself. Levels above get links.
Do breadcrumbs get you rankings?
Not as a “ranking button”. They help UX, internal linking, and sometimes the snippet look with correct markup.
Do you need Schema BreadcrumbList?
Preferably: raises the chance of breadcrumbs in SERP. It doesn’t replace clear HTML navigation on the page.
Where should I place them?
Usually above the content, in one place on all templates, contrasty and readable on mobile.
How do they differ from the menu?
The menu is a section map. Breadcrumbs are the path to the current page in the hierarchy (or a view path — rarer).
Is a long trail bad?
On deep catalogs shorten the middle (“…”), but keep hierarchy meaning. Better simplify structure than hide chaos.
Deep product pages from search — and users can’t climb back to the category?
We’ll add a clean breadcrumb trail and BreadcrumbList — UX and linking, not a TOP button.
Discuss the task
