Skip to content
Get Optimized
Menu

Level 03 Lesson 01 of 3

Titles and Meta Descriptions

Learn the distinct jobs of title tags, H1 headings and meta descriptions, and edit accurate search-result messages without chasing fixed limits.

Learning objectiveLearn the distinct jobs of title tags, H1 headings and meta descriptions, and edit accurate search-result messages without chasing fixed limits.

Estimated time8 min read

0 lessons completed0%

Current lesson · not completed

Your learning progress is stored only in this browser and is not sent anywhere.

Your cabinet title and attract screen

Imagine a page as an arcade cabinet. Its title tag is the cabinet title people may notice in a search result or browser tab. Its meta description is the attract screen: a short preview that supplies context before someone chooses to play. The visible H1 is the main heading they meet after arriving.

The title tag lives in the HTML <title> element. A useful one names the page clearly and uses relevant phrases naturally. The H1 describes the page on the page; it can echo the title without being identical.

Build a useful search-facing message

  • Be clear: state the page’s specific subject.
  • Add context: reveal the format, audience or source when it helps.
  • Write naturally: use relevant phrases because they describe the page, not to fill a quota.
  • Be distinct: give important pages unique metadata so their roles are recognisable.

Weak versus improved metadata

Weak metadata

  • Title: Plants | Plants | Best Plants
  • Description: We sell the best plants. Click here.

Improved metadata

  • Title: Low-light houseplants: 8 practical choices | Fern & Pot
  • Description: Compare eight houseplants for darker rooms, with care notes and pet-safety considerations.

A visual search-result preview

Illustrative search result — the search engine may show different wording
Fern & Pot · fernandpot.example › guides › low-light-plantsLow-light houseplants: 8 practical choices

Compare eight houseplants for darker rooms, with care notes and pet-safety considerations.

A meta description summarises the page and can influence whether the result feels relevant. It does not guarantee a ranking change or even the exact snippet shown. Search engines may rewrite titles and descriptions using the query and page content.

Common metadata mistakes

Duplicate labels

Several important pages share wording, hiding their different purposes.

Phrase stuffing

Repeated keywords make the result awkward rather than informative.

Missing context

“Home” or “Services” does not identify the business or page.

Unsupported promises

The description advertises information or an offer the page does not contain.

Editing exercise

Related dictionary terms

Title tagMeta descriptionH1SERP

Level checkpoint / Mission review

Check what you learned

Answer all three questions correctly, then complete the lesson. Retry any answer whenever you need.

Question 1 of 3How does a title tag differ from the H1?

Question 2 of 3Why might a search engine show different title or description text?

Question 3 of 3Which title is the clearest and most useful?

Complete all three questions to unlock lesson completion.

Your learning progress is stored only in this browser and is not sent anywhere.