The character counts everyone quotes — 60 for the title, 155 for the description — are useful shorthand, and this tool shows them live. But they are a proxy. Google renders your snippet in a specific font at a fixed container width and cuts it off with an ellipsis (…) when the text runs past that width. Two titles with the same character count can render very differently: Illinois Wills & Lists is far narrower than MMMWWW Marketing Group.
What Google actually measures
Search results have a pixel budget, not a character budget:
| Element | Approx. pixel limit | Character rule of thumb |
|---|---|---|
| Title — desktop | ~580–600 px | 50–60 characters |
| Title — mobile | ~920 px (wraps to ~2 lines) | ~55–62 characters |
| Description — desktop | ~920–990 px (~2 lines) | 150–160 characters |
| Description — mobile | taller column, ~3–4 lines | up to ~170 characters |
The numbers move whenever Google adjusts the layout, so treat them as a safe zone rather than a hard maximum. The practical takeaway is more stable than the exact pixels: front-load the important words, because whatever survives truncation is always the beginning.
M, W and @ hits the pixel limit several characters early. If your brand or keywords are wide, aim for the lower end of the character range.
Titles: write for the truncation point
Assume the tail of your title may vanish, and structure it so that's survivable:
- Primary keyword in the first 2–3 words.
- Brand name last, after a pipe or dash:
… | YourBrand. If it's cut, you lose the brand, not the topic. - Don't repeat the brand at the start and end — you pay pixels twice.
- Don't keyword-stuff to fill space. Google frequently rewrites bloated titles, and then your careful length work is discarded.
Google rewrites titles roughly a third of the time — pulling from your <h1>, on-page text, or anchor text when it judges your tag a poor fit. A clear, honest title that matches the page's actual heading is the best defence against being overridden.
Descriptions: not a ranking factor, still the click
The meta description doesn't influence ranking, so don't agonise over keywords in it. Its only job is winning the click once you already rank. Two rules matter more than length:
- Say something specific. "Learn about our services" wastes the space. "Compare 12 title formats with live pixel widths and copy the HTML" earns the click.
- Match search intent. Google bolds words that match the query, so phrasing the description around what people actually search makes it visually pop in the results.
Also remember Google ignores your description whenever it thinks a snippet pulled from the page body answers the query better — which is often. Writing one is still worth it: you control the default, and you control it on your most important commercial pages.
Mobile vs. desktop: write once, check both
Most searches are mobile, where the title column is actually wider in pixels but wraps across two lines, and the description gets more vertical room. A snippet tuned for the tighter desktop title line will always be safe on mobile. So optimise for the desktop title limit, and you've covered both.
A reliable recipe
- Draft the title with the keyword first and brand last.
- Watch the live character counter here — green is comfortable, the warning colour means you're gambling on truncation.
- Read only the first ~50 characters aloud. Does that fragment still make sense and still sell the page? If yes, truncation can't hurt you.
- Write a description that makes a concrete promise in the first sentence, since the second may be cut on desktop.
- Paste your live URL into the generator's Google preview, or Google's Rich Results Test, and look at the actual rendered snippet.
Length isn't a rule to obey — it's a constraint to design around. Put the meaning at the front, keep the brand at the back, and truncation becomes a non-event.
Next: every meta tag that still matters · Open Graph & Twitter Cards · back to the generator