SEO Website Design: SEO & Web Design as One Build, and the SEO Web Design Decisions to Make First

Updated November 2026 · Written and maintained by the Progression Agency strategy team

SEO website design puts the site build and the search work in one written scope, so page lists, URLs, templates, loading speed and crawlable code are settled before launch instead of repaired after it. Written for owners and marketing leads planning a new site or a redesign, this guide walks through what SEO & web design decide at each stage, what later SEO can still fix at low cost, what the work costs, and when buying the two together is the wrong choice. Progression is a New York City firm working with clients across the US, and every engagement starts with a free proposal and a written scope.

SEO & web design as one purchase

SEO website design is one contract and one schedule of search decisions attached to the site build, so the people drawing pages and the people choosing addresses, templates and code answer to the same written scope instead of meeting for the first time at launch.

Google makes the same point in its guidance on hiring an SEO. A redesign under consideration is a great time to bring one in, it says, the earlier the better, and so is the planning of a new site, so the site can be designed to be search engine friendly from the bottom up. The same page adds that a good SEO can also improve a site that already exists, so a live site is not a lost cause.

Google’s list of what SEOs and consultants offer includes technical advice on website development, and its examples are hosting, redirects, error pages and the use of JavaScript. All four are settled, or at least shaped, while a site is being built. Read that way, the overlap between web design and search work is not a sales line; it sits in Google’s own description of the job.

The cards sort the work into what a shared scope can settle and what it cannot. The first three are decisions that a contract can name and a project manager can schedule. The last three are real concerns that no document controls, which is why a sound scope states them as limits instead of leaving them as hopes.

For the build side of the scope, see our website design and development page. For the monthly work that follows, see SEO services.

What SEO services web design proposals should put in writing

A proposal that says search is included has told you very little. What you want is a document you could hand to a stranger, who could then say which decisions were made, when each one was locked, who signed it and how it was tested. The table lists ten of them in the order a project meets them.

When you compare SEO services in web design quotes from two suppliers, hold each one to this table and mark the rows it leaves blank. If a contract promises SEO friendly web design services, the phrase should mean these ten named decisions, each with a signer and a check, and nothing vaguer than that.

Two columns do most of the work. “Locked at” stops a decision from being reopened after pages are built on top of it, and “Signed by” stops it from belonging to everyone, which means to no one. Progression’s free proposal comes with a written scope, described on the website design and development page for the build and on the SEO services page for the monthly side.

Web design for SEO starts before the first wireframe

Most of what search needs from a site is decided in rooms where nobody mentions search. The page list is argued over before any wireframe exists, the address pattern settles while someone names folders in the content system, and the template review fixes the layout that phones will be served.

Read the line from left to right. A later fix is not impossible, but each step to the right has more people and more finished work leaning on the earlier choice, which is why the left side deserves the longest meetings.

Which pages does the site need, and who decides?

Pages should exist because buyers look for something and the page answers it. Give each page one job and one reader, and write the list before anyone opens a design tool. Our website design and development page calls this a search-led sitemap and lists it among the deliverables of a build. The decision belongs on the business side: someone who knows what customers ask and what the company wants to be asked has to sign the list.

• The job the page does, in one sentence.
• The reader it is for.
• The template it will use.
• The person who signs off its content.
• The page that will link to it.

Which URL patterns can you keep for years?

Google’s URL structure guidance prefers readable words to long ID numbers, hyphens to underscores and as few parameters as you can manage. It also notes that Google treats upper and lower case as different addresses, so choose one case and hold to it. A store needs one more decision: Google warns that filters which can be combined additively multiply the number of addresses a crawler meets, and its example is hotels on the beach and with a fitness center. Decide before launch which filtered views earn an address of their own. If the pattern is chosen well, nobody has to change it later. For a closer look at one small piece of the question, see whether URL length matters.

Can the content system add the next page?

Put a plain test to the content system before it is chosen. Can someone on your team add a page that looks right, gets its own title and description, shows up in the navigation and receives links from related pages, without calling a developer? Google says each page you care about needs at least one link pointing to it from another page on your site, so a system that makes pages nobody links to is only half a solution. Choose the platform on that test, not on a demo of the editor.

Website design and SEO at the template stage

A template is a rule for every page of its type, so the template review is the meeting with the widest reach in a project. Website design & SEO come together there, because one choice about a header or a hero repeats across every address that uses it. A review that ends with a signed template is worth more than one that ends with a nod.

Why is the phone layout the one that gets indexed?

Google says it uses the mobile version of a site, crawled with its smartphone agent, for indexing and ranking, and its mobile-first indexing guidance calls responsive design the easiest pattern to implement and maintain. Where a site serves a different version to phones, the same page says only the content shown on the mobile site is used for indexing, and it asks for the same clear headings on both. A website design SEO review that only looks at the desktop mockup has reviewed the wrong page.

Accordions and tabs are fine on a phone, Google says, as long as the content is equivalent to the desktop version. The one thing to refuse is primary content that waits for a swipe, a click or typing, because Google will not load content that needs one of those.

Which hero choices set loading speed?

A slider or a looping background video is easy to approve in a design review, and then it turns into the loading problem. LCP, the moment the largest visible element has loaded, should come within the first 2.5 seconds, according to Google’s Core Web Vitals page. The web.dev guide to the most effective ways to improve Core Web Vitals says the image behind LCP should be discoverable in the HTML source, which favors server-side rendering over client-side rendering, that it should not carry the lazy-loading attribute, and that the fetchpriority attribute can raise its priority. In the review, ask which element will be largest on a phone and whether it is a plain image in the markup.

Where should space be reserved before things load?

CLS measures visual stability, and Google wants it under 0.1. The web.dev guide says the main fix is to reserve space ahead of time: set width and height on images, and give embeds and ads a minimum height or an aspect ratio so the page does not jump when they arrive. It also names cookie and notification banners that slide in from the top or bottom as a frequent contributor, and suggests animating with transforms instead of properties that move the layout. Both belong on the template checklist.

Can visitors tell the main content from everything else?

Google’s page experience guidance gives site owners six questions to ask themselves: do pages have good Core Web Vitals, are they served securely, does the content display well on mobile, does it avoid an excessive amount of ads, are intrusive interstitials avoided, and can visitors easily tell the main content from other content. A template review is the natural place to answer the last four, because ads, pop-ups and page furniture are all drawn there.

Taken together, a template sign-off can be a single short list:

• The phone version carries the same content and headings as the desktop version.
• The largest element on a phone is a plain image in the markup, not lazy-loaded.
• Every image has its width and height set.
• Embeds and ads have room reserved before they load.
• Banners and notices do not push the page around after it appears.
• Ads and pop-ups leave the main content easy to pick out.

SEO web design in the code

You do not have to read code to sign a scope that covers it. You need to know which questions to put to the developer and what a good answer sounds like. The cards list six answers worth listening for.

Is the page rendered on the server, or rendered late?

Google’s JavaScript SEO basics describe three phases for a script-driven page: crawling, rendering and indexing. A site built on the app shell model sends HTML without the real content, so Google has to run the scripts before it can see the page. Google says server-side or pre-rendering is still a great idea, because it makes the site faster for users and crawlers and because not all bots can run JavaScript. That is not a ban on frameworks. It is a reason to ask what a crawler receives before any script runs, and to check the rendered HTML in the URL Inspection Tool, since content that is not visible there cannot be indexed. If your build uses a JavaScript framework or a headless content system, see our pages on headless WordPress and JavaScript development.

Can a crawler follow every link and route?

Google says it can generally crawl a link only if it is an a element with an href attribute. Links driven by a script event, or tags that only behave like links, are not reliably extracted. Single-page apps should use the History API for routing; Google’s URL guidance adds that fragments should not be used to change content. The developer’s answer should be simple: real links, real addresses.

Which status codes should pages return, and what is the noindex trap?

Missing pages should answer with a real 404, and pages behind a login with a 401. In single-page apps with client-side routing, proper status codes can be impractical, and Google names two ways to avoid soft 404 errors: redirect with script to an address that returns a 404, or add a noindex tag to error pages with script. The trap runs the other way: if Google sees a noindex in the original code, it may skip rendering, so a script that tries to remove the tag later may not work. A page that should be found must not ship with noindex in its original code.

How should structured data be tied to what readers see?

Structured data is built per template, because one template fills many pages, and that is how we list it in the build on our website design and development page. Google’s introduction to structured data says not to add markup about information the visitor cannot see, even if it is accurate, and says the Rich Results Test is a useful validator. Google adds that a content system may call for a plugin or a settings page to add it. Check the markup again after launch, because Google notes that templating or serving problems can break it.

Field numbers against lab numbers

Google’s targets are LCP within the first 2.5 seconds, INP at about 200 milliseconds or better and CLS under 0.1, and web.dev frames them at the 75th percentile of page loads, across phones and desktops. Lab tools are a rehearsal. Lighthouse cannot measure INP because nobody interacts with the page, so Total Blocking Time stands in for it, and web.dev says lab data is not a substitute for field data. Unnecessary JavaScript, a heavy tag manager and a very large page structure all slow responsiveness, and web.dev suggests tidying tag manager tags from time to time. Our page on website speed optimization covers the repair work. Our build page says a performance budget is agreed at the start of the build. The limit is Google’s own: good scores in these reports do not guarantee that pages rank at the top.

Web design and SEO in launch week

Launch week is where the two jobs most often come apart. The designer hands over a finished site, the search work starts on a different calendar, and a switch that nobody owned stays in the wrong position. This section is short on purpose; the depth is on our website migration services page.

Does one contract mean one launch date?

No, and Google’s advice on moving a site is the reason. It says to change only one thing at a time and plan the changes one after the other: if you want a new domain, a new content management system and a new layout, move to the new domain, then change the layout. One purchase does not have to mean one switch. Put the order in the scope, with a date and a signer beside each step.

What changes if addresses change at all?

Prepare a mapping from each old address to its new one and use server-side permanent redirects, a 301 or a 308. Avoid chains of redirects: Googlebot follows up to ten hops, but Google would rather you point straight at the destination and, failing that, keep a chain to three or fewer. Do not send many old addresses to one unrelated page such as the home page, which Google says may be treated as a soft 404. Keep the redirects for as long as you can, generally at least a year. Our build page lists redirect mapping as a stage of its own. If traffic dips afterward, see traffic dropped after a redesign.

What does a staging site leave switched on?

Development sites often block crawling in robots.txt or carry noindex rules, and Google lists leftover blocks of both kinds among the common mistakes after a move. Put each of these on the launch plan with an owner:

• Remove any robots.txt rule that blocked crawling while the site was in development.
• Remove noindex rules from every page that should be found.
• Check that each new address points to itself as its preferred version.
• Submit the new sitemap and verify the site in Search Console.
• Test the redirects, then watch indexing and errors on the old and new addresses.

Expect some movement afterward. Google says visibility can fluctuate temporarily during a move, and that medium sized sites can take a few weeks or more for the new addresses to replace the old.

What later SEO can still fix cheaply

Not everything locks at launch. The test is whether a fix touches only what one page says or touches how the whole site is built. The table shows Progression’s working judgment, not a Google ruling and not a price list.

Google says that trying to get a perfect page experience score just for SEO reasons may not be the best use of your time. That is a fair guide to the small jobs: do the ones that help readers first. For the ongoing work after launch, see our SEO services page.

When SEO and web design should be bought apart

Buying together makes sense when the build is the moment search is decided. It is the wrong choice more often than sellers admit, and the table covers seven situations where a different purchase is better.

Whichever of the web design and SEO companies you pick, keep the one-time fee and the monthly fee as separate lines, so that either can end alone without taking the other with it.

SEO website design services, line by line

Any offer of website design SEO services should read as a list of lines, each with an end date or a monthly fee. If a line cannot be pointed to in a document, it is not a line yet. The first set below sits inside a build price and the second continues afterward.

Web design SEO services inside the build fee

Quotes for SEO web design services should name each of the following as something you can point to at handover. Website design and SEO services of this kind finish when the site goes live, and a document shows they were done.

• A search-led sitemap, meaning the page list is built from what people search for and mapped to one page per need.
• Structured data implemented for each template, not only on the home page.
• A performance budget agreed at the start of the build.
• Redirect mapping from old addresses to new ones when the address pattern changes.
• Ownership in your name: domain, hosting, CMS admin, analytics, design files and code, with the agency holding access.

These lines come from our website design and development page, where the first two appear in the price point comparison and the others are described under performance, redirect mapping and ownership.

What continues after handover?

Once the site is live, web design and SEO services part ways. Content, links, reporting and technical upkeep are monthly work, and a monthly line sold as an SEO web design service is a retainer under another name:

• Content: new pages and updates to existing ones.
• Links: internal links and earned links from other sites.
• Reporting: what changed in visibility and in inquiries from search.
• Technical upkeep: crawling, rendering and speed checks as the site changes.

For that side, see SEO services, WordPress SEO services if the site runs on WordPress, and our technical SEO agency page for the upkeep of crawling, rendering and speed.

SEO web design companies: four ways the work gets staffed

Website design and SEO companies organize this work in one of four ways, and the model tells you more than the logo does. The table sets out where each is strong and what to check before you sign. On a small site, a web designer with SEO skills can be enough, but ask a website designer with SEO on the quote to show you pages they moved in search.

SEO and web design companies of all four types can do good work, so compare the model before you compare the pitch.

Asking an SEO website design company for proof

Ask for three things before you sign, and treat a refusal to show any of them as an answer.

• A sample of a signed schedule from a past project, with the decisions, the dates and the signers visible.
• The output of a staging crawl: a list of addresses with their status codes and headings.
• An account of where each recommendation comes from. Google’s hiring page suggests asking whether the SEO cites official Google documentation.

A website design and SEO company that has done this before will find those documents quickly, and an SEO and website design company that cannot show any of the three has told you something. The same Google page suggests asking for examples of past work, what results to expect and in what timeframe, and how success is measured.

Which questions should a website design SEO company ask you?

Google says an SEO should be interested in your business and should ask what makes it unique, who your competitors are, how search results can help and how your customers find you. A quote that only asks how many pages you want and which colors you like is a design quote. Good questions at the start are the cheapest preview of how the scope will be written.

What should an SEO and web design agency not promise?

Google’s hiring page is blunt: no one can guarantee a number one ranking, and you should beware of SEOs who claim a guarantee, allege a special relationship with Google or advertise a priority submit to Google. Google also says it never accepts money to include or rank sites. If an SEO web design company offers an audit, grant read access to Search Console and not write access at that stage. A partner who then does the work will need more, which should be agreed in writing, with who holds each permission and when it ends.

What SEO website design costs

SEO website design is priced as two lines, a build and an optional monthly retainer, and never as one invented bundle. The bands below are published market figures for each line, run from the typical low to the published high.

Market bands for the site build

A brochure site and a custom business site sit on different bands, and most redesigns of mid-size sites sit on the second. Your search needs affect where in the band the quote lands, because address mapping, rendering choices and structured data all add scope.

Market bands for the search work

The monthly line is a retainer for ongoing work. The one-off line is an audit, which is the right first step when the question is what to fix on a site that already exists.

These bands are separate figures for separate jobs. This page does not add them together into one bundle price or state a bundle discount.

Our prices

A combined proposal is priced from a written scope. For the build, our website design and development page sets out what is included at each price point. For the monthly side, the SEO services page publishes its own table under the heading Our engagement models and pricing, repeated here for the rows that matter to a new site.

For a wider view of build costs, see our website cost guide, and for monthly pricing across the market, see SEO services pricing.

Related services

Pages on the services around this one:

• Website design and development
• SEO services
• Website redesign services
• Website migration services
• Technical SEO agency
• SEO audit service

Frequently asked questions