SERP Snippet Preview Tool

Search results cut titles and descriptions by width, not by character count: a title of wide capitals is truncated sooner than one of narrow letters. This preview measures your title and meta description in pixels with the browser's own text engine, using Arial at 20 px for titles and 14 px for descriptions (the usual basis for estimating Google result widths), shows where they would be cut on desktop or mobile, bolds your search words, formats the URL as a breadcrumb and draws a PNG mock-up of the result you can download or share.

How to use this tool

1. Enter the page title, meta description and URL.
2. Choose desktop or mobile and, optionally, the search words to bold and a date.
3. Check the widths and "truncated" flags; rewrite until the important words fit.
4. Download the PNG mock-up for a client or a content brief.

Formula

title width = Σ measureText(word, 20px Arial) ≤ ~600 px · description width = Σ measureText(word, 14px Arial, bold for search words) ≤ ~920 px desktop / ~680 px mobile

Text that does not fit is cut at the last whole word and ended with "...", the way results are usually shortened. These limits are approximations from measuring real results (as of November 2026); Google does not publish them and changes its layout from time to time. Widths depend on the Arial font installed on your device.

Example

The title "Hello" is 5 characters and about 50 px wide — nowhere near the limit. A 120-character title such as "Lorem ipsum dolor sit amet…" measures about 1,070 px at 20 px Arial, so only the first 61 characters (up to "…elit sed do") fit before "...". The URL https://example.com/blog/first-post?x=1 is displayed as https://example.com › blog › first-post.