Opens in a new tab

Local SEO

Website navigation: how to design a menu people can use

Why navigation matters, what makes a menu easy to use, how to plan yours, breadcrumbs and skip links, and how our own navigation holds up.

CheckedNovember 4, 2026
Reading time
Part ofWeb design
Listen to this guide
0:00 /4:37

Short answer: Website navigation is the menus, links and signs that let visitors find a page and know where they are. Keep the main menu visible and where people expect it, use the words your customers use, mark the current section and add breadcrumbs on deeper pages. Keep the menu in the same order on every page.

Why navigation matters

Many visitors never see your home page first. NN/g compares arriving from a web search to being dropped off at an arbitrary location in a strange city. Navigation should show not only where you can go but also where you are now.

NN/g calls failing to show the current location probably the single most common mistake it sees on website menus.

What makes a menu easy to use

NN/g’s checklist starts with visibility: hiding the main sections under a single menu is not appropriate on desktop, and the hamburger menu is a necessary evil on smaller screens. Menu links also need to stand out clearly from their background.

Guideline What it means Source
Keep the menu visible Show the main sections on larger screens; hide them only where space is short NN/g
Put it where people look The main menu in the header; menus for one section down the left on desktop NN/g
Show where the visitor is Mark the current section, and add breadcrumbs on deeper pages NN/g
Use familiar labels Words your customers use, with the key term first NN/g
Keep one order Repeated menus appear in the same relative order on every page WCAG 3.2.3

From NN/g’s menu-design checklist and its article on you-are-here navigation, and from WCAG success criterion 3.2.3, read November 4, 2026.

NN/g recommends labels that are clear, specific and familiar, not clever. Icons can help people tell options apart, but NN/g says they should support clear text labels, never replace them.

How to plan your website navigation

  1. List the few sections people look for, in the words your customers use.
  2. Put them in a visible menu across the top on larger screens.
  3. Name each item clearly, with the key term first.
  4. Mark the current section in the menu, and add breadcrumbs on deeper pages.
  5. Keep the same items in the same order on every page.
  6. Link the logo to your home page.
  7. Add a “Skip to main content” link at the start of each page.

Our hamburger menu guide covers the menu on phones. Our breadcrumbs guide shows how to add a trail to deeper pages.

How our own navigation holds up

On November 4, 2026, we read all 424 pages in our sitemaps, 212 in each language, as a visitor would. The header carried the same links in the same order on every one of them.

Every page also had a “Skip to main content” link. 195 of the 212 pages in each language showed breadcrumbs: the guides, articles and Miami pages, where people often land from a search.

The other 17 are top-level pages, such as the home page, the main service pages and the legal pages.

Before you call your menu done

  • The main sections are visible on a computer screen.
  • Each label uses a word your customers would use.
  • The current section is marked in the menu.
  • Deeper pages show breadcrumbs.
  • The menu keeps one order on every page.
  • A skip link leads to the main content.

RememberVisitors often arrive in the middle of your site. Show them where they are, what else is there, and keep it in the same place on every page.

If you want a site whose menu your customers can use without thinking, our web design service can plan it with you.

Quick answers about website navigation

What is website navigation?

It is the menus, links and signs that help visitors find pages and know where they are, such as the header menu, breadcrumbs and page titles. NN/g says navigation should show not only where you can go but also where you are now.

Should I use a hamburger menu on a desktop website?

No. NN/g says hiding the navigation under a single menu is not appropriate for desktop websites. It calls the hamburger menu a necessary evil on smaller screens, where space is short.

Why does the order of menu items matter?

WCAG asks that navigation repeated across pages appear in the same relative order each time. It helps people who rely on spatial memory, and blind users who move through a page in sequence.

Are breadcrumbs worth adding to a small website?

They help on any page people can land on from a search. NN/g lists breadcrumbs among the signs that show where a visitor is, by exposing the site’s hierarchy as a linked path.

What is a skip to main content link?

A link at the start of a page that lets keyboard and screen reader users jump past the header and menu to the main content. WCAG gives it as an example of a control placed consistently on every page.

Sources

Read on November 4, 2026. NN/g: Menu-Design Checklist: 17 UX Guidelines and Navigation: You Are Here. W3C: Understanding Success Criterion 3.2.3: Consistent Navigation. Our own case: every page in our sitemaps, read on November 4, 2026.

Pedro Galindez

Pedro Galindez

Founder of Feedback Studios, a bilingual growth studio in Miami.

Listen0:00 /4:37

More guides

Checked November 4, 2026

Dark mode on a website: when to offer it and how to build it

What research says about dark and light mode, how to follow the visitor’s setting, what a good switch does, and how our own site handles both themes.

Checked November 4, 2026

Pricing page: how to show prices on a service business website

Why visitors look for the price, what to show when every job is different, what a pricing page needs and how our own pricing page is built.

Checked November 4, 2026

Social proof on your website: what it is and how to use it

What social proof is, the kinds a business website can use, what Google allows for reviews and stars, how to use it and how our own home page shows it.

Checked November 3, 2026

YouTube ads: the formats, how you pay and how to start

How YouTube ads work, the six formats with their length and what you pay for, how to run your first one and our own videos against the limits.

Checked November 3, 2026

SMS marketing for a small business: consent, the first text and opt-outs

What SMS marketing needs before the first text: consent by type of message, the sign-up wording, the confirmation text, STOP and our own form.

Checked November 3, 2026

Meta Ad Library: how to see any page’s Facebook and Instagram ads

What the Meta Ad Library shows for any active ad and for political ads, how to search it and what it shows for our own page.

Next step

Tell us what you need

Write to us on WhatsApp or send us a message. We answer in English or Spanish.