SERP Preview Tool — See How Your Page Looks in Google Search Results
Preview how your page looks in Google search results
Google desktop preview
garypedia.com › tools › developer › json-formatter
Free Online JSON Formatter & Validator
Free online JSON formatter and validator. Paste messy JSON to instantly beautify, validate, and explore. Supports dark mode, minify, and copy.
Google mobile preview
garypedia.com/tools/developer/json-formatter
Free Online JSON Formatter & Validator
Free online JSON formatter and validator. Paste messy JSON to instantly beautify, validate, and explore. Supports dark mode, minify, and copy.
How to use SERP Preview Tool
Free SERP preview tool. See exactly how your title tag and meta description appear in Google desktop and mobile search results before you publish — with live character counts.
A SERP preview tool shows you exactly how your page will appear in Google search results before you publish. Enter your title tag, URL, and meta description to see a pixel-accurate desktop and mobile preview — with live character counts and warnings when text will be truncated. Getting the title and description right before publishing is far easier than fixing them after indexing, when changes can take weeks to appear in search results.
How to use this SERP Preview Tool
- 1Enter your page title — this is the <title> tag in your HTML, not the H1 on the page.
- 2Enter your page URL — the full path as it will appear in search results (e.g. /tools/finance/mortgage-calculator).
- 3Enter your meta description — the <meta name="description" content="..."> tag.
- 4Check the desktop preview for title truncation (≈60 chars) and description truncation (≈160 chars). Red counters indicate over-limit.
- 5Switch to the mobile preview — Google shows slightly fewer characters on mobile. Adjust until both views look clean.
Google title and meta description length limits
Google does not enforce hard character limits — it uses pixel width. But character counts are a reliable proxy. These limits represent when truncation typically occurs, based on Google's average font rendering at standard screen sizes.
| Variable | Meaning |
|---|---|
| Title (desktop) | ≈60 characters — ~600px wide. Beyond this Google shows "..." and rewrites the title. |
| Title (mobile) | ≈55–58 characters — mobile viewports are narrower. |
| Meta description (desktop) | ≈155–160 characters across ~2.5 lines. |
| Meta description (mobile) | ≈120 characters — Google truncates more aggressively on mobile. |
| URL display | Google shows breadcrumb-style URLs (Site › Category › Page), not raw URLs in most results. |
| Rich results | FAQ, How-to, and Review schema can add star ratings and expandable sections below the description. |
Google search preview example — optimising a mortgage calculator listing
- 01Draft title: "Free Mortgage Calculator — Calculate Monthly Payments, Total Interest, and More" (81 chars) ❌ Too long.
- 02Trimmed title: "Mortgage Calculator — Monthly Payment & Interest | Garypedia" (60 chars) ✅
- 03Draft description: "Use our mortgage calculator to see payments." (46 chars) ❌ Too short — wastes space.
- 04Optimised description: "Free mortgage calculator. Enter home price, down payment, rate, and term to estimate monthly payments, total interest, and full loan cost. Compare 15 vs 30-year loans." (172 chars) ❌ Slightly over.
- 05Final description: "Free mortgage calculator. Estimate monthly payments, total interest, and full loan cost. Compare 15 vs 30-year loans instantly." (131 chars) ✅
Result
Title: 60 chars ✅. Description: 131 chars ✅. Both preview cleanly on desktop and mobile with primary keyword in the first 10 characters of the title.
What affects how your page appears in Google search results?
Keyword position in title
Put your primary keyword as close to the start of the title as possible. Google bolds query-matching words in results — keywords at the start catch the eye first.
Title uniqueness
Every page on your site should have a unique title tag. Duplicate titles confuse Google about which page to rank for a query and dilute your authority.
Google title rewrites
Google rewrites approximately 61% of title tags in search results. Rewrites happen when the title is too long, too short, keyword-stuffed, or mismatches the page content. A well-crafted title matching the H1 reduces rewrites.
Meta description CTR impact
Meta descriptions are not a direct ranking factor, but a compelling description improves click-through rate. Higher CTR can indirectly improve rankings as Google interprets clicks as a relevance signal.
Mobile vs desktop
Over 60% of Google searches are on mobile. Always check the mobile preview — a title that fits perfectly on desktop may be truncated on mobile.
Structured data (rich results)
FAQ schema, HowTo schema, and Review schema can add star ratings, expandable Q&As, and other elements to your SERP listing — dramatically increasing visibility and CTR without changing title or description.
Tips and things to know
- ✓Write your title and meta description before writing the page content — it forces you to clarify what the page is actually about.
- ✓Include a call-to-action in your meta description: "Calculate now", "See instantly", "Free — no signup". Action words improve CTR.
- ✓The meta description has no direct ranking impact but matters enormously for CTR. Treat it like ad copy — clear, specific, and benefit-focused.
- ✓Use Google Search Console → Search Results to see the actual titles and descriptions Google is showing for your pages — they may differ from what you wrote.
- ✓If Google keeps rewriting your title, check that your H1 closely matches the title tag. Mismatches between H1 and title are the most common trigger for rewrites.
Official resources and further reading
Google Search Central — Control Your Title Links
Official Google documentation on how title tags work in search results, why Google rewrites them, and how to reduce unwanted rewrites.
Google Search Central — Meta Description
Google's official guidance on meta descriptions — what Google uses them for, character limits, and how to write snippets that improve CTR.
Related tools you might need
Frequently asked questions
Aim for 50–60 characters. Google displays approximately 600px of title width — roughly 60 characters in its default font. Titles over 60 characters are truncated with "..." in search results.