Google SERP Snippet Preview Tool

Why pixels, not characters

Google doesn't count characters. It renders your title and description in Arial and cuts them off when they run out of horizontal space: roughly 580 pixels for a desktop title and 920 pixels for a desktop description. That's why "keep titles under 60 characters" is only a rule of thumb. A title full of narrow letters like illicit lilies fits far more characters than one full of wide letters like WOW MOWERS.

This tool measures your text with the same font and sizes Google uses (20px Arial for titles, 14px Arial for descriptions), so the preview shows the actual cut-off point, including the  ... Google appends when it truncates.

The limits this tool checks against

Element	Desktop	Mobile
Title tag	~580 px (about 55–60 characters)	~920 px over two lines (about 75–80 characters)
Meta description	~920 px (about 155–160 characters)	~680 px (about 120 characters)

These are the widely observed values, but Google adjusts its layout regularly and truncation can vary a few pixels by device and result type. Treat the limit as a target zone, not a hard wall. If you're within a few pixels of it, trim a word to be safe.

How to write a title that earns the click

• Put the keyword first. Searchers scan the left edge of titles, and front-loaded keywords survive truncation.
• Use the full width, but not more. A 300-pixel title wastes half your billboard; a 640-pixel title gets its ending amputated. Aim for 450–580 pixels.
• Make it a promise, not a label. "Personal Injury Lawyer in Draper: Free Consultation, No Fee Unless We Win" beats "Services | Smith Injury Law".
• Don't stuff. Google rewrites titles it considers keyword-stuffed or repetitive, and you lose control of what searchers see.

How to write a meta description that supports it

• Treat it as ad copy. The description doesn't directly affect rankings, but it heavily affects whether people click your result or the one below it.
• Include the keyword naturally. Google bolds words from the search query, and bolded text draws the eye. Enter your target keyword in the tool above to see the effect. Bold letters are also wider, so they use up pixel budget faster.
• Front-load the value. Mobile shows roughly 40 fewer characters than desktop, so the first ~120 characters have to carry the message on their own.
• Mind the date. For articles and other dated content, Google often prefixes the snippet with a date like Jul 3, 2026:, which consumes about 100 pixels of your description space. Toggle it in the tool to see what survives.

Does Google always use my title and description?

No, and that's worth knowing before you obsess over either. Google rewrites titles for roughly a third of results (usually when they're too long, stuffed, or generic) and replaces meta descriptions with page text whenever it thinks a passage from the page answers the query better. The best defense is the same in both cases: write a title and description that accurately summarize the page for the query you're targeting. Accurate, well-sized snippets get kept; vague or oversized ones get rewritten.

Frequently Asked Questions

How long should a title tag be?

Aim for 450–580 pixels, which usually works out to 50–60 characters. Under about 55 characters, most titles display in full on desktop. Rather than counting characters, use the preview above; it measures the actual rendered width, which is what Google truncates by.

How long should a meta description be?

About 120–158 characters, or up to roughly 920 pixels on desktop. Keep the essential message in the first 120 characters (about 680 pixels) so it also survives on mobile, where the limit is tighter.

Why does Google cut off my title even though it's under 60 characters?

Because Google truncates by pixel width, not character count. Capital letters and wide characters like W, M, and D take up more horizontal space, so a 55-character title in ALL CAPS can overflow the ~580-pixel desktop limit while a 65-character lowercase title fits. This tool measures the real width so you don't have to guess.

Are the desktop and mobile limits different?

Yes. Titles actually get more room on mobile (about two lines, roughly 920 pixels total) than on desktop (one line, roughly 580 pixels). Descriptions are the opposite: about 920 pixels on desktop but only about 680 pixels on mobile. A snippet can look perfect on one device and truncated on the other, which is why this tool previews both at once.

Does the meta description affect rankings?

Not directly. Google has confirmed it is not a ranking factor. But it strongly influences click-through rate, and a snippet that wins more clicks earns more traffic from the same position. Treat the description as free ad copy for your result.

Is my text stored anywhere when I use this tool?

No. The preview and all pixel measurements run entirely in your browser using JavaScript. Nothing you type is sent to our servers, stored, or logged.

More free tools live on the SEO tools hub, including a Business Description Analyzer with a meta description preset for readability and keyword checks. And if your business isn't listed yet, add your business to OnToplist and put your freshly polished snippet to work.