Website Breadcrumbs Explained: Show Where a Page Belongs

The six points in the video

This is a silent video. The headings, explanations and labels below reproduce the information on screen.

1. 1

   Step 1: Show the page hierarchy

   0:18

   A trail can connect a page to its parent sections.

   On-screen labels: Website home; Parent section; Current page.

2. 2

   Step 2: Use meaningful labels

   0:30

   The trail should use names people recognise from the site.

   On-screen labels: Clear section names; Consistent wording; Useful context.

3. 3

   Step 3: Link useful parent pages

   0:42

   Give visitors a working route to broader information.

   On-screen labels: Parent destination; Related section; Working link.

4. 4

   Step 4: Identify the current page

   0:54

   Make the current position clear in the trail.

   On-screen labels: Current position; Accessible indication; Clear distinction.

5. 5

   Step 5: Keep normal navigation useful

   1:06

   A breadcrumb supplements the main routes through the website.

   On-screen labels: Main navigation; Local context; Connected pages.

6. 6

   Step 6: Check the actual hierarchy

   1:18

   The trail should reflect the content organisation accurately.

   On-screen labels: Relevant parent; Correct destination; Accurate page context.

Common questions

Go further