SEO and blogging

SERP Snippet Preview

See your title tag and meta description the way Google renders them — measured in pixels, not characters, on both desktop and mobile — with the truncation point shown where it actually falls.

Pixel budgets below are observed approximations of Google’s rendering and change without notice. Google also rewrites titles and descriptions at its discretion. The font used here is a system sans stack close to Google’s, not the exact face, so widths are an approximation. An honest approximation beats a character count presented as a pixel fact.

Desktop

Mobile

Pixel measurement

Pixels measured against an observed Google-like budget. Bolded keyword runs are measured in the bold face and summed with the rest, because bold text is wider.

ElementDevicePixelsBudgetStateChars (secondary)

Truncated text (what actually shows)

The cut is at the last whole word that fits within the budget. An ellipsis is appended in the previews.


    

  

How to use the SERP Snippet Preview

Paste your page title, meta description and URL, then pick a result type. The two preview cards on the right render what Google would show on desktop and mobile, with the keyword bolded the way Google bolds it. The pixel measurement table underneath reports the measured width against the observed budget for each device.

The truncation point is calculated by measuring progressively longer substrings until one passes the budget, then backing off to the last whole word. This is the only correct way to do it, and it is the whole reason the tool exists: a character count is the wrong unit, because the letter M is wider than the letter i.

Why does the same character count render differently in different cases?

Because M and W are roughly three times the width of i and l. A title in all capitals is far wider than its character count suggests and will truncate early. A title in narrow letters fits far more. That is the clearest demonstration that pixels are the right unit, and the table at the top of the page lets you see it with the same input.

What if a character like an emoji or a CJK glyph measures oddly?

The canvas measure returns whatever the local font returns, which is close to a real render. Emoji and some CJK glyphs measure differently from how Google renders them. The tool reports the measured number and says the approximation is weakest there, rather than hiding the gap.

Will Google actually show what the preview shows?

No. Google rewrites titles and descriptions at its own discretion regardless of what the page says. The preview shows what fits, not a guarantee of what Google displays. A standing note at the top of the page says so.