A visitor arrives on a detailed article from a search engine. They may never have seen the homepage. A breadcrumb trail can show the larger section around that article and offer a route to related material.
For a hierarchical trail, choose the page’s place in the site rather than trying to reproduce the visitor’s browsing history. A route such as “Home → Growing Guides → Herbs → Basil” communicates structure even when the visitor landed directly on the basil page.
The W3C breadcrumb pattern describes an accessible navigation structure and the indication of the current page. Use it as implementation guidance while keeping the labels understandable to the audience.
Make the parent pages worth visiting
Each linked level should lead to a useful destination. If “Herbs” opens an empty archive, the trail promises more orientation than the site provides. Check that the parent page contains relevant content and a clear explanation of the section.
Use consistent labels across menus, headings and breadcrumbs where they refer to the same place. A section called “Learning” in the menu and “Resources” in the trail can make visitors wonder whether they have changed areas.
- Identify the current page without relying only on colour.
- Keep decorative separators out of the meaningful link names.
- Check keyboard focus and link activation.
- Allow a long trail to wrap sensibly on a narrow screen.
For content belonging to several categories, choose a clear canonical hierarchy rather than changing the trail unpredictably on every visit. Explain that choice in the content model so editors can apply it consistently.
Test with someone who has not seen the site’s structure. Ask what section they think they are in and where a parent link will take them. Their answer is more useful than judging the trail only by how neatly its arrows line up.