Google SERP Preview — Pixel-Accurate Snippet Tester
See your title and description as Google shows them — truncated by pixels, not characters.
🔒 Runs in your browser — files never uploaded ⚡ No signup 💯 Free
Preview how your page looks in Google results — and see exactly where your title and description get cut off. The truncation here is measured in pixels, the way Google actually does it, not in characters: a title full of wide letters truncates sooner than the "60 character rule" suggests, and this preview shows it.
Desktop and mobile widths differ, so both are a toggle away.
How to use SERP Preview
- Enter your title, URL and meta description.
- Watch the preview. The … marks exactly where Google's pixel budget runs out.
- Front-load what matters — keywords and the value proposition belong before any possible cut.
- Check both devices. Mobile cuts titles noticeably earlier.
Why pixels, not characters
Google truncates titles at roughly a 580px budget (desktop) rendered in 20px Arial — "keep it under 60 characters" is just a rough average of how many letters fit. WWWW is four characters and 76 pixels; iiii is four characters and 16. Tools that count characters pass titles Google will cut and flag titles that fit fine. Measuring the real rendered width is the whole reason this tool exists.
What Google does to your snippet anyway
Being honest: Google rewrites titles for a majority of queries and generates descriptions from page content when it thinks yours doesn't match the search. Your meta tags are a strong suggestion, not an order. They still matter — they're the default, they anchor the rewrite, and a compelling description wins clicks whenever it IS shown — but treat this preview as your best pitch, not a contract.
Writing snippets that earn the click
- Title: primary keyword early, brand at the end, and something a human would click between them. Titles are ranking signals and ad copy.
- Description: it's not a ranking factor — it's pure ad copy. State the benefit, include the keyword (it gets bolded when it matches the query), end with a reason to act.
- URL: readable slugs become the breadcrumb Google displays; incomprehensible query strings become noise.
The meta tag generator turns the finished text into the actual tags.
Frequently asked questions
How long can my title be, really?
About 580 pixels on desktop — roughly 55–65 characters for typical text, fewer if it's full of wide capitals. That's why this preview measures pixels: the character rules are approximations of a pixel budget. Front-load the keywords and treat anything past ~55 characters as possibly invisible.
Why does Google show a different title than my tag?
Google rewrites titles for a majority of queries — pulling from H1s, anchors or content when it judges your tag too long, too boilerplate, or off-query. A concise, accurate title gets rewritten least. The description is rewritten even more freely; yours is used when it matches the search.
Is the meta description a ranking factor?
No — Google has said so consistently. It's ad copy: it changes whether people click, which is worth as much as a ranking position. Write it to sell the click, include the query terms (they get bolded), and keep the pitch inside the visible budget.
Why does mobile cut my title earlier?
Narrower viewport, smaller pixel budget — roughly 410px against desktop's 580px. Since most searches are mobile, the mobile preview is the honest one to optimise for: if it survives mobile, desktop is fine.