SERP Snippet Preview
Draft your title tag and meta description and see how they will appear in Google search results before you publish. Get live character counts and pixel widths, with truncation warnings for both desktop and mobile.
Good length
Good length
example.com
example.com
Your page title appears here
Your meta description preview appears here. Aim for a clear, compelling summary of the page.
Everything runs locally in your browser — nothing is uploaded.
How to use this tool
- Enter the page URL, title tag, and meta description in the input fields.
- Watch the preview card update live as you type.
- Check the pixel-width bars — Google truncates by pixel width, not character count.
- Switch between desktop and mobile previews to see how each device renders your snippet.
- Adjust your text until neither the title nor description shows a truncation warning.
- Copy the optimized title and description straight into your CMS.
Why use our SERP Snippet Preview?
Google cuts off titles and descriptions by pixel width (roughly 580px for titles and 920px for descriptions), so the common "keep it under 60 characters" advice is unreliable — a title full of wide letters can truncate well before 60 characters. This tool measures the real pixel width of your text as you type and shows a faithful desktop and mobile preview, so you can write snippets that display in full and earn more clicks. Everything runs locally in your browser; nothing is uploaded.
Character count vs. pixel width: the truncation myth
Most SEO checklists still tell you to keep titles under 60 characters and descriptions under 160. That is a rough proxy at best. Google renders snippets in a proportional typeface, so the deciding factor is how many pixels your text occupies, not how many letters it contains. This preview measures both, so you can trust the pixel bar for the real cut-off point.
- Desktop title: ~580px before truncation
- Desktop description: ~920px before truncation
- Mobile allows more title lines but a shorter description
- Wide characters (W, M, capitals) consume the budget faster
Writing snippets that earn clicks
A snippet that fits is only half the job — it also has to be compelling. Lead with the primary keyword and the clearest benefit, keep the brand name short or at the end, and make the description read like a promise the page keeps. Avoid ending on an ellipsis by keeping the important words within the visible width shown here.
Frequently Asked Questions
How long should a title tag be?
Google typically displays about 580 pixels of a title on desktop, which is roughly 50–60 characters — but because it measures pixels, a title with many wide characters (W, M, capital letters) can be cut off sooner. Use the pixel-width bar in this tool rather than a fixed character count.
How long should a meta description be?
Meta descriptions are truncated at around 920 pixels on desktop (roughly 150–160 characters) and less on mobile. Aim to front-load the most important information so your snippet still makes sense if Google shortens it.
Why does Google measure pixels instead of characters?
Search results are rendered in a proportional font where an "i" is much narrower than a "W". Counting characters ignores this, so two 60-character titles can occupy very different widths. Measuring pixels reflects what users actually see.
Does the tool show a mobile preview?
Yes. Toggle between desktop and mobile to see how your title and description wrap and truncate on each. Mobile results generally allow more title lines but a shorter description, so it is worth checking both.
Will Google always use my title and description?
Not necessarily. Google may rewrite a title or generate a description from page content if it judges that a better match exists for the query. A clear, relevant, well-sized snippet increases the chance your version is kept.
Is my data sent anywhere?
No. All measurement and preview rendering happen locally in your browser. Your URL, title, and description are never uploaded to any server.
Related Tools
SEO Meta Analyzer
Analyze title tags, meta descriptions, Open Graph tags, Twitter Cards, and social previews from any public URL.
Base64 Encoder / Decoder
Encode and decode Base64 text quickly and easily.
Color Picker & Converter
Pick colors and convert between HEX, RGB, HSL, HSV, and CMYK instantly. Check WCAG contrast ratios.
Cron Expression Builder
Build, test, and understand cron expressions with a visual builder and next run times.
Recently Visited Tools
SEO Meta Analyzer
DeveloperAnalyze title tags, meta descriptions, Open Graph tags, Twitter Cards, and social previews from any public URL.
JSON Formatter
DeveloperFormat and validate JSON data instantly.
Hash Generator
DeveloperGenerate MD5, SHA-1, SHA-256 and SHA-512 hashes from text or files in your browser.