Website Structure: How to Organise Pages, URLs and Links (5 Example Site Maps) | How-to Guide
How to structure a website: page hierarchy, URL structure, internal linking and flat vs deep sites, with five site-map diagrams for a roofer, restaurant, clinic, law firm and online shop, each derived from a We.Inc template design.
Website structure is how your pages are organised and linked: which page sits under which, what the addresses (URLs) look like, and how visitors and search engines move between them. A good structure means anyone can reach any page in two or three clicks and every page has one clear job. Below are the rules, then five example site maps, each grown from the sections of a We.Inc template design (not a customer site).
The four parts of site structure
| Part | What it means | Rule of thumb |
|---|---|---|
| Hierarchy | Which pages are top level and which sit beneath them. | Five to seven top-level pages in the main menu. |
| URL structure | The address of each page. | Short, lowercase, hyphens, and mirroring the hierarchy: /services/roof-repair. |
| Internal links | Links from one of your pages to another. | Every page links up to its parent and across to related pages. No page is left with zero links pointing to it. |
| Depth | How many clicks from the homepage to a page. | Important pages within three clicks. |
Flat vs deep structure
A flat site keeps nearly every page one click from the homepage. A deep site nests pages in several levels (home, category, subcategory, item).
- Flat suits sites with under about 20 pages: most service businesses, restaurants and portfolios. Easy to navigate, easy for search engines to find everything.
- Deeper suits sites with many items of the same kind: shops, listings, large blogs, firms with many practice areas. The middle level (a category page) helps people browse and gives search engines a page that targets the broader term.
- Avoid depth for its own sake. A page four or five clicks down with no other links to it may barely be visited.
From one page to a site map
Each template below ships as a single long page whose menu links jump to sections. That is a fine start. When a section grows (more services, more menu items, more attorneys) or you want it to rank for its own search, promote it to its own page. The diagrams show that promoted version. Items in [brackets] are placeholders.
1. Roofing contractor
Derived from the Ironpeak Roofing template's sections: services, materials, storm claims, reviews, free inspection.
- Home
/- Services
/services- Roof replacement
/services/roof-replacement - Roof repair
/services/roof-repair - Gutters
/services/gutters
- Roof replacement
- Storm claims
/storm-damage - Materials
/materials - Reviews
/reviews - Service areas
/areas- [Town A]
/areas/town-a - [Town B]
/areas/town-b
- [Town A]
- Free inspection
/free-inspection
- Services
Why this shape: each service gets its own page so it can match its own search ("roof repair [town]"). Service-area pages only earn their place with real local detail (jobs done there, travel times); copies with the town name swapped are thin content. The free inspection page is linked from every page's header. More in roofing SEO.
2. Restaurant
Derived from the Azafran template: the room, the menu, reservations, visit.
- Home
/- Menu
/menu- Dinner
/menu/dinner - Drinks
/menu/drinks
- Dinner
- The room
/about - Private dining
/private-dining - Reservations
/reservations - Visit
/visit
- Menu
Why this shape: flat. Visitors want the menu, hours and a booking, usually on a phone. Put the menu in HTML text rather than only a PDF so it can be read and found. See SEO for restaurants and how to build a restaurant website.
3. Medical or dental clinic
Derived from the Verdant Family Health template: our care, meet the team, visit us, book.
- Home
/- Our care
/services- Check-ups
/services/check-ups - Chronic conditions
/services/chronic-conditions - Children
/services/children
- Check-ups
- Meet the team
/team- [Doctor name]
/team/doctor-name
- [Doctor name]
- New patients
/new-patients - Visit us
/visit - Book an appointment
/book
- Our care
Why this shape: a separate "New patients" page answers the questions a first-timer has (forms, insurance, what to bring) without cluttering the homepage. Each clinician page links to the services they provide, and each service page links back to who provides it. See SEO for dentists.
4. Law firm
Derived from the Sterling & Vance LLP template: practice areas, attorneys, results, contact.
- Home
/- Practice areas
/practice-areas- Commercial litigation
/practice-areas/commercial-litigation - Employment
/practice-areas/employment - Real estate
/practice-areas/real-estate
- Commercial litigation
- Attorneys
/attorneys- [Partner name]
/attorneys/partner-name
- [Partner name]
- Results
/results - Insights
/blog- [Article]
/blog/article-slug
- [Article]
- Contact
/contact
- Practice areas
Why this shape: one of the deeper examples. People search by legal problem, so each practice area is its own page, and each attorney profile links to their areas. An insights section (blog) is optional; only add it if you will publish regularly. See SEO for lawyers.
5. Online shop
Derived from the Cellar & Rowan template: shop, our craft, materials, stockists, cart.
- Home
/- Shop
/shop- Candles
/shop/candles- [Product]
/shop/candles/product-name
- [Product]
- Stoneware
/shop/stoneware - Pantry
/shop/pantry
- Candles
- Our craft
/about - Stockists
/stockists - Journal
/blog - Shipping & returns
/shipping-returns - Cart
/cart
- Shop
Why this shape: the deepest of the five: home, category, product. Category pages are where browsing and search both happen. Keep each product at one URL even if it appears in two categories, and link policy pages from the footer and checkout. See how to start an online store.
URL rules
- Use words people search for: /services/roof-repair, not /page?id=12.
- Lowercase, hyphens between words, no dates unless the content is truly dated.
- Do not change URLs that already get visits. If you must, add a 301 redirect from the old address and test it with the redirect checker.
- One page per topic. Two pages chasing the same search compete with each other.
Internal linking checklist
- Main menu: the top-level pages only.
- Footer: contact details, policies, and secondary pages.
- In the body text: link services to related services, and to the page where people act (book, quote, buy).
- Descriptive link text ("roof repair prices") rather than "click here".
- Breadcrumbs on deeper sites (Home > Shop > Candles).
- An XML sitemap listing every public page (create one with the XML sitemap generator and check it with the sitemap checker).
Plan yours in 15 minutes
- Write every page you need on a sticky note or line.
- Group them under five to seven top-level headings.
- Write the URL next to each one.
- Draw an arrow for every link from one page to another; any page with no arrows in needs one.
- Check no important page is more than three clicks from home.
Then pick a page layout for each type of page from website layout examples, and check menus against navigation examples.
Building it on We.Inc
Start from a template close to your business. The free plan gives up to 3 template sites on a we.inc address (no AI credits, no custom domain). On Starter ($20/month) you can ask the AI builder to add pages, such as "add a page for each service with its own address", and connect your own domain; Pro is $49 and Max $99 a month (pricing). The SEO-friendly website design guide covers the on-page side.
Frequently asked questions
What is website structure?
How a site's pages are organised and linked: the page hierarchy, the URL of each page, and the internal links between them.
What is the best structure for a small business website?
Usually flat: a homepage, five to seven top-level pages, and separate pages for each main service, all within two or three clicks.
Flat or deep structure: which is better?
Flat for small sites; a little deeper (home, category, item) for shops, listings or firms with many services. Keep important pages within three clicks.
How should URLs be structured?
Short, lowercase words separated by hyphens that mirror the hierarchy, such as /services/roof-repair. Do not change URLs that already get visits without a 301 redirect.
Does site structure affect SEO?
Yes. Clear hierarchy and internal links help search engines find and understand every page, and let each page target its own search.
Are these real business site maps?
No. They are grown from the sections of We.Inc template designs, as examples of structure.
More in Guides
- Website Title Examples for Homepages and Inner Pages | How-to Guide
- Website Vendor Exit Plan: Contract Clauses to Avoid Lock-In | How-to Guide
- Website vs Web App: The Difference, With Examples | How-to Guide
- WebSocket in Node.js: Server, Client, Heartbeat and Reconnect
- Welcome Email Templates for Small Businesses
- What Happens When a Domain Expires
- What Is a Landing Page? Anatomy, Layouts and Examples | How-to Guide
- What Is a System Prompt?
Website builders for the businesses in this article
Related guides and tools
Start building
Product
Who It's For
- For Agencies
- For Freelancers
- For Hosting Providers
- For SaaS Platforms
- For Startups
- For Financial Services
- For Healthcare
Features
Resources
- Blog
- Help Center
- Free Business Tools
- Free UI Components
- Website Templates
- Template Collections
- Website Examples
- Guides
- Comparisons
- Alternatives
- Best Lists
- Reviews
- Pricing Guides
- Use Cases
- Glossary & Guides
- Integrations
- Developers
- Benchmark
- Windows App