I’ve lost count of how many times a client has come to us with a shiny new website and said “Can you sort out our SEO now?” – only to find that the redesign they’d just spent months and a fortune on had left their organic traffic in tatters – down 40% overnight.

It keeps happening because most businesses treat SEO and web design as two completely separate projects. Design gets done, and then some bright spark remembers that people actually use search engines. By that point though, the damage has already been done: pages that got renamed without being redirected properly, URLs that changed structure and were no longer recognised, content that got hacked out for the sake of aesthetics, and site speeds that tanked because nobody bothered to optimise the images or questioned whether that third party script was really necessary.

The fix is simpler to describe than it is to put into practice: SEO needs to be part of the web design process from the get go, not something that gets bolted on after the site goes live.

What Goes Wrong When Design Takes The Lead And SEO Is An Afterthought

The most common disaster is “a URL migration gone wrong” – a redesign changes the site structure and old URLs get broken, leaving Google with no idea where anything is any more. If the 301 redirects aren’t set up properly, every hard-earned backlink points to a 404 page. That’s not a ranking dip, that’s a reset. Years of link building work, gone, just because someone decided to change /services/seo to /what-we-do/search-optimisation without putting in the effort to set up a redirect.

Then there’s the problem of content. Designers often decide to strip pages right back for visual cleanliness and end up removing the very thing that made them rank in the first place – an 800 word service page that used to be full of genuinely useful content is now reduced to a hero image, a tagline, and a “learn more” button. It might look slick, but Google sees an empty page with nothing to rank.

Speed is another casualty. Custom fonts, uncompressed images, heavy animations and bloated JavaScript all make sites slower. Google’s own data shows that when load time increases from one to three seconds, the likelihood of people bailing increases by 32%. A one second delay in page load reduces conversions by 7%. A designer’s favourite parallax effect might be costing you money every single day it’s live.

And then there’s mobile. 62% of all web traffic comes from mobile devices. Google uses mobile-first indexing, so it looks at your mobile experience first when deciding rankings. A design that wins awards on a desktop screen but breaks on a phone is actively hurting your search performance.

How To Make SEO And Web Design Work Together From Day One

Before you even start drawing wireframes, take a look at your current site performance. Which pages drive the most organic traffic? Which ones convert? Which URLs have the most backlinks? This is your “do not break” list. Every page on it needs to survive the redesign intact, or at least get a proper 301 redirect to a similar page.

Build your site architecture around how people actually search for things, not how your internal team likes to organise things. If your top keyword cluster is “seo in web design” but your sitemap buries that topic three clicks deep you’ve made a structural mistake that no amount of on-page optimisation will fix. The pages that matter most should be reachable in two clicks from the homepage.

Choose your CMS with SEO in mind. WordPress and Shopify both have good SEO capabilities out of the box, but some page builders generate terrible HTML and some themes load five stylesheets when one would do. Ask your developer about rendered HTML quality, not just how the page looks in a browser, and have a look at the source code. If it’s a mess of nested divs with no semantic structure the visual design doesn’t matter.

Set speed budgets before development starts. Define maximum page weight, maximum load time and maximum number of requests. Hold the design team to these numbers the same way you’d hold them to a deadline. A page that takes four seconds to load on mobile isn’t a design that needs optimising, it’s a design that needs rethinking.

The Technical Basics That Design Teams Often Miss

Heading structure matters more than most designers seem to realise. H1 tags should contain your target keyword and appear just once per page. H2s and H3s create the content hierarchy that search engines use to understand the page. When designers use heading tags just for visual sizing instead of semantic structure, they break the information architecture that Google depends on.

Image optimisation is non-negotiable. Every image needs alt text that describes what it’s showing (not keyword stuffing, just a genuine description). Images need to be properly sized for their containers, served in modern formats like WebP and lazy-loaded below the fold. A single unoptimised hero image can add two seconds to your load time.

Internal linking needs to be planned as part of the information architecture, not added on later. Link your most important pages from your navigation. Link related content within the body of your pages. Every orphaned page – one with no internal links pointing to it – is a page that Google can’t even crawl, let alone rank.

The answer is clear – well before the project even gets off the ground. During that all important discovery and planning phase, not when the design is already locked in place.

Now’s the time to figure out which pages are going to be critical for search engine rankings and make sure you’re setting up a URL structure that’s going to serve you well. We should be thinking about that during the planning stage, and jotting it all down so everyone is on the same page. And as the wireframes start coming together, we need to make sure that the templates have room for all the content that’s going to be going in – and that headings are actually structured in a logical and easy to follow way.

When our developers are building the site, let’s make sure they’re keeping an eye on page load times and that the html is properly semantic. And just before we go live, let’s make sure that our redirect map is sorted and that every critical URL is getting a good test run. And once we are live, let’s keep an eye out for any crawl errors, and keep an eye on traffic for at least two weeks.

I know all this feels like it adds a lot more work to a design project, and it does. But I can tell you that it’s a heck of a lot less painful than trying to scramble and fix SEO problems after the fact. I’ve seen way too many businesses end up sinking more money into fixing search engine damage after a botched launch than they did on the original redesign.

The companies that are getting it right arent treating SEO and web design as two separate things – they’re treating them as two sides of the same coin. They’re building a site that works for users and search engines alike, because – at the end of the day – a site that only does one of those things well isn’t really doing either thing well enough.