Your meta title and description are the only parts of your page most searchers will ever see. Google shows them to thousands of people before a single one visits your site. If they are weak, it does not matter how good the page behind them is. Nobody arrives.
This guide walks through how search snippets actually work, the length and formatting rules that matter, and repeatable formulas for writing titles and descriptions that earn clicks. Everything here applies whether you run a blog, a store, or a documentation site.
What Meta Titles and Descriptions Are
Both live in the <head> of your HTML:
<head>
<title>How to Repot a Plant Without Killing It | GreenThumb</title>
<meta name="description" content="A step-by-step guide to repotting houseplants safely. Learn when to repot, which soil to use, and the mistakes that stress roots.">
</head>
The title tag is the headline of your search result, the blue or purple link people click. It is also what shows in browser tabs and social shares when no other tag overrides it.
The meta description is the gray text below the headline. It does not affect rankings directly. Google confirmed this years ago. Its job is persuasion: it is ad copy for your page, and a better description means a higher click-through rate, which means more traffic from the same ranking position.
One important reality check before we continue: Google rewrites titles about 60 percent of the time and descriptions even more often. You cannot control the snippet completely. What you can do is write tags good enough that Google usually keeps them, and structure your page so that even a rewritten snippet works in your favor.
Title Tag Rules That Actually Matter
Length: think pixels, not characters
Google truncates titles by pixel width, roughly 600 pixels on desktop. Wide letters like W and M eat more space than i and l. As a working rule, keep titles between 50 and 60 characters. Beyond that, expect the tail to be cut with an ellipsis.
Truncation is not just cosmetic. If your key selling point sits in the cut-off portion, it never gets seen. Front-load what matters: put the main keyword and the main benefit in the first 50 characters.
You can preview exactly how your title renders with our SERP Preview tool, which simulates the Google result layout for desktop and mobile.
Put the primary keyword early, once
Search engines give slightly more weight to words at the start of a title, and searchers scan for the words they just typed. If your keyword is "sourdough starter recipe", a title like "Sourdough Starter Recipe: 5 Days to Your First Loaf" beats "How I Learned to Finally Make a Sourdough Starter at Home".
Do not repeat the keyword. "Sourdough Starter Recipe | Best Sourdough Starter Recipes" reads like spam to both people and algorithms, and keyword stuffing in titles is one of the documented reasons Google rewrites them.
Every page gets a unique title
Duplicate titles across pages tell Google your pages are interchangeable, and they compete with each other. If you have a hundred product pages titled "Products | YourStore", you have a hundred wasted opportunities. Use a template that injects what is unique: "[Product Name] - [Category] | YourStore".
Brand at the end, usually
"Guide to Meta Titles | BuildQuill" is the standard pattern. The brand rides along for recognition without displacing the keywords. Exception: if your brand is the reason people click, like a major publication, leading with it can help. For everyone else, keywords first.
Meta Description Rules
Length: around 150 to 160 characters
Google typically shows up to about 155 to 160 characters on desktop and slightly fewer on mobile. Write descriptions between 120 and 155 characters. Shorter is fine if it says everything needed; padded filler to hit a length target helps nobody.
Match search intent explicitly
The description should answer one question: "Will this page give me what I searched for?" Someone searching "how to repot a plant" wants steps, so promise steps: "A step-by-step guide to repotting houseplants safely." Someone searching "best budget headphones 2026" wants a list with prices, so say "We tested 14 pairs under $100 and ranked the top 6."
This is also why Google rewrites descriptions so often: when your static description does not match a specific query, Google assembles one from page text that does. You reduce rewrites by covering the page's core intent plainly in your description.
Include a reason to click, not just a summary
A summary states what the page is. A good description adds why this page over the other nine results. Concrete numbers, unique angles, and outcomes work:
- Weak: "This article discusses password security and best practices."
- Strong: "How attackers crack passwords in 2026, and the 3 changes that make yours effectively uncrackable. Includes a free generator."
Use active voice and address the reader
"Learn how to...", "Find out which...", "Compare the..." consistently outperform passive constructions. Descriptions are the one place in SEO where writing like a marketer is exactly right.
Formulas You Can Reuse
Templates prevent blank-page paralysis. Adapt these:
How-to pages: Title: How to [Achieve Outcome]: [Qualifier] Description: Learn how to [outcome] in [timeframe/steps]. Covers [subtopic 1], [subtopic 2], and [common mistake to avoid].
List posts: Title: [Number] Best [Things] for [Use Case] ([Year]) Description: We compared [number] [things] for [use case]. See which ones [key benefit] and which to skip.
Product pages: Title: [Product Name] - [Key Attribute] | [Brand] Description: [Product] with [differentiator]. [Social proof or guarantee]. [Shipping/price hook].
Comparison pages: Title: [A] vs [B]: Which Is Better for [Use Case]? Description: [A] and [B] compared on [criterion 1], [criterion 2], and price. Find out which fits [audience] best.
Tool or service pages: Title: Free [Tool Name] - [What It Does] | [Brand] Description: [Do the thing] instantly. [Key differentiators: free, no signup, private]. Works in your browser.
Common Mistakes and How to Fix Them
Writing titles for Google instead of people
A title packed with every keyword variation ranks worse and gets fewer clicks than one written like a headline. The algorithm's job is to model human preference. Write for the human and you satisfy both.
Letting your CMS auto-generate everything
Default CMS titles like "Blog Post Title - Category - Sitename - Tagline" waste half your pixel budget on boilerplate. Check what your pages actually output. Our Meta Tag Generator produces clean, complete head tags you can adapt per page.
Ignoring the mobile snippet
Mobile shows fewer title pixels and often fewer description lines, and most searches happen there. Preview both layouts before shipping. What survives truncation on mobile should still make sense on its own.
Duplicating the H1 exactly
Your title tag and on-page H1 can differ, and often should. The H1 greets someone already on the page; the title competes on a results page. "Repotting Guide" works as an H1. As a title, it needs more: "How to Repot a Plant Without Killing It | GreenThumb".
Forgetting emotional or urgency cues where appropriate
Words like "free", "new", "proven", "in 5 minutes", and the current year measurably lift click-through on commercial queries. Use them honestly. A year in the title also signals freshness, but only maintain it if you actually update the content.
Testing and Iterating
Snippet writing is not one-and-done. The loop looks like this:
- Find underperformers. In Google Search Console, look for pages with high impressions but a click-through rate below roughly 2 percent for their position. Those snippets are failing their audition.
- Rewrite title and description using the formulas above. Change one page's approach at a time so you can attribute results.
- Preview before publishing. Check pixel width and truncation in the SERP Preview tool, and count characters with the Word Counter if you need a quick check.
- Wait two to four weeks and compare CTR at the same average position. Position changes confound the numbers, so compare like for like.
- Keep a swipe file. When a competitor's snippet makes you click, save it. Your best templates will come from reverse-engineering what worked on you.
How This Interacts with Rankings
To be precise about what moves rankings: the title tag is a genuine, though modest, ranking signal. The meta description is not. But click-through rate feeds engagement signals, and a page that consistently out-clicks its position tends to be tested at higher positions. Better snippets create a loop: more clicks, more engagement data, more visibility.
Structured data amplifies all of this. Review stars, FAQ dropdowns, and breadcrumbs make your result physically larger and more clickable. That is a separate topic covered in our guide to schema markup, and the two efforts compound each other.
Quick Checklist
Before publishing any page, confirm:
- Title is 50 to 60 characters with the primary keyword in the first half
- Title is unique across your site
- Brand appears at the end of the title, separated by a pipe or dash
- Description is 120 to 155 characters
- Description matches the search intent and gives a reason to click
- Both read naturally when spoken aloud
- Snippet previewed for desktop and mobile truncation
Meta titles and descriptions are the highest-leverage words on your site: a handful of characters that gatekeep every visit from search. Spend real time on them, revisit the underperformers monthly, and treat every snippet like the tiny ad it is.