SERP Snippet Preview

A SERP snippet is the title, URL breadcrumb and description Google renders for a result, and it is cut to a pixel width rather than a character count — about 580px of 20px Arial for a desktop title, narrowing to 490px on mobile. See how your page looks in Google and keep the title and description within the limits — the snippet updates live as you type, with pixel-width truncation for desktop and mobile. Everything runs in your browser.

Free, no sign-up, no usage limits Runs in your browser — nothing is uploaded Pixel-width truncation for desktop and mobile
Preview device

Google result preview

Google's real truncation varies by device, query and rendering — these pixel limits are close approximations, not exact.

How to use the SERP snippet preview

Type your title tag, page URL and meta description into the form. The Google-style result card on the right updates live, truncating each part with an ellipsis at Google's approximate pixel limits — 580px for the title and 920px for the description on desktop, 490px and 680px on mobile — so you can see roughly where the text will be cut. Widths are measured with an HTML canvas in the fonts Google renders the snippet in: 20px Arial for the title and 14px Arial for the description. Under the title and description fields, a counter shows the character count and the measured pixel width, turning amber and then red as you pass the recommended length.

Switch between Desktop and Mobile to check both layouts, since mobile results are narrower and cut sooner. Because Google truncates by pixel width rather than character count, a title packed with wide letters runs out of room faster than a shorter-looking one. Ready to write the tags? Use the meta tag generator, preview the social card with the Open Graph preview, and tighten the wording behind the snippet with the readability checker.

Frequently Asked Questions

How long should a title tag be?
Aim for a title tag of roughly 50 to 60 characters, and keep the rendered width under about 580px on desktop — or 490px on mobile — before Google is likely to truncate it with an ellipsis. Those are the two title limits this preview truncates at. Because Google measures pixel width rather than character count, a title full of wide letters can be cut sooner than a shorter-looking one made of narrow letters, so watch the pixel counter as well as the character count.
How long should a meta description be?
Around 120 to 160 characters works well for most desktop results, which fills roughly two lines without being cut off; this preview truncates the description at about 920px on desktop and 680px on mobile. Keep in mind that Google often rewrites the description based on the search query, so treat it as a strong suggestion rather than a guarantee, and front-load the most important information. The counter under each field shows characters and pixels side by side, measured in the same Arial sizes the preview draws with, so you can see which of the two limits you reach first.
Why measure pixels, not characters?
Google truncates snippets by pixel width, not by a fixed number of characters. Wide letters such as W and M take up far more room than narrow ones such as i and l, so two titles with the same character count can render at very different widths. Measuring the actual pixel width is a closer match to where Google will cut the text.
Does Google always use my title and description?
No — Google does not always use the title and description you write. It may rewrite your title tag and meta description to better match a particular search query, pulling text from your page or other sources. Writing clear, relevant tags improves the odds that Google keeps them, but there is no way to force it, so the preview shows the best case rather than a guarantee.