SERP Preview
Preview how your page title, URL, and meta description will look in Google search results. Live desktop and mobile SERP card with character counters and SEO tips.
- Title: 50–60 characters recommended
- Description: 120–160 characters recommended
- Include the primary keyword near the start of the title
- Write descriptions that encourage clicks, not just keywords
- Use the brand name at the end of the title (after —)
The SERP Preview Tool is a free, browser-based tool that shows you exactly how your page will appear in Google search results before you publish it. Enter your page title, URL, and meta description and the preview updates live as you type — in both desktop and mobile layouts. All processing happens in your browser; no data is sent to any server.
Features
| Feature | Detail |
|---|---|
| Live preview | The SERP card updates instantly as you type — no button required |
| Desktop and mobile views | Switch between a desktop result card and a mobile result card |
| Character counters | Live counters for title (60 recommended) and description (160 recommended) |
| Status indicators | Each field shows a status label: Empty, Too short, Good, Long, or Too long |
| URL parser | Automatically extracts the domain and path from any URL you enter |
| Date snippet | Optionally add a publication date to see how it appears in the result |
| Optimisation tips | Built-in checklist of title and description best practices |
| Stats bar | Shows character counts and status for both fields at a glance |
How to Use
- Enter your Page title — the text that appears as the blue clickable headline in search results.
- Enter your Page URL — the tool extracts the domain and breadcrumb path automatically.
- Enter your Meta description — the grey summary text that appears below the title.
- Optionally add a Date snippet (e.g.
Mar 24, 2026) to preview date-annotated results. - Switch between Desktop and Mobile previews using the device selector.
- Use the character counters, status labels, and stats bar to guide your optimisation.
Title Guidelines
The page title is the most important on-page SEO element. It is shown as the clickable blue headline in search results.
| Length | Status |
|---|---|
| 0 characters | Empty |
| 1–29 characters | Too short — not enough context for users or search engines |
| 30–60 characters | Good — the recommended range |
| 61–70 characters | Long — may be truncated on some devices |
| 71+ characters | Too long — Google will truncate with an ellipsis |
Best practices:
- Place the primary keyword near the beginning of the title
- Separate the brand name at the end with an em dash (
—) or pipe (|) - Write for humans first — the title should encourage clicks
- Avoid keyword stuffing or repeating words unnecessarily
Description Guidelines
The meta description is the grey summary text shown below the title. Google may replace it with a page excerpt if it considers another snippet more relevant, but a well-written description improves click-through rate.
| Length | Status |
|---|---|
| 0 characters | Empty |
| 1–69 characters | Too short — unlikely to give enough context |
| 70–160 characters | Good — the recommended range |
| 161–180 characters | Long — may be truncated |
| 181+ characters | Too long — Google truncates around 155–160 characters |
Best practices:
- Write a compelling call to action that explains what the user will find on the page
- Include the primary keyword naturally — Google may bold matching words in the snippet
- Avoid duplicate descriptions across pages
- Do not use quotes; they can cause truncation in some search result formats
Desktop vs Mobile Preview
Search results look slightly different on desktop and mobile:
| Aspect | Desktop | Mobile |
|---|---|---|
| Title font size | Larger (~20 px) | Smaller (~16 px) |
| Breadcrumb style | Domain › path below favicon | Domain and path stacked beside circular favicon |
| Description lines | 2 lines | Up to 3 lines |
| Card width | Up to 600 px | Fits mobile screen width |
Frequently Asked Questions
Does Google always use my meta title and description?
Not always. Google may rewrite the title to better match the user's query and may replace the description with an excerpt from the page content if it considers it more relevant. However, well-written tags are used in the majority of cases.
Is this an official Google tool?
No. This is an independent preview tool that simulates how a result card typically looks. Actual rendering by Google may vary slightly depending on screen resolution, browser, and query context.
How many characters can the title be before it is truncated?
Google truncates the displayed title at roughly 600 pixels of rendered width, which corresponds to approximately 60 characters in a typical font. The exact character count varies with character width — narrow letters like i and l are shorter than wide letters like W and M.
Do special characters work in titles and descriptions?
Yes. Standard Unicode characters, em dashes (—), and accented letters all display correctly in search results. Avoid HTML entities in the raw tag values; use the actual characters instead.
Should every page have a unique description?
Yes. Duplicate descriptions across multiple pages reduce their value. Each page should have a unique description that accurately summarises its specific content.