VOL. III · CH. 3.4 · COMPONENT
Breadcrumbs
A quiet but load-bearing answer to "where am I, and how do I get back up a level."
1 min read · 103 words
3.4.1Definition & Anatomy
Breadcrumbs show the hierarchical path from a site's root to the current page, each segment a link to that level, separated by a visual divider.
3.4.2Common Mistakes
- Using breadcrumbs on flat, non-hierarchical sites where they add no real navigational value.
- Making the current page itself a clickable link, which goes nowhere useful.
3.4.3Best Practices
- Reserve breadcrumbs for genuinely hierarchical content (docs, e-commerce categories).
- Keep the final (current) segment visible but unlinked.
ExampleE-commerce category pages (Home / Electronics / Laptops) use breadcrumbs specifically so users can step back up one category level without returning to the homepage.