SEO & Content Strategy · On-page SEO and E-E-A-T · lesson 3 of 17 · 11 min

On-page SEO essentials

What on-page SEO covers

On-page SEO is everything on the page itself that helps search engines understand it and helps people choose and enjoy it: titles, headings, content, links, images and structured data.

Title tags

The title tag is often shown as the clickable headline in search results.

Include the primary keyword naturally, ideally near the start.
Make it compelling and accurate: it must earn the click.
Keep it concise; long titles may be truncated (roughly 50–60 characters is a common guide).
Make every title unique across the site.
Search engines may rewrite titles they consider unhelpful, which is another reason to write clear, accurate ones.

Example: Interior Designer Cost in Dubai (2026 Guide) | Studio Noor

Meta descriptions

Meta descriptions do not directly affect rankings, but they can appear under the title and influence clicks. Summarise the page's value in one or two sentences with a clear benefit. Search engines often generate their own snippet from page content depending on the query.

URLs

Short, readable and descriptive: /interior-design-cost-dubai/ beats /page?id=4832. Use hyphens, lowercase and avoid unnecessary dates if the page will be updated over time.

Headings and structure

One clear H1 describing the page's topic.
Logical H2/H3 subheadings that break content into scannable sections and often reflect related questions.
Short paragraphs, bullet points, tables and summary boxes help both readers and search engines understand structure.

Content that satisfies the query

Answer the main question early, then add depth.
Cover subtopics searchers expect (use "People also ask" and competitor gaps as prompts).
Use original examples, images, data and experience that others do not have.
Write naturally; repeating the exact keyword unnaturally ("keyword stuffing") is against spam policies and reads badly.

Internal links

Internal links connect your pages, spread authority and guide readers.

Link from relevant, related pages using descriptive anchor text ("see our guide to Dubai interior design costs" rather than "click here").
Make sure important pages are no more than a few clicks from the home page.
Update older articles to link to new ones.

Images and media

Descriptive file names (dubai-marina-living-room.jpg).
Alt text that describes the image for screen-reader users (and helps search engines understand it).
Compressed, modern formats (such as WebP or AVIF) and appropriate dimensions for speed.
Captions where useful.

On-page checklist

| Element | Check | |---|---| | Title | Unique, accurate, keyword near start, compelling | | Meta description | Clear benefit, matches content | | URL | Short, descriptive, lowercase, hyphens | | H1 | One, matches topic | | Headings | Logical hierarchy | | Intro | Answers the main question quickly | | Content | Covers expected subtopics; original value | | Internal links | To and from relevant pages, descriptive anchors | | Images | Compressed, alt text, descriptive names | | Structured data | Relevant schema added (covered in the technical module) |

Worked example

A UK online plant shop's page "Snake Plant" was a thin product page with a manufacturer description. Improvements:

Title changed to Snake Plant (Sansevieria) – Easy Care, UK Delivery | Leafy.
Added an original care section with photos taken by staff, light and watering advice for UK homes and a pet-safety note checked against reputable sources.
Linked to a "Low-light houseplants" guide and back.
Compressed images and wrote alt text.

The page now serves both buyers and researchers and gives search engines more reasons to rank it.

Writing for people, retrieval and AI answers

Google's guidance on generative AI features (May 2026) is explicit that you do not need to break pages into tiny "chunks" or rewrite in an "AI style" — its systems understand multi-topic pages and synonyms. Good on-page practice already serves both people and AI answers:

Answer first, then depth. A clear one- or two-sentence answer near the top of each section helps skimmers and makes accurate quoting easy.
Descriptive headings that reflect real questions, not clever wordplay.
Tables, steps and definitions where they genuinely clarify.
Visible facts, not locked in images or PDFs — prices, dates, specifications, opening hours.
Original elements (your photos, data, examples) that give systems and readers a reason to prefer your page.

Hands-on: an on-page audit with Screaming Frog

Crawl the site with Screaming Frog SEO Spider (the free version crawls up to 500 URLs; check current licensing) and use these tabs:

Page Titles  → filters: Missing, Duplicate, Over X characters, Same as H1
Meta Description → Missing, Duplicate
H1           → Missing, Duplicate, Multiple
Images       → Missing Alt Text, Over 100 KB
Response Codes → Internal Client Error (4xx) for broken internal links

Export each filter, sort by the page's organic importance (join with Search Console clicks by URL), and fix the most valuable templates first — one title-template fix can improve thousands of product pages.

For a single page, a quick Python check of the basics (requires requests and beautifulsoup4):

import requests
from bs4 import BeautifulSoup

url = "https://www.example.com/snake-plant/"
r = requests.get(url, timeout=15, headers={"User-Agent": "onpage-check/1.0"})
r.raise_for_status()
s = BeautifulSoup(r.text, "html.parser")
title = s.title.get_text(strip=True) if s.title else ""
desc = (s.find("meta", attrs={"name": "description"}) or {}).get("content", "")
h1s = [h.get_text(strip=True) for h in s.find_all("h1")]
no_alt = [img.get("src") for img in s.find_all("img") if not img.get("alt")]
print(f"Title ({len(title)} chars): {title}")
print(f"Meta description ({len(desc)} chars): {desc}")
print(f"H1 count: {len(h1s)} -> {h1s}")
print(f"Images missing alt: {len(no_alt)}")

Common mistakes

Duplicate titles across many pages.
Keyword stuffing.
"Click here" anchor text.
Huge, uncompressed images.

Video lecture: On-page SEO essentials

Lecture coming soon · 14 chapters · about 8 minutes. Read the full transcript below.

On-page SEO essentials
Why it matters
Titles + descriptions
Structure like a newspaper
On-page for AI answers
Links + images
Example 1 (simple)
Example 2 (illustrative)
Audit at scale
Rewrite a title
The phone test
Watch me do it: an on-page audit at scale
Common mistakes
Recap

Lecture transcript

On-page SEO essentials

Two pages cover the same topic with similar expertise. One gets clicked and quoted. The other is ignored. Often, the difference is on-page craft: a clear title, a structure people can scan, an answer where they expect it, and images that load fast. In this lecture you'll learn the on-page essentials, how they serve both people and AI answers, and how to audit a whole site with Screaming Frog and a short Python check.

Why it matters

Why does on-page matter? It's everything on the page that helps search engines understand it and helps people choose and enjoy it. It's also the part of SEO you control completely. You can't force another site to link to you, but you can fix a vague title in thirty seconds. And well structured pages are easier to quote accurately, whether by a featured snippet or an AI Overview.

Titles + descriptions

Start with the title tag, often the clickable headline in results. Include the primary keyword naturally, ideally near the start. Make it compelling and accurate, because it has to earn the click. Keep it concise, since long titles get truncated. Make every title unique. And remember search engines may rewrite titles they consider unhelpful. The meta description doesn't directly affect rankings, but it can influence clicks, so summarise the page's value in a sentence or two.

Structure like a newspaper

Here's the key idea for structure. Think of a page like a well organised newspaper. A headline tells you the story. Subheadings let you jump to what you need. The first paragraph gives you the gist. So use one clear H1, logical H2 and H3 subheadings that often mirror real questions, and answer the main question early before adding depth. Use short paragraphs, lists, tables and summary boxes where they genuinely help.

On-page for AI answers

Now, AI answers. Google's guidance on generative AI features, published in May twenty twenty-six, says you don't need to chop pages into tiny chunks or rewrite in an AI style. Its systems understand multi topic pages and synonyms. Good on-page practice already serves both. Answer first, then depth. Descriptive headings. Tables and steps where they clarify. Facts visible as text, not locked in images or PDFs. And original elements, your photos, data and examples, that give people and systems a reason to prefer your page.

Links + images

Internal links connect your pages, spread authority and guide readers. Link from relevant pages using descriptive anchor text, like see our guide to Dubai interior design costs, rather than click here. Keep important pages within a few clicks of the home page. And update older articles to link to new ones. For images: descriptive file names, alt text that describes the image for screen reader users, compressed modern formats like WebP or AVIF, the right dimensions, and captions where useful.

Example 1 (simple)

Worked example one, simple. A UK online plant shop's snake plant page was a thin product page with the manufacturer's description. Improvements: a new title, Snake Plant Sansevieria, easy care, UK delivery. An original care section with staff photos, light and watering advice for UK homes, and a pet safety note checked against reputable sources. Links to and from a low light houseplants guide. Compressed images with alt text. Now the page serves both buyers and researchers.

Example 2 (illustrative)

Worked example two, realistic and illustrative. An electronics retailer in Riyadh has twelve thousand product pages with titles like Product one two three four five. That's a template problem, not a page problem. They crawl the site with Screaming Frog, filter duplicate and missing titles, and join the export with Search Console clicks to find the templates that matter most. One change to the title template, brand plus model plus key spec plus Riyadh delivery, fixes thousands of titles at once.

Audit at scale

Here's how to audit at scale. In Screaming Frog, check page titles for missing, duplicate and overly long ones; meta descriptions for missing and duplicates; H1s for missing, duplicate or multiple; images missing alt text or over a hundred kilobytes; and response codes for broken internal links. Export each filter and sort by organic importance. For one page, the short Python script in the lesson prints the title, description, H1s and images missing alt text.

Rewrite a title

Let's pause and rewrite a title together. Here's the original: Home, Leafy Plants. It says nothing about the page. The page sells a snake plant with UK delivery and has a care guide. First attempt: Buy Snake Plant Online. Better, but it doesn't earn the click against ten similar results. Final version: Snake Plant, Sansevieria, easy care guide and UK delivery, Leafy. It names the thing, uses the botanical name people also search, promises the care guide the page genuinely contains, and keeps the brand at the end. Specific, accurate, and worth clicking.

The phone test

And one more on-page habit: check the page as a reader on a phone. Open it on a mid range phone, not your laptop. Can you see the answer to the main question without scrolling past a giant banner? Are the headings readable? Do tables fit, or do they need horizontal scrolling? Are buttons easy to tap? Many on-page problems only show up on small screens, and since Google primarily uses the mobile version of pages, that's the version that really counts.

Watch me do it: an on-page audit at scale

Watch me do it. I'll audit on-page basics for an electronics retailer in Riyadh with twelve thousand product pages. First, I start a Screaming Frog crawl of the site. When it finishes, I open the Page Titles tab and filter duplicates. Nine thousand pages share titles like Product one two three four five. Next, I check H1s: missing on the same template. Then images over a hundred kilobytes: thousands of full size photos. Now I export those three filters. Then I export Search Console page data and join it to the crawl export by URL, so I can see which templates actually get traffic. The product template dominates clicks, so it's first. Then I write the fix as a template rule, not a page list. Title: brand, model, one key spec, then Riyadh delivery and the store name. H1: brand and model. Images: resize and compress on upload, with alt text from the product name and colour. Next, I spot check one page with the short Python script from the lesson. It prints the title length, meta description, the number of H1s, and images missing alt text. Finally, I brief the developer with one template change, and a list of ten URLs to check after release.

Common mistakes

Common mistakes. Duplicate titles across many pages. Keyword stuffing, which is against spam policies and reads badly. Click here anchor text. Huge, uncompressed images. Hiding key facts inside images or PDFs. And fixing pages one by one when the problem is a template.

Recap

Recap. Write unique, accurate, compelling titles. Use one H1, logical subheadings, and answer early with original value. Link internally with descriptive anchors, optimise images, and keep facts in visible text. Audit at scale with a crawler and fix templates first. Try this now. Audit one important page with the checklist: rewrite its title, meta description and H1, add two internal links, and write alt text for its images.

Key takeaways

Titles should be unique, accurate, compelling and include the primary keyword naturally.
Use one H1, logical subheadings and answer the main question early with original value.
Internal links with descriptive anchors help both users and search engines.
Optimise images with compression, descriptive names and meaningful alt text.

Try it

Audit one page using the on-page checklist. Rewrite its title, meta description, H1 and two internal links, and write alt text for its images.