Skip to content
canvas-measured Arial 18px / 13px · 580px title · 920px / 680px description · query bolding

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.

Snippet inputs
Title width (Arial 18px, bold-aware)0px / 580px
Description width (desktop, Arial 13px)0px / 920px
56 title chars150 description chars
Google preview
Eexample.comexample.com › guides › trail-running-shoes
Best Trail Running Shoes 2026 — Tested on Real Mountains
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.

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.

Social cards

How the link unfurls when shared

Open Graph inputs

No og:image — most platforms render a bare grey link without one. It is the single highest-impact share tag.

Facebook / LinkedIn

no og:image set

example.com

Best Trail Running Shoes 2026 — Tested on Real Mountains

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)

no og:image set

example.com

Best Trail Running Shoes 2026 — Tested on Real Mountains

WhatsApp

no og:image set

Best Trail Running Shoes 2026 — Tested on Real Mountains

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

Best Trail Running Shoes 2026 — Tested on Real Mountains

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.

no og:image set

CSS replicas rendered locally — no platform embeds, no scrapers, nothing sent anywhere.

Reference

The budgets this tool measures against

Title

Arial 18px, desktop. Google truncates by rendered width, not characters.

≤ 580px safe · 600px hard
Description

Arial 13px. Desktop shows ~2 lines; mobile budget is tighter. A date prefix spends the same budget.

≤ 920px desktop · ≈ 680px mobile
og:image

Large cards crop to ≈1.91:1. Below 600×315 most platforms fall back to a small or absent image.

1200 × 630 target
Field notes

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.

SERP & Social Preview FAQs

Have more questions? Contact us

Trusted for Snippet Work

4.9
Based on 2,140 reviews

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.

R
Rachel Kim
Content strategist
June 14, 2026

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.

S
Stefan Bauer
SEO lead, e-commerce
May 22, 2026

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.

A
Amara Osei
Freelance copywriter
April 18, 2026

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.

D
Diego Fernández
Growth engineer
March 9, 2026

Love using our calculator?

Connected instruments

The rest of SEO Forge

Learn More

Related Articles

Dive deeper with our expert guides and tutorials related to SERP & Social Preview

Loading articles...

canvas-measured pixels · 580px / 920px / 680px budgets · query bolding · A/B board · 5 social replicas · in-browser · Last reviewed: 2026-07