Website Navigation Best Practices for SEO

When a business owner redesigns a website, the main menu is usually decided in a meeting, based on what the team likes. “Let’s call it Solutions.” “Let’s hide everything under a hamburger icon so it looks clean.” “Let’s put every service in a giant dropdown so nothing is left out.” SEO rarely comes up. Then, a few months after launch, traffic to important pages drops, and nobody connects it to the menu.

Your main navigation is one of the strongest signals on your site. It appears on every page, so the pages it links to get links from every page. It tells visitors what you do in a few words. And it tells Google which pages you consider most important.

In this guide, I will focus on the main header menu: what to include, how to label it, how many links is too many, how to make sure Google can crawl it, and how to change it without losing rankings. I have separate guides for the rest of the picture, including site architecture, breadcrumbs, footer links and faceted navigation, so I won’t repeat them here.

Why the main menu matters for crawling and for visitors

Let me explain the two jobs a menu does, because good navigation has to do both.

For Google, links are how it discovers pages and judges their relative importance. Google’s guidance on ecommerce site structure says it considers the number of links it needs to follow to reach a page, and that the more links a page has pointing to it within a site, the higher its relative importance. A link in the main menu is a link from every page. That makes the menu the most powerful set of internal links on your site.

For visitors, the menu is how they find what they came for. If they can’t, they leave. Ahrefs’ guide to website navigation, written by Sam Underwood, makes the same point: navigation affects both user experience, which drives conversions, and how search engines understand site structure.

Here is how the two jobs line up:

Menu decision	Effect on visitors	Effect on Google
Which pages are in the menu	What they can reach in one click	Which pages get sitewide links and look most important
Menu labels	Whether they understand where a link goes	Anchor text that describes the target page
Number of links	How easy the menu is to scan	How link value is spread across pages
How the menu is built (HTML vs script)	Speed and reliability of opening it	Whether the links can be found and followed at all
Visible vs hidden menus	Whether they notice the options exist	Little direct effect if links are in the HTML

If you want the basics of how pages connect, my lesson on site architecture in the Learn SEO course is a good starting point.

Choosing which pages earn a place in the main menu

The main menu is prime real estate. Every page you add takes a little attention and a little link value from the others. So I decide what goes in using data, not opinions.

Ahrefs describes an approach I like: the author built a 0–100 priority score that combined potential search traffic, analytics sessions and revenue to decide which pages to feature. You don’t need anything that complex. Here is a simpler version:

1. List candidate pages: your main services or categories, plus key pages such as pricing, about and contact.
2. Add three numbers for each: monthly organic search demand for its main topic (from your keyword tool), current sessions (GA4) and revenue or leads it brings.
3. Score each from 1 to 5 on each number, then add them up.
4. Add the top scorers to the menu, grouped under parent items if needed.
5. Link everything else from those top pages, from hub pages, or from the footer.

A worked example for a service business

Here is a hypothetical example. A dental clinic has 14 service pages and wants a clean menu. After scoring, the picture looks like this:

Page	Search demand (1–5)	Sessions (1–5)	Leads (1–5)	Total	Menu decision
Dental implants	5	4	5	14	Top level under Services
Teeth whitening	4	4	3	11	Top level under Services
Invisalign	4	3	4	11	Top level under Services
Emergency dentist	4	3	4	11	Own top-level item
Root canal	3	2	3	8	Under Services
Dental bonding	2	1	1	4	Linked from Cosmetic hub, not menu
Mouthguards	1	1	1	3	Linked from Services page, not menu

The result is a menu with five top-level items (Services, Emergency Dentist, Pricing, About, Contact) and seven or eight services in the dropdown. Low-scoring pages are still reachable in two clicks. They are just not competing for space in the menu.

Writing menu labels that match how people search

Menu labels are anchor text. Google’s link best practices say good anchor text is descriptive, reasonably concise and relevant to the page it links to. In a menu, that means using the words your customers use, not your internal jargon.

Nielsen Norman Group’s menu-design checklist recommends clear, specific, familiar labels, and labels that are easy to scan with the key terms first. Ahrefs adds that labels that are too short or generic can confuse people about where a link goes. Its example is adding a qualifier like “Gaming” to a generic term like “laptops.”

Vague label	Better label	Why
Solutions	Services, or the service names themselves	Nobody searches for “solutions”
What We Do	SEO, PPC, Web Design	Names the actual offer
Products	Running Shoes, Trail Shoes, Accessories	Shows the range at a glance
Resources	Blog, Guides, Pricing Calculator	Tells people what they will find
Get Started	Book a Consultation, Get a Quote	Describes the action clearly

One word of caution. “Matching how people search” does not mean stuffing keywords into labels. “Best Affordable Dental Implants in Austin” is too long for a menu. “Dental Implants” is enough. The page itself can carry the full keyword in its title and H1. For more on how menu and page signals work together, see my guide on keyword relevance signals.

How many menu links is too many?

There is no official number. Google has not published a limit for menu links, and Ahrefs’ guide doesn’t give one either. What it does say is sensible: don’t try to make every page one click away with mega menus. Include only the most important pages, so the menu stays clear and link value stays concentrated on commercially valuable pages.

Here is how I think about the trade-off:

• Too few links (say, just Home, About, Contact) means important pages get no sitewide links and visitors must hunt for them.
• Too many links (a mega menu with 200 items) means every link gets a smaller share of attention and value, and visitors struggle to scan.
• The right number is the smallest set that lets most visitors reach their goal in one or two clicks.

As rough rules of thumb, not hard limits, I aim for:

• Five to seven top-level items for most service businesses.
• A dropdown of up to about ten items per top-level item.
• Mega menus only for large stores with genuinely many categories, and even then organized in clear columns with headings.

Nielsen Norman Group also advises avoiding cascading menus with more than two tiers, and using mega menus or landing pages instead. For the wider question of how many links any page should carry, my guide to internal links per page goes into detail, and my post on click depth explains why distance from the homepage matters.

JavaScript, hover and hamburger menus: will Google see them?

This is where good-looking menus most often fail. The rule from Google is simple: use real HTML links. Its link documentation says Google can’t reliably extract URLs from <a> elements that don’t have an href attribute, and it gives examples of patterns to avoid.

Menu link built as	Can Google follow it?
<a href="https://example.com/services/seo/">SEO</a>	Yes, recommended
<a href="https://example.com/services/" onclick="openMenu()">	Yes, Google can parse the href
<a onclick="goto('https://example.com/services/')">	Not recommended; no href
<span href="https://example.com/services/">	Not recommended; not a link element
<a href="javascript:goTo('services')">	Not recommended; doesn’t resolve to a URL
<a routerLink="services">	Not recommended; framework attribute only

Google’s ecommerce structure guide is even more direct:

“Don't use JavaScript events on other HTML DOM elements for navigation.”

— Google Search Central, Help Google understand your ecommerce site structure

A few practical checks I always run:

• Is the menu in the rendered HTML? Google’s JavaScript SEO basics say Google can only see content that is visible in the rendered HTML. If menu links are only fetched when someone hovers or clicks, Google may never see them. Load the links with the page and use CSS or JavaScript only to show and hide them.
• Do single-page apps use real URLs? The same guide recommends the History API for routing and warns against using fragments (#section) to load different page content.
• Do hover menus also work on click? Nielsen Norman Group recommends click-activated submenus over hover-activated ones, which also helps touch screens and keyboard users.

Hidden menus are a user problem more than a crawl problem

A hamburger menu whose links are in the HTML can be crawled fine. The bigger issue is that people don’t use what they can’t see.

“Menus shouldn’t be hidden when you have plenty of space to display them.”

— Nielsen Norman Group, Menu-Design Checklist: 17 UX Guidelines

An older NN/g study on mobile navigation (2016) reported navigation usage of 89% on a site that combined visible and hidden navigation, versus 44% on a site that hid it entirely. It is dated, but the lesson still holds: on desktop, show your main menu; on mobile, keep the most important items visible where you can. My guide to mobile navigation and SEO covers the mobile side in detail.

Navigation for service sites vs ecommerce stores

The principles are the same, but the shape of the menu is very different. Here is how I approach each.

Question	Service business	Ecommerce store
Typical size	10–50 key pages	Hundreds to thousands of categories and products
What the menu links to	Main services, locations hub, pricing, about, contact	Top-level and key sub-categories
Menu style	Simple dropdowns	Mega menu with grouped columns
Products or individual pages in menu?	Main services, yes	Rarely; link best sellers from the homepage instead
Main call to action	“Get a Quote” or “Book a Call” button	Search box, cart and account
Biggest risk	Vague labels like “Solutions”	Bloated menus and filter URLs leaking into navigation

For stores, Google’s ecommerce guidance suggests adding links from menus to category pages, then linking from categories to subcategories and products, and linking best-selling products from the home page. Ahrefs adds a point that is easy to miss: link to subcategories from category pages, not just from the menu. Its guide describes a retailer that added subcategory links in 2021 and saw traffic gains by the following March. Filters and sorting options belong in faceted navigation, not the main menu.

For service businesses, the main menu should name your services in plain words. If you serve several locations, one “Locations” item that links to a hub page is usually cleaner than listing every city.

Testing navigation with real users and with a crawler

You can’t judge a menu by looking at it. You need to test it from two sides.

Testing with a crawler

1. Crawl the site with an SEO crawler with JavaScript rendering turned on, then again with it off.
2. Compare the menu links found in both crawls. Links found only with rendering on depend on JavaScript; links found in neither are invisible.
3. Check click depth for your most important pages. They should be one or two clicks from the homepage.
4. Use URL Inspection in Search Console on a typical page and view the rendered HTML. Search for a few menu URLs to confirm they are there.

Testing with users

• Track menu clicks in GA4 with an event, so you know which items people use. Ahrefs suggests ordering menu items by popularity, and this is how you find it.
• Run a five-person task test. Ask people to find three things, such as the price of your main service. Watch where they click first.
• Read site search terms. If many people search for something that is in the menu, its label may be unclear.
• Split test label changes where you have enough traffic.

Changing your navigation without losing rankings

Because the menu links from every page, changing it changes your internal linking across the whole site. Done carelessly, it can quietly drop pages that relied on those sitewide links. Google’s SEO starter guide also advises against reorganizing a site in a rush, noting that search engines can usually understand pages as they currently are. So plan the change.

1. Export the current menu and a crawl of all internal links, so you know which pages are linked from the menu today.
2. Pull performance data for every page that will lose its menu link: clicks, impressions and conversions over the last three months.
3. Give every removed page a new home. Link it from a relevant hub, category page or related service page. No page should become an orphan.
4. Keep URLs the same wherever possible. If URLs must change, redirect old to new with 301 redirects. My guide to website migrations covers this in depth.
5. Launch, then recrawl. Confirm the new menu links are in the HTML and that important pages are still within two clicks.
6. Monitor for six to eight weeks. Compare clicks and impressions for the pages that moved, and be ready to restore a link if a page drops.

In brief: a menu change is an internal linking change. Treat it with the same care.

Questions owners ask about website navigation and SEO

Does the order of links in my menu matter for SEO?

Not in any way Google documents. Order matters for people, though. Put the most-used items first, and keep important actions like “Contact” or “Get a Quote” in a predictable spot.

Are mega menus bad for SEO?

No, if they are built with crawlable HTML links and organized clearly. The risk is bloat: hundreds of links dilute attention and value. Use them for large stores, and keep them tidy.

Can Google crawl my hamburger menu?

Yes, if the links are real <a href> elements loaded with the page. The concern is visitors, who are less likely to use a menu they can’t see.

Should I put my blog posts in the main menu?

Usually one “Blog” or “Guides” link is enough. Feature your best posts from hub pages and related services instead of the menu.

Should my desktop and mobile menus have the same links?

Ideally yes, because Google uses the mobile version of your site for indexing. Ahrefs also advises against removing important navigation on mobile; use accordions or tabs to fit it in.

What to change in your main menu this week

Start by listing every link in your main menu and scoring it on demand, sessions and leads. Replace vague labels with plain service or category names. Then check one page’s rendered HTML to confirm every menu link is a real link Google can follow. Those three steps fix most of the navigation problems I see.

If you are planning a redesign or a new menu, we can help you do it without losing rankings. Our SEO services include navigation and internal linking reviews, and for online stores our ecommerce SEO team works on category menus every day. Get in touch for a quote, and we’ll look at your navigation with you.

Further reading on website navigation seo

• Meta Tags Google Supports (and the Ones It Ignores)
• Should You Change a Page's URL? Safe Slug Changes for SEO
• Keyword Variations and Synonyms: Optimizing Beyond the Exact Match

Sources for this website navigation guide

1. Ahrefs: Website Navigation Best Practices for SEO
2. Google Search Central: Help Google understand your ecommerce site structure
3. Google Search Central: Link best practices
4. Google Search Central: Understand JavaScript SEO basics
5. Google Search Central: SEO Starter Guide
6. Nielsen Norman Group: Menu-Design Checklist: 17 UX Guidelines
7. Nielsen Norman Group: How to Make Navigation (Even a Hamburger) Discoverable on Mobile