How to Write Meta Titles and Descriptions That Get Clicks
Your title and meta description are the headline and pitch of your search result. Here's how to write both — with formulas, examples, the real length limits and how to add them to your site.
Write a unique title that leads with the main keyword, adds a benefit or differentiator and fits about 580 pixels (roughly 50–60 characters). Write a meta description of about 120–155 characters that includes the keyword, states what the searcher gets and ends with a call to action. Avoid double quotes in descriptions and keyword stuffing in both.
Title tags: the rules that matter
Lead with the keyword people search for. Say what the page offers and why to click — “free”, a year, a number, a result. Keep it unique across your site. Put your brand at the end if there's room.
Length is measured in pixels, not characters: Google shows about 580–600px on desktop. Wide letters (W, M) use more space than narrow ones (i, l), so the same character count can fit or be truncated. Check yours with the SEO Title Checker.
Title formulas by page type
Tool: “Free [Keyword] — [Benefit]” → “Free SEO Checker — Audit Any Page in Seconds”.
Guide: “[Keyword]: The Complete Guide ([Year])” or “How to [Task] ([Number] Steps)”.
Product: “[Product] — [Key Benefit] | [Brand]”.
Local: “[Service] in [City] — [Benefit]” → “Emergency Plumber in Austin — 30-Minute Response”.
The Meta Title Generator turns these formulas into ready-made titles and measures each one.
Meta descriptions: your ad copy
Google has said the meta description isn't a ranking factor — but it influences whether people click. Include the keyword (Google bolds matching words), say what the searcher gets, add a proof point, and finish with a call to action like “Try it free” or “Compare prices”. Around 120–155 characters fits desktop; keep the key message in the first sentence for mobile.
Never use straight double quotes (") inside a description: in the HTML attribute they end the text early. Test descriptions with the Meta Description Checker.
How to add them in HTML and WordPress
In HTML, both go in the <head>: <title>Your Title</title> and <meta name="description" content="Your description">.
In WordPress, SEO plugins such as Yoast SEO, Rank Math and All in One SEO add title and description fields below the editor for each post and page. Many website builders have an SEO or page settings panel with the same fields.
Why Google rewrites titles and descriptions
Google may show different text when yours is too long, stuffed with keywords, boilerplate, or doesn't match the query or the page. Titles that match the page's H1 and describe it accurately are rewritten far less. Descriptions are frequently swapped for a passage from the page that better answers the specific query — which is fine; a clear, specific description still wins many of the searches that matter.
See how both look before publishing with the SERP Snippet Preview.
Try Free Web Tools Mentioned in This Guide
Meta Title Generator
Generate SEO title tags that fit Google's pixel limit — for tools, blogs, products and local pages.
Meta Description Generator
Write meta descriptions with a clear benefit and call to action — sized to Google's snippet.
SERP Snippet Preview
See exactly how your title and meta description look in Google on desktop and mobile.
SEO Title Checker
Check a title tag's length in pixels, keyword placement and formatting — with a score.
Meta Description Checker
Check meta description length, keyword, call to action and truncation on desktop and mobile.
Frequently Asked Questions
How many characters should a title tag be?↓
Roughly 50–60 characters, but Google truncates by pixel width (about 580–600px), so measure rather than count.
Do meta descriptions help ranking?↓
Not directly. They affect click-through rate, which is why they're still worth writing well.
Should title and H1 be the same?↓
They can be. They should at least describe the same topic — consistency makes Google less likely to rewrite the title.