Title tags & meta descriptions
2 min read
Your page's first impression on Google
Look at any Google result: a blue clickable title, and a short grey description below it. Those two lines decide whether someone clicks you or your competitor. In HTML they are the title tag and the meta description.
The title tag — the most important on-page element
<title>Learn JavaScript for Beginners — Free Step-by-Step Guide</title>
Rules that actually work:
- Put your main keyword near the front.
- Keep it under about 60 characters so Google does not cut it off.
- Make every page's title unique.
- Write for humans — make it tempting to click, not just stuffed with keywords.
The meta description — your mini advertisement
<meta name="description" content="Learn JavaScript from zero with simple, beginner-friendly lessons in Hindi and English. Variables, loops, functions and more.">
- Keep it around 150–160 characters.
- Include the keyword naturally.
- Treat it like an ad: give a reason to click.
A small note: Google does not always use your meta description (it may pick text from the page), but a good one strongly improves click-through.
Why do these matter so much?
Because ranking is only half the battle — you still need the click. A higher click-through rate brings more visitors and even signals to Google that yours is the result people want. Two lines of HTML, huge impact.
Title tag = your headline (keyword early, under 60 chars). Meta description = your ad (under 160 chars, tempting). Both decide your click.