Use breadcrumbs for orientation, not just for SEO
Breadcrumbs show the location in a clear hierarchy and allow direct navigation. Their primary purpose is navigation, not markup.
For UX teams and web developers, "Perceptible Hierarchy" and "Understandable Level Names" are crucial for "Breadcrumbs for True Orientation." "URL Path as Breadcrumbs" serves as a cross-check.
Published: 3 min read · Author: Sebastian Geier
How do breadcrumbs help users navigate the site, not just search engines?
Breadcrumbs reflect the editorially perceived parent relationships of a page, not automatically its technical URL structure. Understandable levels, direct parent links, and a clearly marked current position must correspond to the main navigation and page hierarchy.
Correct current position
Control signal
Signal 1
Percentage of important page types whose breadcrumb parents correspond to the visible navigation and editorially maintained hierarchy.
Control signal
Signal 2
Number of breadcrumb segments that lead to technical directories, redirects, or irrelevant parent pages.
URL path as breadcrumb
URL path as breadcrumb – Technical directories are displayed without verification, even though they do not represent a perceptible navigation hierarchy.
Keyword stack – Segments repeat search terms and place names without allowing a meaningful return to parent topics.
Second contradictory hierarchy – Breadcrumb, main navigation, and page titles assign the same content to different parent pages, weakening orientation.
Use case: “URL path as breadcrumb”
A service page is technically located at /de/seo/berlin, but editorially belongs to the Digital Visibility category. The breadcrumb shows Home, Digital Visibility, and the current service instead of language code and keyword path. All parent levels lead to visible, relevant pages.
Perceivable Hierarchy
Perceivable Hierarchy – The path corresponds to the visible information architecture and the levels through which people actually find related content.
Understandable Level Names – Each segment names a recognizable category or page and avoids internal codes, keyword strings, and truncated titles.
Correct current position – The last level is marked as the current location, while parent segments serve as working direct links.
Understandable Level Names
Derive the relevant parent relationship for each page type from the visible information architecture, not from URL strings.
Display short, understandable segment names and the status of the current page in the template in a semantically and visually correct manner.
Practically test the path on entry pages from search, deep directories, and mobile views for understandable return paths.
Related questions and next steps
Making contact options visible without overloading every page with CTAs Answers the next practical question: How do you keep contact paths visible without overloading every page with calls to action?
Deriving Breadcrumb Markup from the Actual Page Hierarchy Continues this thought with another question: How do you derive breadcrumb markup from the actual page hierarchy?
If you want to practically implement "breadcrumbs for true orientation," you can refer to Robust Website Systems This article focuses on "Navigation, Search, and Orientation" and "Perceived Hierarchy."
Conclusion: Breadcrumbs for true orientation
Breadcrumbs show the perceived location in the information space, not the internal storage location of a URL. Their SEO markup should describe this true orientation, not replace it.
Sources and Further Information
The primary sources define the technical framework for "breadcrumbs for genuine orientation."
Navigate a service – GOV.UK Design SystemOfficial template for task-oriented top-level links, service navigation, search, contact, and the delineation of linear processes.
Breadcrumbs – GOV.UK Design SystemOfficial criteria for the use, structure, position, and mobile behavior of breadcrumbs.
Menu Structure – W3C Web Accessibility InitiativeOfficial W3C guidance on semantic menu structure and the understandable labeling of navigation.
Key Thesis
A breadcrumb path maps the perceptible information architecture and uses understandable levels. It complements the main navigation instead of stacking artificial keywords.
What This Is Not About
A mere visual inspection would not be reliable proof. The error patterns "URL path as breadcrumb," "keyword stack," and "secondary contradictory hierarchy" require their own checks.
What it's about
Three requirements limit the solution: "Perceptible hierarchy," "Understandable level names," and "Correct current position." They must work together effectively in a productive environment.
UX, navigation & forms
Navigating Long Pages with Jump Links, a Table of Contents, and Clear Sections
"Breadcrumbs for true orientation" includes, as a separate test step, the question: How do anchor links and the table of contents guide the user through a long page?
UX, navigation & forms
Building Navigation Based on User Tasks Instead of the Company Organizational Chart
"Breadcrumbs for true orientation" is supplemented by a separate decision: How do you translate user tasks into navigation instead of displaying the organizational chart?
Insights Overview
All VELUNO Insights at a Glance
Further analyses on Website Systems, digital visibility, and robust working models.
Understandable level names: first control step
A breadcrumb review can compare technical paths, main navigation, and editorial parent content. Deviating templates are then assigned a responsible hierarchy source instead of just another keyword rule.