Free tool
SERP & social preview.
Paste a URL to pull its real tags, or edit fields manually. See exactly how the page will render on Google, X, Facebook and LinkedIn — with live pixel-width truncation.
Empty
Pixel width: 0px / 600px
Empty
Recommended: 1200×630, < 5MB, JPG or PNG.
Your title here
Your meta description will appear here.
example.com
Your title here
example.com
Your title here
<title></title>
<meta name="description" content="" />
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />Why this tool exists
Google measures pixels. You write characters.
Most preview tools count characters and call it a day. Google actually truncates titles by pixel width in Arial 20px — which means a title full of W and M can clip at 50 characters, while one full of i and l survives past 70. We approximate that with per-glyph widths so the preview matches reality.
Same 24 characters. Different fates.
Both strings below have exactly 24 characters. At Google's 600px cut-off, one fits comfortably — the other gets the ellipsis treatment.
- • illilil illilil illilil — ≈ 215px ✓
- • WWMWWM WWMWWM WWMWWM W — ≈ 470px ✓
- • Why pixel widths beat chars — ≈ 290px ✓
- • Add 30 more "WM" pairs and you'll hit the cap.
Reference
Per-platform limits (2026)
| Platform | Title | Description | Image |
|---|---|---|---|
| Google desktop | ≈ 600px (~60 chars) | ≈ 990px (~160 chars) | — |
| Google mobile | ≈ 78 chars | ≈ 130 chars | — |
| X / Twitter | 70 chars | 200 chars | 1200×628 (2:1) |
| 60 chars | 65 chars (varies) | 1200×630 (1.91:1) | |
| ≈ 70 chars | ≈ 100 chars | 1200×627 (1.91:1) | |
| Slack / Discord | ≈ 80 chars | ≈ 300 chars | Any (cropped) |
Mobile SERPs and AI Overviews shorten further. Aim for the lower bound if a key keyword sits at the end of your title.
og:image, done right
One image, six platforms. Get this right and you cover Google Discover, every major social network and most chat apps.
1200 × 630
Canonical size (1.91:1). Works everywhere.
< 5 MB
Facebook's hard cap. Slack stops fetching at 8 MB.
JPG or PNG
WebP works on most but not all crawlers. Avoid SVG.
Safe zone 1080×540
Center any text. LinkedIn crops 60px from the top and bottom.
Fetched server-side
Your browser never CORS-blocks. We see the page Google sees.
Pixel-accurate
Per-glyph widths match Google's Arial 20px truncation.
Copy-paste tags
The snippet below your preview is the exact <head> markup to ship.
FAQ
- Why does Google sometimes rewrite my title?
- Google rewrites about 60% of titles, especially when yours is keyword-stuffed, duplicates the H1 verbatim, or doesn't match query intent. Keep titles unique, descriptive and under the pixel cap to reduce the chance.
- What about meta keywords?
- Ignored by Google since 2009 and not used by Bing for ranking. We don't include them in the snippet for that reason.
- Do I need a separate twitter:image?
- Not if og:image meets the spec. Twitter/X falls back to og:image when twitter:image is missing. Only set both if you want different crops.
- Why does my preview look different on LinkedIn?
- LinkedIn caches aggressively — once it scrapes a URL, it can take 7+ days to refresh. Use LinkedIn's Post Inspector to force a re-scrape after changes.