On-Page SEO: Titles, Meta & Headings
On-page SEO means placing your keyword in the right spots — the title tag, meta description and headings.
What you will learn
- Write a strong title tag and meta description
- Use headings (H1, H2) in the right order
- See how these appear in Google results
What on-page SEO is
On-page SEO is everything you control on the page itself. The three most important pieces are the title tag, the meta description, and your headings. Get these right and you help both Google and the reader understand the page.
The title tag
The title tag is the clickable blue headline you see in Google results. It is the single most important on-page element. Keep it under about 60 characters, put your main keyword near the front, and make people want to click.
The meta description
The meta description is the short grey text under the title. It does not directly change ranking, but a good one gets more clicks. Keep it under about 155 characters and include a reason to click.
Worked example: how it looks in code
<title>Eggless Birthday Cakes in Lucknow - Sweet Crumbs</title>
<meta name="description" content="Order fresh eggless birthday cakes with same-day delivery across Lucknow. 100% veg, custom designs from Rs 499.">
<h1>Eggless Birthday Cakes, Delivered Across Lucknow</h1>Note: The <title> leads with the keyword (eggless birthday cakes) and stays short (53 characters). The <meta name="description"> adds a benefit (same-day delivery) and a price hook (from ₹499) to earn the click. The <h1> is the heading the visitor actually sees on the page, and it matches the topic. Note Rs 499 is written in plain text inside the tag so the code stays simple; on the page itself you would show ₹499.
Turn a weak title into a strong one
Most beginner titles are too vague. Watch a real fix:
| Weak title | Why it is weak | Strong rewrite |
|---|---|---|
| Home | Says nothing; no keyword | Eggless Birthday Cakes in Lucknow - Sweet Crumbs |
| Welcome to our bakery website | Wastes space on filler words | Fresh Eggless Cakes, Same-Day Delivery Lucknow |
| Cakes | Too broad; no place, no draw | Order Custom Birthday Cakes in Gomti Nagar |
Note: Each strong rewrite does three jobs at once: it puts the main keyword near the front, names the place (Lucknow / Gomti Nagar) so local searchers feel it is for them, and gives a reason to click (same-day, custom). All three stay under 60 characters so Google does not cut them off.
Headings: H1 to H2 to H3
Headings are like a book outline. There should be one H1 (the page title you see on the page), then H2 for main sections, then H3 for sub-points. Use them in order — do not skip from H1 to H3.
| Tag | Use it for | How many |
|---|---|---|
| H1 | The main topic of the page | One per page |
| H2 | Major sections | A few |
| H3 | Sub-points inside a section | As needed |
Watch out: Do not stuff your keyword over and over into the title or headings. Cake Lucknow cake cheap cake order cake looks like spam to Google and reads badly to people. Write naturally.
Tip: Every important page needs its own unique title and description. Two pages with the same title confuse Google and waste a chance to target different keywords.
Q. About how long should a title tag be to show fully in Google?
✍️ Practice
- Write a title tag (under 60 characters) and meta description (under 155) for a gym in Lucknow.
- Sketch the heading outline (H1, H2s) for a page about birthday cakes.
🏠 Homework
- Open any web page, view its title and meta description, and suggest one improvement to each.