Titles and Descriptions That Earn Clicks
Ranking is half the job. The title and description decide whether anyone clicks, and they are the two pieces of markup a searcher actually reads.
-
HTML Basics
- What is HTML: The Structure Layer of Every Web Page
- HTML Document Structure: DOCTYPE, html, head and body
- Elements, Tags and Attributes: The Vocabulary of HTML
- HTML Comments: Notes That Ship With Your Code
- Block Level and Inline Elements
- Writing and Running Your First HTML Page
- How a Browser Turns Markup Into a Page
- Text and Formatting
- Links and Navigation
- Images and Media
- Lists
- Tables
-
Forms
- Form Structure: form, action and method
- Input Types: Text, Email, Number, Date and the Rest
- Labels: The Most Important Element in a Form
- Checkboxes, Radio Buttons and Grouping
- select, option, optgroup and datalist
- textarea, File Uploads and Hidden Fields
- Buttons: submit, reset and button
- Built In Form Validation
- GET or POST: What Happens When a Form Is Submitted
- Semantic HTML
- HTML5 Features
- Head and Metadata
- HTML with CSS
- HTML with JavaScript
- Accessibility
-
HTML SEO
- How Google Works: Crawling, Indexing and Ranking
- SEO Friendly HTML Structure
- Titles and Descriptions That Earn Clicks
- Headings and Content Structure for Search
- Internal Linking and Anchor Text
- robots.txt and XML Sitemaps
- Canonical URLs and Duplicate Content
- Structured Data and JSON-LD
- Image SEO
- Core Web Vitals and Mobile Friendliness
- DevTools and Debugging
- Editor Productivity
- HTML Best Practices
- HTML Projects
- Advanced Projects
- Practice and Exams
Concept
A search result is three lines: a title, a URL, and a snippet. Those three lines are the entire advertisement for your page, and two of them come directly from your markup.
A page ranked third with a compelling title routinely gets more traffic than a page ranked first with a vague one. This is the highest leverage writing on the page.
The title tag
<title>Design Course - Riverside College</title>Length
Google truncates by pixel width, not character count, so there is no exact limit. Around fifty to sixty characters is the practical guide; capital letters and wide letters consume more space.
Put the important words first, because truncation happens at the end and readers scan the beginning.
Structure
<!-- home page: what the organisation is and does -->
<title>Riverside College - Design and Engineering in Pune</title>
<!-- a section page -->
<title>Courses - Riverside College</title>
<!-- a deep page -->
<title>Design Course Fees 2026 - Riverside College</title>
<!-- an article -->
<title>How to Read a Bus Timetable - Riverside Journal</title>The pattern Page - Site works well. On long titles the site name can be dropped; it appears in the URL line anyway.
What makes one work
- Unique. Duplicate titles are among the most commonly reported issues in Search Console.
- Specific. Design Course Fees 2026 beats Fees.
- Contains the words people search for, naturally, near the front.
- Accurate. A title promising something the page does not deliver produces an immediate return.
- Readable. Not a list of keywords separated by pipes.
<!-- unreadable, and discounted -->
<title>design course | design college pune | best design admission 2026 | apply now</title>
<!-- clear -->
<title>Design Course in Pune - Admission 2026 - Riverside College</title>Google may rewrite it
Google frequently replaces titles in results when it judges yours unhelpful - too long, keyword stuffed, identical across pages, or not matching the page content. A clear accurate title is how you keep the one you wrote.
The meta description
<meta name="description" content="A three year studio based design course in Pune. Sixty places a year, applications open on 1 June.">It is not a ranking factor
Google has stated this repeatedly. It affects clicks, not position - which is still worth a great deal.
Length
Around one hundred and fifty to one hundred and sixty characters. Longer is truncated with an ellipsis. Mobile results often show less than desktop.
Writing one
- Describe the page and give a reason to click.
- Include the search terms naturally. Matching words appear in bold in the result, which draws the eye.
- Be concrete. Numbers, dates and specifics outperform adjectives.
- Unique per page.
- Do not repeat the title. You have two lines; use them for two things.
<!-- generic -->
<meta name="description" content="Welcome to our website. We offer many courses. Learn more about us.">
<!-- keyword list -->
<meta name="description" content="design course, design college, pune, admission, apply, best">
<!-- concrete -->
<meta name="description" content="A three year studio based design course in Pune. Sixty places, fees from Rs 48,000 a year, applications open on 1 June.">Google often ignores it
When a query matches text further down the page, Google frequently generates a snippet from that text instead. This is not a failure - it means the page is answering something specific - but write a good description anyway, because social platforms and many other tools use it directly.
Matching search intent
The same subject needs different titles depending on what the searcher wants.
| Intent | The searcher wants | Title shape |
|---|---|---|
| Informational | To understand something | How to..., What is..., A guide to... |
| Navigational | A specific site or page | Brand and page name |
| Commercial | To compare before deciding | Best..., ... compared, ... vs ... |
| Transactional | To do something now | Buy..., Apply for..., Book... |
A page titled Buy a design course will not rank for what is product design, however good it is, because it answers a different question.
Checking your work
- Search Console Performance report - which queries show your pages, how many impressions, and the click through rate. A page with many impressions and few clicks has a title and description problem.
- A search result preview tool - shows how a title and description will be truncated.
- Search for your own page and read the result the way a stranger would.
Important rules
- Every page needs a unique title. The description should be unique too.
- Titles are truncated by pixel width.
- The description is not a ranking factor.
- Google may rewrite either.
- Neither should be keyword stuffed.
- Both belong in the
headand should be rendered server side.
Common mistakes
- The same title on every page of a site.
- Leaving an editor default such as Untitled Document.
- Titles that are keyword lists.
- No description, or the same description everywhere.
- A description repeating the title word for word.
- Promising something the page does not deliver.
- Injecting both with JavaScript, so a crawler may see neither.
Best practices
- Write the title as Specific page thing - Site, most important words first.
- Keep titles under about sixty characters and descriptions under about one hundred and sixty.
- Write for a person deciding whether to click.
- Include a concrete detail: a number, a date, a place.
- Match the search intent of the page.
- Review click through rates in Search Console and rewrite the worst performers.
Practice
- Write titles and descriptions for five pages of one site, keeping each unique and within the length guides.
- Search for one of your own pages and read the result as a stranger would. Would you click?
- Take a keyword stuffed title and rewrite it as a sentence.
- Find your lowest click through rate page in Search Console and rewrite both lines.