SERP & Social Preview
See your snippet exactly as Google truncates it — measured in rendered pixels, not characters — with sample-query bolding, desktop and mobile budgets, and pixel-true social cards for Facebook, X, LinkedIn, WhatsApp and Discord. All in your browser, no APIs.
Google may rewrite titles and descriptions; this previews your markup. Widths are canvas-measured at the SERP fonts (Arial 18px title / 13px description) against the 580px title and 920px desktop description budgets — bolded query terms measured at their true, wider glyph widths.
How the link unfurls when shared
No og:image — most platforms render a bare grey link without one. It is the single highest-impact share tag.
Facebook / LinkedIn
example.com
We ran 400 km in 14 trail shoes to find the ones worth your money. Grip, cushioning, durability and fit — scored, compared and ranked by real runners.
X (summary_large_image)
example.com
We ran 400 km in 14 trail shoes to find the ones worth your money. Grip, cushioning, durability and fit — scored, compared and ranked by real runners.
example.com
https://example.com/guides/trail-running-shoes
Discord
example.com
CSS replicas rendered locally — no platform embeds, no scrapers, nothing sent anywhere.
The budgets this tool measures against
Arial 18px, desktop. Google truncates by rendered width, not characters.
Arial 13px. Desktop shows ~2 lines; mobile budget is tighter. A date prefix spends the same budget.
Large cards crop to ≈1.91:1. Below 600×315 most platforms fall back to a small or absent image.
Why pixels beat character counts every time
The “keep titles under 60 characters” rule is a rough proxy for the real constraint: Google truncates snippets at a rendered pixel width — roughly 580–600px for desktop titles at Arial 18px. Sixty wide characters (“W”, “M”, capitals) can blow the budget while seventy narrow ones (“i”, “l”, punctuation) fit comfortably. This tool measures your exact string on a canvas with the SERP fonts, so the truncation point you see here is the one searchers will see.
The sample-query field matters more than it looks: Google bolds query terms in descriptions (and historically in titles), and bold glyphs are wider than regular ones. A description that fits at regular weight can truncate once two or three terms render bold. The preview re-measures every segment at its true weight — which is why the meter can tick over the limit the moment you type a query that matches your copy.
Truncation isn't just cosmetic. A cut-off title loses its call to action; a truncated description hides the differentiator you wrote it for; and the date prefix — which Google adds for time-sensitive content — silently consumes ~90px of description budget. Write the payoff into the first 120 characters, front-load the keyword in the title, and keep your brand suffix expendable: if anything gets cut, let it be that.
Once the snippet reads well, check the rest of the page: run the full SEO Audit Pro for the other 80+ checks, and generate the finished markup — title, description, OG and Twitter tags in one block — with the Meta Tags Studio.
Trusted for Snippet Work
“The bold-query measurement is the detail every other preview tool skips. Watched my description tip over the budget the moment I typed our head term — rewrote it 15px shorter and the live snippet stopped truncating. The A/B board is now part of our title workflow.”
“Pixel meters match what I see in the wild far better than character counters. The date-prefix toggle caught a truncation on every one of our blog templates. Social replicas saved me from a badly-cropped og:image on LinkedIn before a launch.”
“I write snippets for clients all day and this replaced two paid tools. Desktop and mobile in one click, honest about Google rewrites, and the WhatsApp preview is something I literally couldn't check anywhere else without sending myself messages.”
“Clean, fast, no signup, and the measurements are reproducible — same string, same pixels. Would love saved candidates to persist across sessions, but for pre-publish checks it's exactly right. The 1200×630 dimension validation on real image URLs is a nice touch.”
Love using our calculator?
The rest of SEO Forge
Similar Calculators
More tools in the same category
SEO Audit Pro
Paste HTML or fetch a live URL and get a unified 85-check audit — on-page, technical, content, links, images, structured data and security — with weighted scores, a fix-first list and JSON/CSV/Markdown export.
Meta Tags Studio
Build a complete, correct <head>: title and description with live character + pixel meters, canonical, robots directives, Open Graph and Twitter cards — copy one clean block.
Keyword Density & N-Grams
Exact keyword density, a placement matrix (title, H1, first 100 words, URL, alts), keyword proximity, 1–4-gram tables and top-word analysis — computed, not guessed.
Readability Scorer
All seven readability formulas — Flesch, Flesch–Kincaid, Gunning Fog, SMOG, Coleman–Liau, ARI, Dale–Chall — computed from first principles with per-sentence highlighting.
Robots.txt Studio
Generate robots.txt with AI-crawler policy presets (GPTBot, ClaudeBot, CCBot…) and test any URL against any file with RFC 9309 longest-match semantics — winning line highlighted.
XML Sitemap Studio
Generate, validate, count and split XML sitemaps against the full protocol: namespace, absolute ≤2,048-char URLs, W3C dates, 50k/50MB limits, freshness histogram and index files.
Often Used Together
Complementary tools for complete analysis
Related Articles
Dive deeper with our expert guides and tutorials related to SERP & Social Preview
canvas-measured pixels · 580px / 920px / 680px budgets · query bolding · A/B board · 5 social replicas · in-browser · Last reviewed: 2026-07