Google SERP Snippet Preview

Link copied

See exactly how your page will look in Google search results before you publish — entirely in your browser. Type your title tag, page URL, and meta description and watch a live, Google-styled snippet render as you type, complete with the breadcrumb URL, blue title, and grey description. Because Google truncates snippets by pixel width rather than by a fixed character count, this tool estimates the rendered width of your text using Arial font metrics and warns you the moment your title passes roughly 580px or your description passes roughly 990px — the points where Google starts cutting them off with an ellipsis. You also get a live character count for each field. Optimize your titles and descriptions for higher click-through rates without guessing. Free, fast, and fully private — nothing is uploaded or stored.

42 characters341px / 580pxWithin limit
167 characters1036px / 990pxOver limit
Google preview
fob.fyi › tools › serp-preview
Free Online Tools for Developers — fob.fyi

Preview how your page title and meta description appear in Google search results. See live character counts and pixel widths, with a warning before they get truncated.

Pixel widths are estimated with Arial metrics; Google may still rewrite or truncate snippets.

How to use

Enter your title tag, the page URL, and your meta description in the form on the left. The Google-style preview on the right updates instantly. Under the title and description fields you'll see the character count, the estimated pixel width versus Google's truncation limit, and a badge showing whether you're within the limit or over it. Trim or rewrite your copy until both fields sit comfortably within their limits and the preview reads the way you want.

Frequently asked questions

Why measure pixels instead of characters?
Google truncates search snippets based on how wide the text renders, not how many characters it contains. A title full of wide letters like W and M runs out of room far sooner than one made of narrow letters like i and l, even at the same character count. Measuring pixel width — here, with standard Arial font metrics — predicts truncation much more accurately than a character limit alone, which is why this tool shows both.
What are the title and description limits?
On desktop, Google generally displays a title up to about 580 pixels wide and a meta description up to about 990 pixels wide before cutting it off with an ellipsis. These are approximate — Google adjusts its layout over time and across devices — so treat them as guidelines and aim to keep the most important words near the start of each field.
Will Google use exactly what I enter?
Not always. Google often rewrites titles and especially meta descriptions to better match a user's query, so the preview shows how your text would render rather than a guarantee of what searchers will see. Still, a concise, well-structured title and description that fit within the limits give you the best chance of appearing the way you intend. Everything is computed locally in your browser — nothing is uploaded or stored.