Creative agency glossarySEO and Analytics

Site Architecture

Site architecture is the way a website's pages are organized, grouped and linked to one another, which decides how easily people and search engines can find what is on it.

What is site architecture?

Site architecture is the floor plan of a website: which pages exist, how they are grouped, how deep they sit and how they connect. It covers the navigation, the hierarchy from homepage to section to page, the URL paths, the internal links and the categories or tags that tie related content together. A site with good architecture answers two questions on every page without being asked: where am I, and where can I go from here.

It is distinct from design. Two sites can look identical and have completely different architecture, because architecture lives in the structure, not the surface. It is also distinct from the technical build. A site can be fast, secure and well coded and still be a maze.

Why it matters

Why site architecture matters

Search engines find pages by following links, and they decide how important a page is partly by how many links reach it and how close it sits to the homepage. A page buried six clicks deep with one link pointing at it will be crawled rarely and ranked grudgingly. Architecture is how a site tells search engines what matters, and it is the one SEO lever that every other page benefits from at once.

For visitors the effect is simpler. People do not read sites; they scan them for the next click. When the structure matches how they think about the subject, they keep going. When it matches how the company is organized internally, they leave. Most abandoned sites are not ugly or slow. They are confusing.

In practice

How site architecture works in practice

  1. 01

    The work starts away from the screen, with a list of everything the site has to contain and a set of groupings that make sense to a visitor who has never heard of the company. Those groupings become the top-level sections, each with a hub page. Pages are assigned to sections, the hierarchy is kept shallow (three clicks from the homepage to anything, as a rule), and the URL paths are written to reflect it. Navigation, breadcrumbs and footer links are then designed to expose the structure rather than hide it.

  2. 02

    The second half is linking. Every page needs a path in and a path out: a link from its hub, links from its siblings, and links to the most relevant pages elsewhere on the site. A sitemap gives search engines the list, but the links give them the shape. Architecture is then maintained, because every new page either strengthens the structure or quietly erodes it.

At RIOT

Site architecture at RIOT

AltSounds, our music video channel, is a working example of architecture doing the heavy lifting. Every video sits under its artist, its genre, its director and its label, and each of those is a real page with its own path, so a visitor can move from one video to everything related to it in a click. The same structure tells search engines what the site is: not one video, but a catalog.

See the work →

Watch out

What people get wrong about site architecture

Mirroring the org chart. Visitors do not care which department owns a page, and a navigation built around internal teams forces them to guess. The second mistake is depth: letting content pile up in sub-sub-sections where nothing links to it. The third is treating architecture as a launch task. Sites grow, and a structure that was clean at launch is a thicket two years later unless somebody owns it.

Questions

People also ask

What makes good site architecture?

A shallow hierarchy, sections that match how visitors think about the subject, consistent URL paths and internal links that connect every page to its hub and its siblings. If a stranger can predict where a page lives before clicking, the architecture is working.

How does site architecture affect SEO?

It decides which pages get crawled, how often, and how much authority flows to them. Pages close to the homepage with many internal links rank more easily than pages buried deep with few. Architecture also groups related pages, which helps search engines see a site as an authority on a subject.

Should site architecture be planned before design?

Yes. The structure decides what the navigation has to hold, what templates are needed and how the content will grow, and designing before that is settled means redesigning later. Architecture first, then design, then build.

Next to it in the glossary

  1. 200 (OK) Response CodeA 200 OK response code is the server's confirmation that a request succeeded and the page was delivered as asked.
  2. 301 RedirectA 301 redirect is a permanent instruction that sends browsers and search engines from an old URL to a new one, carrying the old page's ranking signals with it.
  3. 302 RedirectA 302 redirect is a temporary instruction that sends visitors from one URL to another while telling search engines the original address will return.
  4. 304 Not ModifiedA 304 Not Modified response tells a browser or a crawler that the page has not changed since it was last fetched, so the cached copy can be used instead.
  5. 307 Temporary RedirectA 307 Temporary Redirect sends a visitor to a different URL for now, while guaranteeing that the request is repeated exactly as it was made.
  6. 403 ForbiddenA 403 Forbidden error means the server understood the request but refuses to serve the page, usually because the visitor does not have permission to see it.

Every SEO and Analytics term →

In the work

Where it shows up

All our creations →

From the journal

Read around it

The journal →

Talking the talk is one thing

We make the work.

RIOT is a creative agency and production studio in New York. Strategy, brand, film, photography, design and the campaigns that carry them, made by one team. A few lines is enough to start: we read every brief the same day.

    Footage