SERP Snippet Preview

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.

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 so you can see roughly where the text will be cut. 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.

Frequently Asked Questions

How long should a title tag be?
Aim for roughly 50 to 60 characters, and keep the rendered width under about 580px on desktop before Google is likely to truncate it with an ellipsis. 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. 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.
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 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.

Related SEO tools

Meta Tag Generator

Create SEO title, description, Open Graph and Twitter Card tags for your page.

SEO Tools

→

Open Graph Preview

Preview how your link looks when shared and build the Open Graph tags to match.

SEO Tools

→

Readability Checker

Score your copy for reading ease and spot sentences that are too long or dense.

SEO Tools

→

Schema Markup

Generate JSON-LD structured data for articles, products, FAQs and more.

SEO Tools

→

Keyword Density Checker

Count how often each word and phrase appears so your copy stays on topic.

SEO Tools

→