Skip to content
MoneyDeck

SERP Snippet Preview Tool

Preview your title tag and meta description with pixel-width truncation

Updated · Free, no signup

px
px

Snippet preview

Mortgage Calculator – Estimate Your Monthly Payment ...
https://moneydeck.io › mortgage › mortgage-calculator
Free mortgage calculator: estimate your monthly payment with property tax, insurance, PMI and HOA, plus total interest and a full amortization ...

Title check

Truncated — 30px over

Title width

610 px

Title characters

63

Description check

Truncated — 102px over

Description width

1,022 px

Description characters

165

Title as shown

Mortgage Calculator – Estimate Your Monthly Payment ...

Description as shown

Free mortgage calculator: estimate your monthly payment with property tax, insurance, PMI and HOA, plus total interest and a full amortization ...
  • Your brand name after the "|" is cut off. Move it earlier or shorten the start of the title.

About the SERP Snippet Preview Tool

This SERP snippet preview tool shows how a page’s title tag and meta description are likely to appear in Google search results. Google cuts titles and descriptions by on-screen width in pixels, not by a fixed number of characters, so a title full of wide letters like W and M is truncated sooner than one with narrow letters like i and l. The tool measures your text in pixels and shows exactly where the "..." would fall.

It is meant for SEO writers, content marketers and developers writing title tags and meta descriptions, and for anyone auditing pages whose snippets look cut off. You get the pixel width and character count of each line, how much room is left, and a preview of the URL breadcrumb.

Widths are measured with standard Arial font metrics at Google’s desktop sizes (20px titles, 14px descriptions) against default limits of 580px for titles and 920px for descriptions — common working limits for desktop results. Google may rewrite titles and descriptions, and mobile results wrap differently, so treat the preview as a close guide rather than a guarantee.

How to use the serp snippet preview tool

  1. 1Enter your title tag and meta description.
  2. 2Add the page URL to preview the breadcrumb line.
  3. 3Check the pixel width and whether each line fits.
  4. 4Shorten or reword until nothing important is cut off.
  5. 5Adjust the width limits if you want to test a different layout.

Formula and method

Width (px) = Σ glyph advance (1/1000 em) × font size ÷ 1000 · truncate at the last whole word where width + " ..." ≤ limit

Each character’s width comes from Arial font metrics, measured in thousandths of an em: a lowercase i is 222, an a is 556 and a capital W is 944. Multiplying by the font size (20px for titles, 14px for descriptions on desktop Google) and dividing by 1,000 gives its width in pixels, and the line width is the sum of every character.

When a line is wider than the limit, the tool keeps as many whole words as fit while still leaving room for " ...", which is how Google usually shortens snippets. Characters outside basic Latin use an average width (or full width for CJK and emoji), so the estimate is less precise for those scripts.

em
Font size unit; 1/1000 em at 20px = 0.02px
limit
Display width in pixels before truncation

Worked examples

Calculator page title and description

At 20px Arial the 63-character title measures about 610px — 30px over the 580px limit — so the brand name after the "|" is cut. The 165-character description is about 1,022px, roughly 102px too wide, so "schedule for any loan." is replaced by "...".

Short title that fits

The title is only about 232px wide, well under 580px, leaving room to add a benefit or brand. The description fits easily but at 50 characters it may be too short — Google often replaces very short descriptions.

Wide capital letters

Only 52 characters, yet all-caps text full of W and M measures about 697px, well beyond 580px. Google would cut it after "AND", showing why pixel width matters more than character count.

Frequently asked questions

How long should a title tag be?+

Google does not publish a character limit; it truncates titles that are wider than the result area, which on desktop is roughly 580–600 pixels. That is usually about 50–60 characters, but fewer if you use many capital or wide letters.

How long should a meta description be?+

Desktop snippets typically show about 920 pixels of description, which is around 150–160 characters, and mobile snippets can show a little more or less depending on the screen. Put the key message in the first 120 characters.

Why does Google measure in pixels instead of characters?+

Search results are laid out in a fixed-width column, so the cut-off depends on how much space the text takes. A narrow letter like "l" takes about a quarter of the space of a "W", so two titles of equal length can truncate at very different points.

Why does Google show a different title or description than mine?+

Google may rewrite titles and pick a different snippet when it thinks other text on the page better matches the search query, or when the tag is missing, too long, stuffed with keywords or duplicated across pages.

Does meta description length affect rankings?+

No. Google has said the meta description is not a ranking factor. It matters because a clear, complete description can improve click-through rate from the results page.

Related tools