Class 13 — On-Page SEO
Master every element on your page that Google uses to rank you — and optimise each one deliberately.
90 minutes Week 7, Session 1 Intermediate — builds on Classes 10–12 Lecture · Audit · Workshop
Instructor note

Students have spent the last two classes understanding what keywords are and why they matter. Today is where theory becomes action. On-page SEO is the most hands-on, immediately actionable skill in the entire SEO stack — students can open any website right now and begin optimising it. Keep the energy practical. Every concept should be demonstrated live on a real Pakistani website, not just explained in the abstract.

Learning Outcomes

By the end of this class, every student will be able to:

  1. Explain what on-page SEO is and how it differs from off-page SEO
  2. Write an optimised title tag and meta description for any page
  3. Structure a page correctly using H1, H2, and H3 heading hierarchy
  4. Place keywords naturally within body content without keyword stuffing
  5. Optimise images using alt text, file names, and compression principles
  6. Apply internal linking to strengthen a page's SEO authority
  7. Complete a full on-page SEO audit of any given webpage

90-Minute Session Timeline

0:00
WARM-UP
Google yourself — or your client (10 min)
Ask every student to open Google and search for a local Pakistani business they know — a restaurant, academy, clothing brand, salon. Ask: "Can you find their website in the first 5 results? Can you tell from just the title and description what the page is about?" Have 3–4 students share what they found. Many pages will have poor or missing titles and meta descriptions — use this as the entry point.
  • Ask: "If you were the owner of this business, would you be happy with how this looks on Google?"
  • Key observation: the title and snippet are the very first thing a user sees before they ever visit your site
Instructor tip: Search for a local Lahore or Karachi-based business. The contrast between large brands with polished SERPs and small businesses with broken/missing titles is instantly motivating — students immediately see the opportunity.
0:10
LECTURE
On-page SEO framework — what it is and why it matters (15 min)
Define on-page SEO as a concept. Differentiate from off-page (backlinks) and technical SEO (site infrastructure). Walk through the 8 on-page factors students will learn today. Build toward the key insight: every element on your page is a signal you are sending to Google — on-page SEO means making every signal count.
  • Show the on-page vs off-page vs technical breakdown from the Lesson Content tab
  • Walk through the 8 on-page factors briefly — treat this as a roadmap for the session
  • Demo: open any page on Chrome, right-click → View Page Source → show title tag in the raw HTML
Instructor tip: Opening View Source on a real page is a powerful moment for beginners — they see that behind every beautiful webpage is raw HTML, and Google reads that HTML, not the visual design. Make this click.
0:25
LECTURE
Title tags, meta descriptions, and URL structure (20 min)
Deep-dive into the three elements that control your SERP appearance. Show both bad and good examples drawn from real Pakistani businesses. Walk through the exact formula for writing an optimised title tag. Demonstrate how URL slugs should be constructed.
  • Title tags: show the character limit, keyword placement rule (front-load), brand at the end
  • Meta descriptions: CTR levers — value proposition + call to action, 150–160 chars
  • URL slugs: lowercase, hyphens, no numbers or underscores, include target keyword
  • Live exercise: students write a title tag for the tiffin service from Activity 1 — share 3–4 aloud
Instructor tip: Use the SERP preview tool at portent.com/serp-preview-tool or simply demonstrate using the examples in the lesson content tab. Seeing their title render as it would appear in Google is highly engaging.
0:45
LECTURE
Headings, body content, images, and internal links (15 min)
Cover the remaining on-page factors at a brisk pace. Use real webpage examples to show correct and incorrect heading structures. Demonstrate alt text with actual image examples.
  • Heading hierarchy: one H1 per page, H2s for main sections, H3s for sub-points
  • Keyword placement: first 100 words, H2s, naturally throughout — never stuffed
  • Alt text formula: describe the image + include keyword if natural
  • Internal links: every page should link to at least 2–3 relevant internal pages
  • Content length: longer is not always better — match the depth of the top-ranking pages
Instructor tip: For heading structure, open a real webpage and use Chrome DevTools (F12) to inspect the heading hierarchy. Many popular Pakistani websites have multiple H1s or skip heading levels entirely — this is a teachable mistake.
1:00
WORKSHOP
Live on-page audit workshop (20 min)
Students open a Pakistani business website of their choice and complete a mini on-page audit using the checklist from the Activities tab. This is paired work — one student navigates, one student fills in the checklist. In the last 5 minutes, pairs share their top 3 findings.
  • Give students the printed or digital on-page checklist
  • Circulate and assist — help students identify where to look (page source, browser devtools)
  • Common findings to look out for: keyword-free titles, missing meta descriptions, broken internal links, images with no alt text
Instructor tip: If the internet connection is unreliable, pre-select 2–3 Pakistani websites to use as audit subjects and have screenshots ready. Food delivery sites, O-Level tuition platforms, and clothing brands work particularly well.
1:20
WRAP-UP
Recap, Q&A, and homework brief (10 min)
Summarise the 3 big ideas of Class 13. Open the floor for Q&A. Brief the homework task clearly — students should leave knowing exactly which page they are optimising and how to present their before/after analysis.
  • Big idea 1: On-page SEO = every element on your page is a signal to Google — make each one deliberate
  • Big idea 2: The title tag is your most important on-page element — front-load your keyword, respect the 60-character limit
  • Big idea 3: Content quality is now the highest-weighted factor — depth, accuracy, and original insight beat keyword repetition every time
Instructor tip: Remind students that every skill they learn today is directly applicable tomorrow. Any local business they know — a family restaurant, a tutoring service, a clothing store — can benefit from what they learned in this single class. That is a powerful freelancing entry point.

1. What Is On-Page SEO?

Class Definition
On-page SEO is the practice of optimising elements within your own webpage — content, HTML tags, structure, and media — to help search engines understand what the page is about, and to help users find it relevant and trustworthy.

There are three broad categories of SEO. Understanding how they differ is essential before diving into on-page specifically:

TYPE WHAT IT COVERS WHO CONTROLS IT CLASS 13 FOCUS?
On-Page SEO Title tags, meta descriptions, headings, content quality, images, internal links, URL structure You — directly on your own pages ✓ Yes — full focus today
Off-Page SEO Backlinks, domain authority, brand mentions, social signals Earned from other websites linking to you Class 14
Technical SEO Site speed, mobile-friendliness, crawlability, structured data, sitemaps Developers and site configuration Touched briefly — Class 16
Why on-page first?

On-page is the foundation. Without it, off-page and technical SEO cannot fully deliver results. If Google cannot understand what your page is about, no number of backlinks will rank it well. Get the page right first — then build authority around it.

Pakistan SEO context

87%
of Pakistani internet users use Google as their primary search engine
74%
of local business websites have missing or duplicate title tags
3x
more organic clicks go to page 1 results vs page 2 and beyond
68%
of Pakistani online searches happen on mobile devices

2. The 8 On-Page SEO Factors

These are the elements you directly control on every page you build or optimise. Each one sends a signal to Google about the page's topic, quality, and relevance.

🏷️
Title Tag
Highest impact
The clickable headline in Google's search results. Your most important on-page signal.
📋
Meta Description
High impact on CTR
The snippet under the title in search results. Does not directly affect ranking but heavily affects click-through rate.
🔗
URL Structure
Medium-high impact
Clean, keyword-rich URLs help both Google and users understand page content instantly.
📰
Heading Tags (H1–H3)
Medium-high impact
HTML heading structure signals page organisation and keyword relevance to Google's crawler.
📝
Body Content Quality
Highest impact (2024+)
Comprehensive, accurate, original content aligned to search intent is now the dominant ranking factor.
🖼️
Image Optimisation
Medium impact
Alt text, descriptive file names, and compressed file sizes improve both rankings and page speed.
🔀
Internal Linking
Medium-high impact
Links between your own pages distribute authority and help Google discover and index all your content.
📱
Mobile-Friendliness
Required (not optional)
Google uses mobile-first indexing. A page that is not mobile-friendly is penalised in all rankings.

3. Title Tags — Your Most Important Element

The title tag is the HTML element that defines the title of a webpage. It appears in three places: the browser tab, Google's search results, and when someone shares your link on social media. It is the single most important on-page SEO element.

<head>
  <title>Online English Tutors in Lahore | Affordable O-Level Classes | BrightMind</title>
</head>

The title tag formula

Primary Keyword
Online English Tutors in Lahore
Secondary Keyword
Affordable O-Level Classes
Brand Name
BrightMind

Title tag rules — the exact limits

Before and after — Pakistani business examples

❌ Bad title tag AVOID
🌐 brightmind.pk › home
Home Page
Welcome to BrightMind. We offer tutoring services in Lahore. Contact us for more information about our courses and teachers.
Problems: generic title ("Home Page"), no keywords, meta description does not drive clicks
✅ Optimised title tag TARGET
🌐 brightmind.pk
Online English Tutors in Lahore | Affordable O-Level Classes | BrightMind
Top-rated English and O-Level tutors in Lahore. Experienced teachers, flexible schedules, and proven results. Book a free trial class today.
Keyword at front · unique value proposition · clear CTA in description · 58 characters

4. Meta Descriptions — Your Click Magnet

The meta description is the 2–3 line summary that appears under your title in Google's search results. It does not directly affect your ranking position — but it heavily influences whether a user clicks your result or a competitor's. A compelling meta description can dramatically increase your CTR (click-through rate), which indirectly strengthens your ranking over time.

<meta name="description" content="Top-rated English and O-Level tutors in Lahore. Experienced teachers, flexible schedules, and proven results. Book a free trial class today.">

Meta description formula

Value Prop
Top-rated English and O-Level tutors in Lahore. Experienced teachers, flexible schedules, and proven results.
Call to Action
Book a free trial class today.

5. URL Structure

Your URL is a ranking signal and a user trust signal simultaneously. A clean URL tells Google what the page is about before it even reads a word of content.

❌ Bad URL
brightmind.pk/page?id=47&cat=3&ref=home
❌ Also Bad
brightmind.pk/EnglishTutorsInLahore_O-Level
✅ Good URL
brightmind.pk/english-tutors-lahore

URL rules

6. Heading Tags — Page Structure for Google and Users

HTML heading tags (H1 through H6) create a hierarchical structure for your page content. Google uses this structure to understand the main topic and subtopics of your page. Think of headings as the outline of a book: H1 is the book title, H2s are chapter names, H3s are sections within chapters.

/* Correct heading structure for a tiffin service page */

<h1>Healthy Tiffin Service in Karachi — Fresh Home-Cooked Meals Delivered Daily</h1>

<h2>Our Weekly Meal Plans</h2>
  <h3>5-Day Office Lunch Plan</h3>
  <h3>Family Dinner Plan</h3>

<h2>Why Choose DastarKhwan Tiffins?</h2>
  <h3>Hygienically Prepared in Certified Kitchen</h3>

Heading rules

7. Body Content Quality — The Dominant Factor

Google's algorithm has evolved dramatically. In 2024 and beyond, content quality is the most heavily weighted on-page factor. Keyword density — the percentage of times a keyword appears — is no longer a meaningful metric. What matters is whether your content genuinely and thoroughly answers the searcher's question better than competing pages.

E-E-A-T: what Google now evaluates

📖
Experience
Does the author have real, first-hand experience with the topic? Google values content written by people who have actually done the thing they are describing.
🎓
Expertise
Is the content written by someone with relevant knowledge and credentials? For medical, legal, or financial topics, this is especially heavily weighted.
🏅
Authoritativeness
Is the website and author recognised as a trusted source in the industry? Backlinks from reputable sites contribute here (that's Class 14).
🔐
Trustworthiness
Is the content accurate, transparent, and honest? This includes citing sources, having an About page, clear contact information, and an HTTPS connection.

Keyword placement — the natural approach

Content length guideline

Do not guess at content length. Search your target keyword and look at the top 3–5 ranking pages. Match their depth and comprehensiveness — not their word count. A 500-word page that fully answers the query beats a 3,000-word page padded with fluff. For competitive commercial keywords, 1,000–2,000 words is typically needed to be thorough.

8. Image Optimisation

Every image on your page is an opportunity — and a potential weight holding your page back. Images must be optimised on three dimensions: what Google sees (alt text), what Google reads (file name), and how fast the page loads (file size).

/* Bad: Google cannot understand this image */
<img src="IMG_20240312_094521.jpg">

/* Good: keyword-rich file name + descriptive alt text */
<img src="healthy-tiffin-service-karachi.jpg"
     alt="Fresh home-cooked tiffin meal in a steel container, Karachi delivery"
     width="800" height="600">

Image optimisation checklist

9. Internal Linking

An internal link connects one page of your website to another page on the same website. Internal links do three things simultaneously: they help Google discover all your pages, they pass "link equity" (ranking power) from one page to another, and they help users navigate your site naturally.

Real example — DastarKhwan Tiffin Service

Your homepage links to your "Weekly Meal Plans" page and your "About Us" page. Your Meal Plans page links back to the homepage and to each individual plan page. Each individual plan page links to your "Order Now" page. This creates a logical, interconnected structure that Google can crawl completely — and users can navigate naturally.

Internal linking rules

10. Mobile-Friendliness and Core Web Vitals

Since 2020, Google uses mobile-first indexing — meaning it crawls and ranks the mobile version of your page, not the desktop version. If your page looks fine on a laptop but breaks on a phone, Google sees the broken version and ranks accordingly.

Quick mobile-friendliness checks

Core Web Vitals — brief introduction

Google measures page experience through three metrics called Core Web Vitals: LCP (how fast the main content loads), FID/INP (how quickly the page responds to interaction), and CLS (how stable the layout is as it loads). These are mostly technical — covered fully in Class 16. For now, know that compressing images and avoiding large scripts are the biggest quick wins.

ACTIVITY 1
SERP Makeover — Rewrite the Title & Description
⏱ 15 minutes  ·  Individual → Pairs  ·  Writing workshop

Students practice the most high-impact on-page skill: writing an optimised title tag and meta description. They work from a realistic Pakistani business scenario, rewriting weak examples into strong, keyword-rich, click-worthy alternatives.

1
The scenario: You have been hired by DastarKhwan, a home-based tiffin service in Karachi that delivers fresh, home-cooked lunches to offices. Their target keyword (from Class 12 research) is "tiffin service Karachi office delivery." Their current page title is "Home – DastarKhwan" and they have no meta description.
2
On paper, write a new title tag for their homepage. Remember the rules: keyword at the front, brand at the end, 50–60 characters maximum. Write 2 versions — then pick the stronger one.
3
Write a meta description for the same page. 150–160 characters. Include the keyword, a compelling value proposition (why choose DastarKhwan?), and a call to action (order today, book a free trial, etc.).
4
Swap papers with the person next to you. Review their title and description against the rules. Count the characters. Is the keyword near the front? Is there a CTA? Give them 2 specific pieces of feedback.
5
The instructor selects 4–5 examples and reads them aloud. The class votes: which title would you click? Discuss why the top choices won.
Also try for these businesses

If you finish early, write a title tag and meta description for one of these: (a) an O-Level chemistry tutor in Lahore targeting "O-Level chemistry tutor Lahore"; (b) a women's gym in DHA Karachi targeting "women-only gym Karachi DHA"; (c) a Shopify store selling handmade khussas targeting "handmade khussa shoes Pakistan."

ACTIVITY 2
Heading Hierarchy Audit
⏱ 15 minutes  ·  Pairs  ·  Live website inspection

Students use Chrome DevTools to inspect the heading structure of a real Pakistani website — identifying problems and proposing a corrected hierarchy. This builds the habit of thinking in page structure, not just content.

1
Open a Pakistani e-commerce or service website (suggestions: foodpanda.pk, daraz.pk, a local restaurant's website, or a tutoring academy you know). Navigate to one product or service page — not the homepage.
2
Open Chrome DevTools (F12 or right-click → Inspect). In the Elements tab, use Ctrl+F (Cmd+F on Mac) to search for "<h1". How many H1 tags are on the page? Write it down. Then check H2 and H3 counts.
3
Identify the problems: Does the page have more than one H1? Does the H1 contain the primary keyword? Are H2s used for main sections? Are there any heading levels skipped?
4
On paper, write a corrected heading structure for the same page. Write: one ideal H1, three ideal H2s, and two H3s for each H2. Your headings should include keywords naturally and describe the actual content.
What instructors should look for

Most Pakistani websites — including well-known ones — have heading structure problems. Multiple H1s, H1s that say "Welcome" or just the brand name, and completely missing H2 structure are extremely common. The exercise works best when students find problems on a site they consider "professional" — it drives home the point that the opportunity is everywhere.

ACTIVITY 3
Mini On-Page SEO Audit — The Full Checklist
⏱ 20 minutes  ·  Pairs  ·  Capstone workshop activity

Using the complete on-page checklist below, students conduct a structured audit of one page from a Pakistani website. Each item is scored Pass/Fail/Needs Work. Students then prioritise the top 3 issues to fix first.

1
Choose a Pakistani business website and navigate to one key page (a product page, service page, or blog post — not the homepage). Write down the URL you are auditing.
2
Go through each item in the checklist below. Mark each as ✓ Pass, ✗ Fail, or ⚠ Needs Work. Be honest — the goal is to find problems, not to give false passes.
3
Once the checklist is complete, identify the Top 3 issues that — if fixed — would have the biggest positive impact on search rankings. Write a one-sentence recommendation for each: what to change and why.
4
Present your top 3 findings to the class in 2 minutes. Be specific — name the page, describe the problem, and explain the fix. This is exactly how a real SEO audit deliverable works for a client.
📋 On-Page SEO Audit Checklist
Title Tag exists — The page has a unique, non-empty title tag (check via View Page Source → look for <title>)
Title Tag is optimised — Target keyword appears near the beginning; length is 50–60 characters; unique to this page
Meta description exists — A unique meta description is present (check source for <meta name="description">)
Meta description is compelling — 150–160 characters, contains keyword, includes a clear call to action
URL is clean — Lowercase, hyphens only, keyword included, no random numbers or parameters visible
One H1 only — Exactly one H1 tag on the page, containing the primary keyword
H2s structure the content — Main sections are marked with H2 tags; secondary keywords appear naturally in them
Primary keyword in first 100 words — The target keyword appears in the opening paragraph of body content
No keyword stuffing — Keywords appear naturally, not repeated excessively or awkwardly
All images have alt text — Every image tag has a descriptive, non-empty alt attribute
Image file names are descriptive — Files are named with keywords and hyphens (not IMG_3847.jpg)
Internal links present — The page links to at least 2–3 other relevant pages on the same website
Anchor text is descriptive — Internal link text describes the destination (not "click here" or "read more")
Page is mobile-friendly — Test at search.google.com/test/mobile-friendly; no horizontal scroll on phone
HTTPS is active — The URL begins with https:// (not http://); padlock icon visible in browser
Student note

Class 13 is where SEO becomes practical. Every concept here is something you can apply to any website — right now, today. Use these notes as a reference checklist whenever you are optimising a page. The quiz will test whether you know the rules; the homework will test whether you can apply them.

On-Page SEO — What It Is

On-page SEO is the practice of optimising elements within your own webpage so that search engines understand what it is about and rank it accordingly. Unlike off-page SEO (backlinks) or technical SEO (site speed, crawlability), on-page SEO is entirely within your control on every page you manage.

The core principle: every element on your page is a signal to Google. The title tag, the URL, the headings, the content, the images, the links — Google reads all of it. On-page SEO means making every one of those signals deliberate and aligned.

The 8 On-Page Factors — Quick Reference

Title Tag Rules — Memorise These

Formula: [Primary Keyword] | [Secondary Keyword or Value Prop] | [Brand Name]

Example: Online English Tutors in Lahore | Affordable O-Level Classes | BrightMind

Meta Description Rules

E-E-A-T — What Google Now Looks For in Content

The On-Page SEO Checklist — 15 Items

  1. Title tag exists and is unique
  2. Title tag is 50–60 characters with keyword at start
  3. Meta description exists and is unique
  4. Meta description is 150–160 chars with keyword and CTA
  5. URL is clean, lowercase, hyphenated, keyword-included
  6. One H1 only, containing primary keyword
  7. H2s structure main content sections with secondary keywords
  8. Primary keyword appears in first 100 words
  9. No keyword stuffing throughout the body
  10. All images have descriptive alt text
  11. Image file names are keyword-rich and hyphenated
  12. At least 2–3 internal links present with descriptive anchor text
  13. Page passes Google Mobile-Friendly Test
  14. HTTPS is active (https:// prefix, padlock in browser)
  15. Content thoroughly covers the topic relative to competing pages

Key Terms from Class 13

What is coming in Class 14

Preview

Class 14 covers Off-Page SEO and Link Building — how backlinks from other websites increase your domain authority and ranking power. You will learn what makes a backlink valuable, how to identify link-building opportunities for Pakistani businesses, and the outreach strategies that actually work. Bring your on-page audit deliverable from today's homework — you will need it.

Quiz instructions

10 questions covering all on-page SEO concepts from Class 13. Each question has one correct answer. Click an option to submit — you will get instant feedback and an explanation. You cannot change an answer once submitted.

Quiz Complete —

Class 13 Homework

This week's homework is a real-world on-page SEO audit and optimisation exercise. You will select a Pakistani business website, audit one key page using today's checklist, and deliver a structured before/after analysis. This is the kind of work you will do as a freelance SEO consultant.

🎯

Deliverable 1 — Choose and Audit a Page

Select any Pakistani business website (can be a local business you know, a family friend's business, or any site you find). Navigate to one key page — a product, service, or blog post. Run through the complete 15-item on-page SEO checklist from class. Score each item as Pass, Fail, or Needs Work. Submit your completed checklist with the URL, business name, and your scores clearly marked.

✏️

Deliverable 2 — Optimise the Critical Elements

Based on your audit, rewrite the following for the page you audited: (a) an optimised title tag — 50–60 characters, keyword at front, brand at end; (b) an optimised meta description — 150–160 characters, keyword included, CTA at end; (c) an improved H1 and at least two H2 headings with keyword-rich, natural language; (d) a rewritten version of the first paragraph of body content with the primary keyword included naturally in the first two sentences.

📊

Deliverable 3 — Priority Recommendation Report

Write a short (minimum 150-word) priority recommendation to the hypothetical business owner. Which 3 on-page issues, if fixed, would have the biggest impact on their Google rankings — and why? Explain each recommendation in simple, client-friendly language (no jargon). This practises the communication skill that separates good SEOs from great ones.

🔗

Bonus Task — Internal Linking Map

Draw a simple diagram of the website's existing internal link structure (which pages link to which). Identify at least 2 internal linking opportunities that are currently missing — pages that should be linked together based on relevance and keyword alignment. Label each proposed link with the anchor text you would use.

Tools you will need

All free: Chrome DevTools (F12 or right-click → Inspect) for inspecting HTML; View Page Source (Ctrl+U) for checking title and meta tags; Google Mobile-Friendly Test (search.google.com/test/mobile-friendly) for mobile check; Character Counter at charactercountonline.com to measure title and description lengths; TinyPNG or Squoosh for understanding image compression.

Submission format

Submit as a Google Doc or PDF. Name the file: YourName_Class13_SEOAudit. Include the URL of the page you audited, your completed checklist, your rewritten elements, and your priority recommendations. Bring it to Class 14 — you will present your top finding in a 2-minute slot.

Connecting to your freelancing goal

The deliverable you produce for this homework is almost identical to a basic SEO audit report you would deliver to a real client — and charge Rs. 5,000–15,000 for. By the time you have completed 3–4 of these, you will have a portfolio of audit samples that demonstrate your skills to potential clients. Keep every audit you produce throughout this course.