Website Builder Studio
Learn

Navigation menus

A menu is a promise about what the site contains, and it is the first thing a crawler or an answer engine uses to work out the shape of it. When it uses your internal names, hides things behind hovering or lists fourteen items, it stops being a promise and becomes a puzzle.

Short answer

A navigation menu should have about five to seven items, named in the words customers use, with the most important first and contact last. Avoid dropdowns that require hovering, keep the order stable, and make sure everything is reachable on a phone.

How many items

Five to seven works for most small business sites. Past that, people stop reading the menu and start guessing, which means the items at the end are effectively invisible however important they are.

If you have more sections than that, group them. A hub page holding six related pages is one menu item, and our page on site structure covers arranging that.

The constraint is useful rather than limiting. Deciding which five things matter most is a good exercise, and the answer is frequently not what is currently in the menu.

Count what is actually there rather than what you think is there. Menus grow by one item at a time, and almost every site we look at has more in the menu than the owner remembers putting there.

Name things as customers do

Not as your industry does. Solutions, resources and offerings mean nothing outside a business that already uses those words internally, and they are the three commonest menu items on unclear sites.

Services, prices, our work, areas we cover, contact. Plain, boring, and immediately understood by somebody who has never been to your site before.

Test it by asking somebody unfamiliar where they would click to find out what you charge. If they hesitate, the label is wrong regardless of how sensible it seemed.

Dropdowns and phones

Menus that open on hover do not work on touch, where hovering does not exist. On a phone that becomes a tap that opens a menu instead of going to the page, which confuses people reliably.

Deep nesting is worse. A second level inside a dropdown is difficult on a phone and difficult with a keyboard, and our page on accessible menus covers what a working version does.

Where a section has children, make the parent a real page that lists them. Then the menu can stay flat and the hub page does the work, which is better for everybody.

What a menu should do

The list below is what separates a menu people use from one they ignore. Most of it is restraint rather than cleverness.

  • Five to seven items, in the customer's words
  • The most important first, contact last
  • The same order on every page
  • Everything reachable with a keyboard
  • No reliance on hovering
  • The current page indicated
  • A visible way to get home

Order and consistency

Put the most important item first and contact last, because those are the two positions people look at. The middle is the least noticed part of any menu, which is where the least important items belong.

Keep the order identical on every page. A menu that reorders itself by section is disorienting, and people navigate partly by position rather than by reading each time.

Indicate where the visitor currently is. A site with no current-page indication makes people feel lost in a way they rarely articulate but consistently respond to.

The footer is the second menu

Everything that does not belong in the main menu belongs there: terms, privacy, accessibility, sitemap, secondary services and anything a small number of people need reliably.

That relationship is what lets the main menu stay short. Our page on footer content covers what belongs there and in what order.

It also catches the reader who got to the bottom of a page without finding what they wanted, which is a real and frequently ignored audience.

As the site grows

The menu should not grow with it. A site adding pages should be adding them under existing sections rather than adding sections, and a menu that has grown to twelve items is a structure problem.

Revisit it when the business changes rather than continuously. A menu is something people learn, and reorganizing it frequently costs the familiarity it had built.

And check nothing became unreachable. Our page on orphan pages covers pages that fall out of navigation during a reorganization, which happens more often than anybody notices.

Check the menu on a phone whenever it changes. A menu that fits comfortably on a wide screen frequently becomes a long scrolling list on a phone, where most of your visitors are reading it.

Questions people ask

How many menu items should a site have?

Five to seven for most small business sites. Past that people stop reading and start guessing, which makes the later items effectively invisible however important they actually are.

Are dropdown menus a problem?

Menus that open on hover are, because hovering does not exist on touch. Make the parent a real page that lists its children instead, and keep the menu itself flat.

What should the menu items be called?

What customers call them. Services, prices, our work, areas we cover, contact. Solutions, resources and offerings mean nothing outside a business that already uses those words internally.

Should the menu change on different pages?

No. Keep the same items in the same order everywhere. People navigate partly by position, and a menu that reorders itself by section is disorienting in a way visitors rarely articulate.

See your website built from a conversation

15-day free trial. Card required. Cancel before day 15 and you pay nothing.

Build my website
Every plan starts with a 15-day free trial. Card required.See plans and pricing