Tips for a better website

  • 4,251 subscribers
  • Once a month
  • Exclusive tips and special offers

Breadcrumb: 7 tips

A breadcrumb or crumb trail shows you where you are on a website. It shows the site’s hierarchy, from the homepage to the current page.

If you take these 7 tips into account, your breadcrumb will be a very practical addition to the navigation.

1. Between page title and top

Put the breadcrumb above the page title, but below the top navigation or graphical top of your website.

2. Start with 'Home'

Start the breadcrumb with 'Home'. Breadcrumbs used to start with ‘You are here:'. During user tests we have noticed this is no longer necessary. Even people who have never heard of the word breadcrumb know what it’s for.

3. Left align

Align the breadcrumb to the left. That way, the first part of the breadcrumb ('Home') is in the top left part of the website, where people expect to find the link to the homepage.

4. Greater-than sign

Use a greater-than sign to separate the crumb trail’s various parts. The greater-than sign is best suited to indicate the hierarchical relationship between the various parts. 

5. Smaller font size

Use a slightly smaller font size for the breadcrumb than you do for the rest of the text on your site. Verdana 8 points is perfect.

6. Clickability

Every part of the crumb trail has to be clickable, except the current page. Obviously, you need to follow the general rules of clickability.

7. No breadcrumb on the homepage

Don’t put a breadcrumb on the homepage. Other elements (colour indication in the navigation, content, lay-out, etc) should make clear that it’s the homepage.

P.S. A clear view of the strengths and weaknesses of your website, intranet or app?

Would you like to sell more through your website? Get more leads? More subscribers on your newsletter? More visitors who reach their goal on your website?

Don't wait any longer. Order a usability review. We look at the most important pages on your website and give you real-world solutions to tackle your website's problems.

Stop losing money with your website. Take the lead on your competitors - just like the 387 companies and organisations who went before you.

Don’t miss our next update!

  1. Follow us on Twitter for interesting links and extra tips.
  2. Get our monthly newsletter