Midnite Systems

SEO web design, built so search engines can read each page from launch day

SEO web design is building a website so search engines can find, crawl and understand each page. We give each search worth winning its own page, with its words in the HTML from launch day.

Who is SEO web design for?

SEO web design suits a business that wins work from people searching: for a service, for a place, or for the answer to a question it can give. The search work goes in while the site is planned and built, and it looks different at each size:

  • Established local businesses: a single office or service area, competing with nearby firms for the same few searches. The site needs a page for each main service and for each area the searches back, with the business name, address and service area stated the same way on every page.
  • Multi-location and regional businesses: several offices, or a service area across several counties or states. Each location gets a page with its own details, and the plan has to keep many similar pages from reading as copies of each other.
  • National businesses: large sites, often hundreds of pages with several teams publishing. At that size, getting every page crawled becomes a planning question. Google’s sitemap guide says a site of about 500 pages or fewer, linked well internally and without many media files or news pages, may not need a sitemap, and that on large sites it’s harder to make sure every page is linked from another.

If your site has a handful of pages and few competitors, you may not need us. Google’s guide to hiring search help says someone running a local business on that scale can probably do much of the work themselves, starting from its SEO starter guide. If that’s you, we’ll say so on the call.

What does Google read when it visits a page?

Google sets three minimum requirements before a page can be indexed: Googlebot isn’t blocked, the page returns a working HTTP 200 status, and it has content Google can index. Meeting them makes a page eligible, nothing more. Google is plain that indexing isn’t promised. After that, a few build choices decide what Google actually sees:

  • The phone version: Google indexes and ranks the mobile version of a page, crawled with its smartphone agent. Its mobile-first guidance asks for the same content on phone and desktop, and says Google won’t load content that only appears after a visitor swipes, clicks or types.
  • Links: Google can generally crawl a link only when it’s an <a> element with an href attribute, and most links in other formats aren’t parsed. The link’s visible words tell people and Google what the page at the other end is about.
  • Images: Google finds images in the src of an <img> element and doesn’t index CSS images. It works out what an image shows from its alt text, computer vision and the page around it, and takes very light clues from the file name.

Why does it matter how a page is rendered?

Google processes a JavaScript page in three phases: crawling, rendering and indexing. A page can sit in the rendering queue for a few seconds, or longer, before Google runs its scripts and sees the result. Google’s own advice still favors server-side rendering or pre-rendering, since pages arrive faster for visitors and crawlers alike, and not every bot can run JavaScript.

That’s how we build. Our recent sites run on Astro, set to produce every page as finished HTML when the site is built, so the words, links and markup are all in the first response a crawler gets. Scripts are kept to the jobs that need one, such as forms, booking and measurement.

A site that assembles its pages in the visitor’s browser can still rank, as long as Google renders it correctly. It adds a step that can go wrong, though, and some bots won’t run the scripts at all.

When two pages show much the same content, search engines have to choose between them. Google’s starter guide says they pick a single canonical URL to show for each piece of content, and asks site owners to make each piece of content reachable through one URL. Its canonical guide adds that grouping duplicates under one preferred address lets Google combine the signals, such as links, that each copy collects. On a site we build, that starts in the page plan:

  • One search, one page: each page in the plan has its own primary search, and no two pages share one. A smaller question gets a section on the page that owns its topic instead of a thin page of its own.
  • One question, one answer: each FAQ question is marked up on one page only, so the site never offers search engines the same answer from two addresses.
  • One address per page: every page open to search carries a canonical tag naming its own address, with no trailing slash. Google treats redirects and canonical tags as strong signals of the preferred address, and a sitemap entry as a weak one.
  • Links that say where they go: pages link to each other with words that describe the next page, never “click here”.

What should each page’s title, description and headings do?

Google says a page’s title link is often the main thing people use to decide which result to click. Its guidance asks for a <title> on every page that is descriptive and concise, avoids keyword stuffing and boilerplate repeated across pages, and keeps the brand short. Google builds the title link it shows from several sources, including the page’s headings, and asks that the main title stand out as the most prominent text on the page.

The meta description shapes the snippet only some of the time: Google writes snippets mainly from the page’s own content and uses the meta description when it describes the page better. That’s still a reason to write one for every page. The starter guide describes a good one as short, unique to one page and holding the page’s most relevant points.

Headings are for readers. The starter guide says heading order doesn’t matter from Google Search’s point of view, and that there’s no ideal number of headings. We write them as the questions buyers ask, in the order they’d ask them. Our build checks fail a page with more than one H1, and any two pages that share a title or a description.

How fast does a page need to load?

Google’s Core Web Vitals set the marks for a good experience: Largest Contentful Paint within 2.5 seconds of the page starting to load, Interaction to Next Paint under 200 milliseconds, so the page answers a tap or click quickly, and Cumulative Layout Shift under 0.1, so the layout holds still while it loads.

Speed isn’t the whole story. Google says there is no single page experience signal, that its systems always seek to show the most relevant content even when the page experience is sub-par, and that chasing a perfect score just for SEO reasons may not be the best use of your time. Where a search has lots of helpful pages to choose from, Google says a great page experience can contribute to success.

What we build for speed: JavaScript only where a page needs it, fonts served from the site itself so text doesn’t jump as it loads, and images turned into WebP files when the site is built. Before launch, we run Google’s Lighthouse checks on a phone setting for each type of page.

What does structured data do for a page?

Structured data is markup, in a standard vocabulary, that tells search engines what a page is about: the business, the service, the questions the page answers. Google calls it explicit clues about a page’s meaning. It can make a page eligible for rich results, the listings that show extra detail, but only when every required property is present.

Two rules keep it honest. Google says markup has to describe content the visitor can see on the page, never information that isn’t visible, even when it’s accurate. And markup can break after launch through a template or serving problem, so Google suggests the Rich Results Test during development and Search Console’s reports afterwards.

Our build checks that every page’s markup parses, that a page showing questions and answers carries FAQ markup, and that no page carries FAQ markup without the questions on it. At launch, we run the Rich Results Test on the live pages.

Which SEO advice can you safely ignore?

Some common SEO advice is out of date or mistaken. Google’s starter guide lists topics it believes you shouldn’t focus on:

  • The keywords meta tag: Google Search doesn’t use it.
  • Keyword stuffing: repeating a phrase to rank is against Google’s spam policies.
  • Keywords in the domain or address: on their own, they have hardly any effect beyond appearing in breadcrumbs.
  • A word count: length alone doesn’t matter for ranking. Google’s helpful content guide asks whether you’re writing to a word count because you heard Google prefers one, and answers that it doesn’t.
  • Heading order: from Google Search’s point of view, headings out of order don’t matter.
  • A duplicate content penalty: Google says the same content at more than one address on your site is inefficient, but won’t cause a manual action. Copying another site’s content is a different matter.
  • E-E-A-T as a ranking factor: Google says it isn’t one.

Two more from Google’s guide to hiring search help: advertising with Google has no effect on a site’s presence in its search results, and it costs nothing to appear in its organic results.

How can you check a web designer’s SEO claims?

You don’t need to read code. Ask for these on a site they’ve built:

  • The words in the page source: open a page, view its source, and look for the main text. If it isn’t there, the page depends on scripts to show it.
  • A distinct title on every page: compare the browser tabs of a few pages. Titles that repeat mean a template is setting them.
  • How the preview stays out of search: an unfinished copy that gets indexed can compete with the real site. Ours is marked noindex until launch.
  • Whether they follow Google’s rules: one of the questions Google’s guide to hiring search help suggests asking is whether they follow the Google Search Essentials. The same guide warns against anyone who claims a privileged tie to Google.

Then hold one line firm. Google’s guide says plainly that nobody can promise a site the first result in its search, so anyone who does is offering what Google says isn’t theirs to give. We do not guarantee search rankings, traffic, or uninterrupted uptime.

What happens to search traffic when a site is rebuilt?

Some movement is normal. Google’s guide to site moves says to expect temporary ranking fluctuation while it recrawls and reindexes, and that on a medium-sized site the switch to the new addresses can take a few weeks or more to show. Permanent redirects from each old address to its new page keep the old page’s value: Google says 301 redirects don’t cause a loss in PageRank. It also suggests making one change at a time: a new domain, a new platform and a new layout, one after another.

The details live on the pages for each case: website redesign for a new look on the same business, and website migration for moving a site off its current platform into our system.

Where does SEO web design stop and ongoing SEO begin?

The build controls what’s on the site: which pages exist, what they say, how they’re coded and how they link. It can’t control the rest. Search Console’s help says not to expect every page to be indexed, that a page left out can be fine for the right reasons, and that an indexed page still won’t show in every search, or at the same position, because results vary with each person’s history, location and more.

After launch, the work moves to what happens off the site and over time: pages for the searches the plan left for later, links from other sites, local listings and the questions AI answers draw on. Our SEO services cover that, with technical SEO for crawl and index problems and on-page SEO for pages already live. Generative engine optimization is the work of making a business easier for AI answers to find, read and cite.

From launch on, our monthly plan looks after the site, and its scope is written into your proposal. Our page on website maintenance covers the upkeep side.

What does SEO web design look like on a live site?

Two examples. The first is a client’s: the Alvy Logistics website, a 70-page site we rebuilt in our own system on Astro and run with Alvy today. Alvy is owned by our co-founder Noah Alvarez, and DSI is an Alvy company.

The second is the page you’re reading. View its source and you’ll find the words in the HTML, one main heading, its own title and description, a canonical tag naming its address, and structured data for the service, its questions and its place in the site’s breadcrumb trail. The rest of this site comes out of the same build and the same checks.

If you want a site search engines can read from its first day, book a 15-minute call. Name the searches you most want to be found for, and we’ll start from those.

Sources

22 cited

Pricing

What SEO web design costs at each level

The search work is part of the build, so the price is a site build's, and the ranges below are those US agency price pages and guides give a build at each level. The size of the page plan and how crowded your market is move a site within its range, and the proposal we write after the call gives your figure.

  • Level 01

    Established local business

    Market range

    $6,500 to $15,000

    Source: WebFX and DesignRush, checked October 2026

    Our ranges

    Website build
    $6,500 to $15,000
    Care plan
    $85 to $100 a month
    Hosting, DNS, SSL, security, uptime, backups and updates.
    No setup fee on a site we built.
  • Level 02

    Multi-location or regional

    Market range

    $15,000 to $50,000

    Source: WebFX, DesignRush and Lee Media Group, checked October 2026

    Our ranges

    Website build
    $15,000 to $50,000
    Care plan
    $150 to $225 a month
    All of that, plus about an hour of changes a month, a next-day reply, monthly checks and a report.
    No setup fee on a site we built.
  • Level 03

    National

    Market range

    $50,000 to $100,000

    Source: WebFX, Huemor and OuterBox, checked October 2026

    Our ranges

    Website build
    $50,000 to $100,000
    Care plan
    $350 to $500 a month
    All of that, plus up to four hours of changes a month, a four-hour reply, a named contact and a quarterly call.
    No setup fee on a site we built.

What moves the price

  • 01

    The size of the page plan

    The research sets the page count. A plan with a page for each service and each area the searches back is more writing and building than a site of five pages.

  • 02

    How crowded your market is

    A market with many competitors, and many ways of searching for the same service, needs more keyword and search-result research before the plan is settled.

  • 03

    The search traffic you already have

    Every old address with visits or links needs a mapped redirect, so a large site that already ranks needs a larger map, and more checking once it's live.

  • 04

    Who writes the words

    Search engines read the words, so the copy is part of the job. Pages we write from the research take more work than copy you supply, which we still fit to the page plan.

  • 05

    Markup and connections

    Each kind of page carries its own structured data, and each form that hands enquiries to a CRM or booking tool adds build and testing work.

Market ranges from agency price pages and guides, read October 2026. Ranges, not quotes: every engagement is scoped on a 15-minute call.

The work behind it

  • Alvy Logistics

    The Alvy Logistics website: a 70-page rebuild in our own system.

  • Midnite Systems

    Formed in 2023.

  • Valencia, CA

    Our office in Valencia, CA, open Monday to Friday, 8am to 4pm.

Alvy is owned by our co-founder Noah Alvarez, and DSI is an Alvy company.

What an SEO-friendly build includes

  • Fig 0.1

    Research and the page plan

    Keyword and search-result research for your market, then a plan that gives each search worth winning one page, and each page one job.

  • Fig 0.2

    Titles, descriptions and headings

    A title and a description written for each page, and headings written as the questions your buyers ask.

  • Fig 0.3

    Pages a crawler can read

    Each page built as finished HTML at a single address, with a canonical tag and plain links to the pages around it.

  • Fig 0.4

    Structured data

    Markup for the business, the service on each page and the questions the page answers, built from the same content the page shows.

  • Fig 0.5

    Speed and phone layout

    Light pages with self-hosted fonts and WebP images, checked at phone width and with Lighthouse before launch.

  • Fig 0.6

    Sitemap, robots rules and IndexNow

    A sitemap of the pages you want found, robots rules that let search engines and AI crawlers in, and IndexNow to announce new and changed pages.

  • Fig 0.7

    Redirects on a rebuild

    Each old address with visits or links mapped to its new page and redirected at launch.

  • Fig 0.8

    Search Console and Bing at launch

    The site verified in Google Search Console and Bing Webmaster Tools, with its sitemap submitted, on the day it goes live.

How it runs

How an SEO web design project runs

  1. Step 01

    A 15-minute call

    We start with what you sell, where, and which searches matter to you, then say whether SEO web design is the right work or something else should come first.

    Bring your site's address and the searches you would most like to be found for.

  2. Step 02

    The proposal

    A good fit gets a written proposal: the pages we would build, their cost and the monthly plan that keeps the site running after launch.

    Approve it before any work starts.

  3. Step 03

    Research and the page plan

    We study the searches in your market, what Google shows for each and who ranks there, then give each search worth winning one page in the plan.

    Let us into your current site, its analytics and its Search Console, if you have them.

  4. Step 04

    Words, design and markup

    Each page is written from the research and your facts, designed around its words, and given its title, description and structured data.

    Confirm the facts we ask about, so nothing on a page is a guess.

  5. Step 05

    A private preview

    The site is built in our own system on a preview marked noindex, and has to pass the checks: one main heading per page, unique titles and descriptions, links that resolve and markup that parses.

    Go through the preview and collect your changes in a single list.

  6. Step 06

    Launch

    We redirect the old addresses, point the domain at the new site, and verify it in Search Console and Bing Webmaster Tools with the sitemap submitted.

    Approve the go-live, and let us into the domain's DNS settings.

Questions

Frequently asked questions

What is SEO web design?

It's the part of SEO that happens while a site is planned and built: the page plan, the words, the code, the addresses, the markup and the speed on a phone. SEO after launch is different work: content, links and listings over time. The build decides how much of that later work goes into fixing the site itself.

What makes a website SEO friendly?

An SEO-friendly website gives each search worth winning one page, puts that page's words in its HTML and links its pages with plain text links. Each page has its own title and description, one address with a canonical tag, structured data that matches what the page shows, and a layout that loads fast and works on a phone, since Google indexes the mobile version.

Does web design affect SEO?

Yes. The design and the build decide what search engines can read: whether the words are in the HTML or loaded by scripts, whether links are real links, whether the phone version carries the full content and how fast pages load. Design can't make a page rank by itself, though. Google says it seeks to show the most relevant content even when a page's experience is sub-par.

What should I ask a web designer about SEO?

Ask where the page list comes from and which search each page targets, whether every page gets its own title and description, whether a page's words are in its HTML, how the preview is kept out of search, and where each old address will redirect. Be wary of anyone who promises the first result: Google's guide to hiring search help says nobody can.

Does a website redesign affect SEO?

It can. Google says rankings may fluctuate after any significant change, while it recrawls and reindexes the site, and that a medium-sized site whose addresses change can wait a few weeks or more for the new ones to replace the old in its results. The same guide asks for a redirect from each old address to its new page, and for one change at a time. Our website redesign page covers it in detail.

Related

Keep reading

Talk with a co-founder

Book a 15‑minute call