Skip to content

Web Design

Site Architecture for SEO: Plan Pages, Navigation and URLs

Add saadrazaseo.com as a preferred source on Google

Quick answer

Good site architecture means deciding which pages you need, how they group and how people move between them before design starts. Map topics to pages, build hubs and spokes, keep important pages close to the homepage, choose durable URL patterns, add clear navigation and breadcrumbs, and leave room for growth.

Nielsen Norman Group (2017) says eyetracking research shows people scan webpages and phone screens in various patterns, including an F shape, which supports clear navigation and headings.

Good site architecture means deciding which pages your site needs, how they group together and how people move between them, before anyone opens a design tool. This guide gives you a practical planning process: mapping topics to pages, building hubs and spokes, keeping important pages close to the homepage, choosing URL patterns and leaving room for the site to grow.

Most websites are planned from the design inward. Someone sketches a homepage, adds a menu with five or six items, and the rest of the pages get slotted in wherever they fit. That works until the business adds services, starts a blog or expands to a new city. Then the structure starts fighting against you. Planning architecture first is not extra work. It is the work that makes everything after it easier, including design, content writing and SEO.

What site architecture actually decides

Site architecture is the combination of three things: which pages exist, how they are grouped, and how they link to each other. Your navigation menu, URL structure and breadcrumbs are all visible expressions of those decisions.

For search engines, architecture affects how easily pages are discovered and how clearly the site’s topics are signalled. A page linked from the main menu and from several related pages is easy to find and plainly important. A page reachable only through a paginated archive five clicks deep looks like an afterthought, because structurally it is one.

For users, architecture decides whether they can find what they came for without using the search box. Those two goals almost always point in the same direction, which is why structure is one of the few SEO decisions with no real trade-off.

Step one: map topics to pages before you design anything

Start with a spreadsheet, not a sitemap diagram. The goal is to make sure every important search intent has exactly one page that serves it.

  1. List what you sell or offer. Every distinct service, product category and location you serve. Be specific: “teeth whitening” and “dental implants” are separate, even if they sit under one “cosmetic dentistry” heading.
  2. List the questions customers ask. Pull them from sales calls, enquiry emails, reviews and keyword research. These often become guides or FAQ content that supports your service pages.
  3. Group keywords by intent, not by wording. If two phrases would be satisfied by the same page, they belong on one page. If a searcher typing one phrase would be disappointed by the page for the other, they need separate pages.
  4. Assign one primary page to each group. Write the working page title and the main topic next to it. This prevents two pages competing for the same search, a problem known as keyword cannibalisation.
  5. Mark each page’s role. Is it a hub (a broad overview linking to detail), a spoke (one specific topic), a conversion page (contact, booking) or a utility page (privacy policy, terms)?

Only once this list feels complete should you turn it into a navigation plan. It is much easier to rearrange rows in a spreadsheet than to redesign a menu after the site is built.

Step two: build hubs and spokes

A hub and spoke model groups related pages around a central page that covers the topic broadly. The hub links down to each spoke, and each spoke links back up to the hub and across to its closest siblings.

Here is an illustrative example. Imagine a dental clinic in Karachi planning a new site:

  • Hub: Cosmetic Dentistry, explaining the options and who each suits.
  • Spokes: Teeth Whitening, Veneers, Dental Bonding, Smile Makeovers.
  • Supporting guides: “Veneers vs bonding: which lasts longer”, “What to expect after teeth whitening”.

The guides link to the relevant spoke pages, the spokes link to the hub, and the hub sits in the main menu. Google sees a clearly organised topic, and a patient reading about whitening can easily move on to veneers or book an appointment.

This is the same reasoning behind topic clusters on a blog. The difference on a new site is that you get to design the clusters from the start rather than retrofitting links into old content.

Step three: keep important pages close to the homepage

Click depth is the number of clicks it takes to reach a page from the homepage. Pages that sit shallow in the structure tend to be crawled more often and are treated as more important. I explain the concept in more detail in what click depth means for SEO, but the planning rule is simple.

Your money pages should be reachable within three clicks of the homepage, and ideally fewer. That is a sensible design target rather than an official limit, but it keeps your structure honest.

Ways to keep depth shallow without cramming everything into one menu:

  • Link hub pages from the main navigation, then link spokes from the hub.
  • Add a “popular services” or “featured” block on the homepage for the pages that matter most commercially.
  • Use contextual links inside content so related pages are one click apart, not reached only through the menu.
  • Avoid burying products or articles behind long paginated lists. Category pages and filters should surface important items directly.

Flat does not mean dumping every page into the top menu. A menu with forty items is shallow on paper but useless to people. The aim is a structure where each level is a sensible, small set of choices.

Step four: choose URL patterns you can live with for years

URLs are hard to change later without redirects, so it pays to decide the pattern now. The main decision is whether URLs reflect the folder hierarchy or stay flat.

Pattern Example Works well when Watch out for
Hierarchical /cosmetic-dentistry/veneers/ Clear parent and child relationships that will not change Moving a page to a new parent means changing its URL
Flat /veneers/ Small sites or pages that could belong to several groups Structure must come from links and breadcrumbs, not the URL
Location folders /karachi/teeth-whitening/ Genuinely different content per city Thin duplicate pages if only the city name changes
Blog in a folder /blog/veneers-vs-bonding/ Keeping editorial content visibly separate Not required; many sites run posts at the root without problems

Whichever you choose, apply it consistently. Use lowercase, hyphens between words, and short descriptive slugs without dates or stop words that add nothing. My guide on creating SEO-friendly URLs covers the slug-level detail. Bear in mind that some platforms force certain URL prefixes on products or collections, which is one reason platform choice matters; I compare those limits in which CMS is best for SEO.

Different types of links do different jobs. Treat them as separate tools rather than repeating the same links everywhere.

Main navigation

The main menu should reflect your hubs and the actions people most want to take. Keep labels plain: “Services” or the actual service names beat clever wording. On mobile, make sure the menu contains the same important links as desktop; a stripped-down mobile menu can change how pages are linked in the version Google primarily uses.

Breadcrumbs

Breadcrumbs show where a page sits, such as Home, then Cosmetic Dentistry, then Veneers. They give users an easy route back up the hierarchy and give search engines a clear signal of structure. Mark them up with BreadcrumbList structured data so they can appear in search results. If you use flat URLs, breadcrumbs become even more valuable because they carry the hierarchy the URL does not.

Footer links

The footer is for utility pages, contact details and perhaps a short list of key services or locations. It is not a place to stuff dozens of keyword links. Links repeated on every page carry less meaning than a well-placed contextual link, and an overloaded footer helps nobody.

Contextual links

Links inside body content are where most of the topical connection happens. Plan them when you plan the pages: each spoke should name the hub and at least one sibling it naturally relates to.

Step six: plan for growth

A structure that fits twelve pages today should still make sense at sixty. Before you sign off the plan, test it against likely changes.

  • New services: Is there an obvious hub where they would go, or would you need to restructure the menu?
  • New locations: Would each city get its own page with genuinely local content, and where would those pages sit?
  • A growing blog: Are categories based on your service topics so new posts naturally support service pages?
  • Seasonal or campaign pages: Will they live at a stable URL you can update each year rather than creating a new one every time?

If the answer to any of these is “we would have to change the URLs”, adjust the plan now. Restructuring a live site means redirects and a period of uncertainty, and the pre-launch SEO checklist shows how much care that takes even when done well.

Questions people ask about site architecture

Should every service have its own page?

If people search for it separately and the service is meaningfully different, yes. A single “Services” page listing everything rarely ranks well for any one of them. If two services are always bought together and searched together, one page may be enough.

Is a subfolder or a subdomain better for a blog?

For most small and medium businesses, a subfolder keeps everything on one site and is simpler to manage and link together. Subdomains are often treated more like separate sites and add maintenance overhead. Choose a subdomain only if there is a strong technical reason.

How many items should the main menu have?

There is no fixed number. Keep it small enough that people can scan it at a glance, and use dropdowns or hub pages to reach deeper content. If you struggle to fit your offering into a short menu, that usually signals the topic groups need rethinking.

Can I fix architecture on an existing site without a full redesign?

Often, yes. You can add hub pages, improve internal links, add breadcrumbs and tidy the menu without touching URLs. Changing URLs is the part that needs the most care, so do it only where the benefit is clear and redirects are planned.

Architecture is the part of a site that is hardest to see and most expensive to change later, which is why I plan it before any design work in an SEO-friendly website build. The same thinking runs through how SEO-friendly design supports rankings. If you want me to review a planned or existing structure, book a free audit and I will point out where it can be simplified.