Google SERP Preview
Free SERP preview tool: simulate how your title, description and URL appear in Google search — desktop, mobile, rich snippets, A/B variants & social preview.
Updated May 2026
Importar HTML
Cole o HTML do <head> para preencher os campos automaticamente.
Input Configuration
Safe zone: 50–60 chars · 600px limit (desktop)
Safe: 120–160 chars · 920px limit (desktop)
Rich Snippets Simulator
Open Graph Image
Used in Twitter Card, Facebook & WhatsApp previews
Page Title
Meta description will appear here. Write a compelling description to improve your click-through rate...
Title length
0 chars
✓ OK
Title pixels
0px / 600px
✓ OK
Desc length
0 chars
✓ OK
Desc pixels
0px / 920px
✓ OK
A/B Variant Comparator
SEO Reference
Meta title (desktop)
50–60 chars · ~600px
Meta title (mobile)
50–55 chars · ~520px
Meta description (desktop)
150–160 chars · ~920px
Meta description (mobile)
Up to 120 chars · ~680px
How to use the SERP preview tool
From URL to rich snippet preview in three steps
1. Paste a URL to auto-fetch
The tool reads the page's HTML and pulls the title tag and meta description automatically, or you can type them in manually.
2. Adjust and simulate rich snippets
Pixel-width bars flag truncation risk as you type; layer on star ratings, FAQ, product, or breadcrumb snippets to see how they render.
3. Compare variants and check social cards
Test an alternate title and description side by side with the original, then switch tabs to preview Twitter, Facebook, and WhatsApp cards.
What this Google SERP preview tool does
Measures pixels, not just character counts
Real pixel-width measurement
Uses the actual width Google truncates on — around 600px on desktop and 520px on mobile — instead of an approximate character count.
5 rich snippet types
Star ratings, FAQ, Product, Breadcrumb, and Sitelinks are rendered directly in the preview so you can see the full result before publishing.
A/B title comparison
Put your current title and description next to an alternate version to decide which one to ship.
Built-in social preview
Check Twitter Card, Facebook Open Graph, and WhatsApp previews using your actual og:image.
HTML import
Paste raw <head> markup and the tool extracts title, description, canonical URL, and og:image for you.
Desktop, mobile, and dark mode views
Switch device and theme to catch layout differences before the page goes live.
Examples
How small differences change what Google shows
When you'll reach for this tool
The most common scenarios among people who use it
Publishing content
Check title and description length before any blog post or landing page goes live.
SEO audits
Paste URLs one by one to review whether existing meta tags stay within pixel limits site-wide.
A/B testing copy
Compare two title variants side by side before committing to one in a CTR experiment.
Planning rich snippets
Simulate how an FAQ or product schema would actually look before investing time in structured data.
Checking social shares
Confirm the Open Graph card looks right on Twitter, Facebook, and WhatsApp before a link gets shared.
Common mistakes when optimizing a SERP snippet
Counting characters instead of pixels
A 60-character title with wide letters (W, M, O) can still get truncated, while a narrower 65-character title might not.
Using the exact same text for title tag and H1
They can — and often should — differ. The title tag is written for click-through in search results; the H1 can be more descriptive for readers already on the page.
Forgetting mobile's tighter limit
Roughly 520px on mobile versus 600px on desktop — a title that fits fine on desktop can still truncate on a phone.
Writing a meta description and assuming Google will use it
Google rewrites the displayed snippet in a large share of searches, pulling text from the page body instead. A good description still matters for branded and navigational queries where it's more likely to be kept.
Why use this SERP preview tool
It measures the real pixel width Google uses to truncate titles and descriptions, instead of a character counter that gets it wrong on titles packed with wide letters.
URL auto-fetch, HTML import, and a built-in social preview remove the manual step of copying meta tags around before you can see how a page will actually look in search results and shares.
Title tag vs. H1
Different elements, different jobs
Frequently asked questions
50–60 characters is a safe range, but the real constraint is pixel width — about 600px on desktop and 520px on mobile. Since character width varies by letter, this tool measures pixels directly instead of relying on a character count.
References
Official guide on how Google selects and rewrites title tags and snippets.
Full reference for JSON-LD markup and rich results eligibility.
Generate complete HTML for meta tags, Open Graph, and Twitter Card in one step.
Related Tools
- HTML Meta Tag Generator Marketing Generate complete HTML meta tags instantly: title, description, robots, canonical, Open Graph, and Twitter Cards. Copy-paste ready HTML output.
- robots.txt Generator Marketing Free robots.txt generator with AI bot presets (GPTBot, ClaudeBot, Perplexity), URL tester, and llms.txt generator. Block AI crawlers in seconds, no signup.
- Reading Time Estimator Marketing Paste your text or enter a word count to instantly calculate reading time for silent reading, aloud, and audiobook narration. Free, no sign-up.
- Word Counter Marketing Free online word counter — count words, characters, paragraphs and reading time instantly. Detailed text analysis with keyword density.
- Word Frequency Analyzer Marketing Free word frequency analyzer — count word occurrences, check keyword density, analyze bigrams & trigrams, and measure vocabulary diversity. 100% client-side.
