SEO — Getting Found on Google

Search engine optimisation is one of the most valuable skills a web designer can have. This guide covers on-page SEO, technical basics, and a full trackable checklist for every new site you build.

What is SEO and Why Does It Matter?

SEO (Search Engine Optimisation) is the practice of making your website show up higher in search engine results for relevant searches. When someone Googles "web designer in Manchester" or "how to fix a leaking tap", the sites that appear at the top didn't get there by accident — they optimised for it.

For small businesses, organic search traffic (people finding you through Google without you paying for ads) is often the most valuable and sustainable source of new customers. Unlike paid ads, a well-ranked page keeps sending traffic without ongoing cost.

SEO has three main pillars: on-page (what's on your pages), technical (how your site is built), and off-page (links from other websites). This guide focuses on the first two — the ones entirely within your control.

On-Page SEO

Page Titles

The <title> tag is the single most important on-page SEO element. It appears in browser tabs and as the clickable blue link in Google results. Keep titles under 60 characters, include your primary keyword naturally, and end with your brand name.

HTML — Good vs Bad Title
<!-- ❌ Bad — vague, no keyword --><title>Home</title><!-- ✅ Good — keyword first, under 60 chars --><title>Web Design Manchester — Webgrade</title>

Meta Descriptions

The meta description appears as the grey snippet below your title in Google results. It doesn't directly affect ranking but strongly affects click-through rate. Write 150–160 characters, describe what the page offers, and include a clear reason to click.

HTML
<meta name="description"content="Custom web design for small businesses in Manchester. Fast, mobile-first websites from £499. Free consultation available.">

Heading Hierarchy

Use one <h1> per page containing your primary keyword. Then use <h2> for major sections and <h3> for sub-sections. Google uses headings to understand page structure and topic. Never skip levels (don't go from h1 to h4).

Alt Text on Images

Every image should have an alt attribute that describes what the image shows. This helps Google understand images (it can't "see" them), helps screen readers describe them to visually impaired users, and is shown if the image fails to load. Be descriptive but concise — "web designer working at desk in London studio" not just "photo".

URL Structure

Keep URLs short, descriptive, and lowercase. Use hyphens to separate words. Avoid numbers and special characters. A good URL tells both users and Google exactly what the page is about.

URLs — Good vs Bad
// ❌ Badexample.com/page?id=1234&cat=5example.com/P_a_g_e%20Title.html// ✅ Goodexample.com/web-design-manchesterexample.com/blog/how-to-choose-a-domain-name

Internal Linking

Link related pages on your site to each other using descriptive anchor text. Internal links help Google discover and understand your pages, and they distribute "link equity" (ranking power) across your site. Don't use generic text like "click here" — use the topic of the linked page.

Technical SEO Basics

Sitemap

A sitemap.xml file lists every page on your site so search engines can discover and index them. Submit it via Google Search Console. Most CMSs (WordPress with Yoast, etc.) generate it automatically. For a static site, you can write it manually or use a sitemap generator tool.

robots.txt

This file at your root domain tells crawlers which parts of your site they can and cannot access. A basic robots.txt that allows all crawlers and points to your sitemap:

robots.txt
User-agent: *Allow: /Sitemap: https://example.com/sitemap.xml

Page Speed

Google officially uses page speed as a ranking factor, especially for mobile. Slow sites also frustrate users and increase bounce rates. Target a PageSpeed Insights score above 90. The biggest wins come from: compressing images (use WebP format), removing unused JavaScript and CSS, enabling browser caching, and using a CDN.

Mobile-Friendliness

Google indexes the mobile version of your site first. If your site doesn't work well on a phone, your rankings suffer. Test with Google's Mobile-Friendly Test tool and make sure text is readable without zooming, buttons are easy to tap, and there's no horizontal scrolling.

HTTPS

Google uses HTTPS as a ranking signal and browsers show "Not Secure" warnings on HTTP sites — which destroys visitor trust. Make sure your site has a valid SSL certificate. All major hosting platforms (Netlify, Vercel, Cloudflare Pages) provide free SSL automatically.

SEO Checklist

Use this checklist for every new page or site you launch. Your progress is automatically saved in your browser.

On-Page

Each page has a unique, keyword-rich title tag under 60 characters
Each page has a unique meta description of 150–160 characters
One H1 per page containing the primary keyword
Heading hierarchy is logical — H1 → H2 → H3, no skipped levels
All images have descriptive alt text
URLs are short, lowercase, and use hyphens (no spaces or underscores)
Key pages link to each other with descriptive anchor text

Technical

Site is served over HTTPS with a valid SSL certificate
Site is fully mobile-friendly — no horizontal scroll, readable text
PageSpeed Insights mobile score is 80+ (aim for 90+)
sitemap.xml exists and is submitted to Google Search Console
robots.txt exists and doesn't accidentally block important pages
Site is verified and monitored in Google Search Console
Canonical tags prevent duplicate content issues
A custom 404 page exists and helps users navigate
Structured data / schema markup added for business type or content type
Note: Your checklist progress is saved in your browser. It will still be here next time you visit.