If you are planning a new website, you are probably thinking about two things: how it looks, and how it ranks. Most business owners treat these as separate conversations – design goes to the agency or the developer, SEO gets bolted on later by someone else. That split is one of the most expensive mistakes you can make. Website design and SEO are not two projects. They are one. Every layout decision, every image file, every URL your developer sets up either helps you rank or quietly works against you. By the time you discover the problem, you have already paid to build it in.
This is not a technical lecture. It is a practical checklist for a business owner who is about to make a significant investment and wants to know the questions to ask before signing anything off.
Page Speed: The Invisible Ranking Tax
Google measures how fast your pages load, and slow pages rank lower. That is not a theory – it is a documented ranking signal. The challenge is that most speed problems are invisible during the design process. A beautiful homepage packed with full-width video, a dozen Google Fonts, a slider, and a bloated premium theme can look stunning in a browser preview and still load in five or six seconds on a real mobile connection.
Five or six seconds is too long. Visitors leave. Google notices. Rankings drop.
The culprits are almost always the same: uncompressed images that are five times larger than they need to be, JavaScript that loads before the page content does, and themes that pull in feature sets you will never use. None of this shows up on a design mockup. It only surfaces after you have built and launched – which is why fixing it after the fact costs more than designing it correctly from the start.
What to ask your developer
- What is the target Core Web Vitals score for this build?
- How are images being served – WebP format, compressed, correctly sized for the viewport?
- Is the theme or framework lightweight, or does it come with a hundred features we will not use?
- Are scripts loading asynchronously so they do not block the page?
A developer who cannot answer these questions is building you a site that looks good and ranks badly.
URL Structure: The Slug Nobody Thinks About
Here is something most business owners never see until it is too late. When you build a site on a cheap drag-and-drop platform, or let a developer click through a CMS install without configuring it properly, your pages often end up with URLs like yoursite.co.za/?p=147 or yoursite.co.za/page_id=23. These are called ugly slugs, and they are a problem for two reasons.
First, Google reads the URL as a relevance signal. A page at /services/lead-generation/ tells the crawler exactly what it will find. A page at /?p=147 tells it nothing. Second, a clean URL is easier for a human to read, remember and share – which matters for referral traffic and brand trust.
Good URL structure is set during the build, not retrofitted. Changing URLs after a site has indexed means setting up redirects for every single changed address, or accepting broken links and lost rankings. It is a headache that costs time and money and is entirely avoidable if someone is thinking about website design and SEO together from day one.
The structure that works
- Keep URLs short and descriptive: /web-design/ rather than /our-web-design-services-for-businesses/
- Use hyphens, not underscores, to separate words
- Nest logically: /services/seo/ not /seo-services-page-2/
- Never leave the default platform slug in place – configure it before any content goes live
Mobile Responsiveness Is Not Optional Anymore
Google now indexes the mobile version of your site first. Not the desktop version – the mobile one. This is called mobile-first indexing, and it has been Google’s standard for several years. What it means in practice: if your site looks great on a 27-inch monitor and falls apart on a phone, Google is judging it by what it sees on the phone.
Many business owners fall into this trap because they review the design on a desktop during the approval process. The site ships. It ranks poorly. The developer says it is “mobile responsive” because it technically resizes – but responsive is not the same as optimised. Text that becomes unreadably small, buttons that sit too close together to tap, images that overflow the screen and create horizontal scroll: all of these destroy the mobile experience, and Google can see every one of them.
In the South African market, where a large share of users access the web primarily or exclusively via mobile on variable network speeds, a mobile-poor site is not just an SEO problem. It is a lead-generation problem. If a prospect lands on your site from a Google search on their phone and the experience is broken, they leave and click the next result. You paid for that ranking and got nothing from it.
What genuine mobile optimisation looks like
- Tap targets (buttons, links) large enough to use with a thumb
- Text that reads without pinching or zooming
- No horizontal scroll on any screen width below 375px
- Load times tested on a 4G connection, not a fibre office line
- Forms that work cleanly on mobile keyboards
Internal Linking: How Authority Moves Around Your Site
Every page on your site has a certain amount of authority – earned through backlinks, traffic and trust signals. Internal links are how you move that authority around. A well-linked site sends ranking power from strong pages to pages that need it. A poorly linked site keeps all that authority trapped on the homepage while service and product pages starve for it.
This is a design problem as much as an SEO problem. If a developer builds a site where service pages are only accessible through a dropdown menu and never linked from body content, blog posts or related pages, those service pages are effectively isolated. They will struggle to rank no matter how well the copy is written.
A practical way to think about it: every page on your site should be reachable within two or three clicks from the homepage. If you can only get to a page through a menu that disappears on mobile, it is functionally hidden from both users and crawlers.
The business case for good site architecture
Internal links do not just move SEO authority – they move people. A visitor reading a blog post about lead generation who sees a clear, relevant link to your lead generation services page is one click from becoming a prospect. Remove that link and they read, leave, and never convert. The structure of the site is the structure of the sales funnel. Build them separately and they will not align.
Image Alt Text: Small Tag, Real Consequences
Every image on your site has an alt text field. Most developers leave it blank, or fill it with the file name – something like IMG_4872.jpg. That is a missed opportunity three times over.
Alt text is read by screen readers, which means it matters for accessibility. In South Africa, as in every market, accessibility is increasingly a legal and ethical consideration, not just a nice-to-have. Beyond accessibility, Google reads alt text as a relevance signal for both the page and the image itself. Images that are correctly described and tagged appear in Google Images searches, which is a real traffic source for many service businesses. And on-page, descriptive alt text reinforces the keyword signals the rest of your copy is sending.
Writing alt text is not difficult. It requires discipline and process: someone has to do it for every image, on every page, before the site launches. That discipline rarely exists when design and SEO are treated as separate workstreams handled by different people at different times.
A simple alt text rule
Describe what is in the image as if you were explaining it to someone who cannot see it. Be specific and natural. “Team meeting in Johannesburg office discussing digital marketing strategy” is useful. “Image1” is not. If the image is decorative and carries no information, an empty alt attribute (alt=””) is the correct call – it tells screen readers to skip it.
Why Building Them Together Changes Everything
The five areas above – speed, URL structure, mobile performance, internal linking and image optimisation – are not an SEO checklist you run after the site is built. They are design decisions. They get made during wireframing, during development, during content loading. If nobody in the room is thinking about search when those decisions are made, the site that gets built will need to be rebuilt, or expensively patched, before it performs.
Digileads builds websites where the design and the SEO strategy are planned in the same room, from the same brief. The site architecture, the URL structure, the page speed targets, the internal linking logic: all of it is mapped before a single page goes into development. That is not a premium add-on – it is the only way to build a site that actually ranks.
It also means the site does not just attract visitors. It converts them. Digileads’ built-in lead capture and CRM layer sits inside the website from launch, so every enquiry is captured, tracked and attributed. You can see which pages are generating leads, which are losing visitors and where the funnel is leaking. A site that ranks and a site that converts are the same site, built with both outcomes in mind from day one. Explore how lead generation services and web design work together in practice.
If you are weighing up a website rebuild and want to understand exactly what a properly designed, SEO-ready site would look like for your business, the most useful thing you can do right now is get a number. Use the Digileads website price calculator to get a transparent, itemised price for a site built to rank, built to load fast, and built to turn visitors into leads. It takes a few minutes and gives you a real figure to work with before you speak to anyone.
