This SERP preview tool builds a mock-up of a Google result from your title, URL and meta description and updates it as you type. The URL becomes the domain and a breadcrumb path, with the hyphens in each path segment shown as spaces. The Desktop and Mobile tabs show the same result at two sizes, with the title cut at 60 characters on desktop and 55 on mobile.
The snippet is what searchers read before they choose a result, so it is worth checking that your title and description still make sense when cut short. Google truncates both to fit the device width, which depends on the pixel width of the letters, while this preview cuts by character count, so treat its cut-off points as estimates. Everything runs in your browser.
How to use the SERP preview tool
- Type or paste your title into the Page Title field. The box takes up to 70 characters, and the preview updates as you type.
- Add the page URL to see the domain and the breadcrumb path built from it.
- Write the meta description and keep an eye on the counter. The box stops at 160 characters, and the tip under the preview warns once the text passes 155.
- Switch between the Desktop and Mobile tabs to compare the two previews.
- Revise the copy until the words that matter appear before the cut-off in both views.
How the preview handles length
| Title | Meta description | |
|---|---|---|
| Box limit | 70 characters | 160 characters |
| Counter turns amber | After 50 | After 120 |
| Cut in the preview | 60 desktop, 55 mobile, with an ellipsis | Shown in full |
| Tip warns when | Under 30 or over 60 | Under 70 or over 155 |
An empty title shows as "Untitled Page" and an empty description as "No meta description provided.", so you can see how a page with missing tags would look. The tips also flag an empty title or description. In the breadcrumb, URL-encoded characters are decoded, so %20 in a path shows as a space.
Example: a 69-character title
Title: "Cold Brew Coffee Ratio: How Much Coffee to Use for Every Cup of Water" (69 characters). URL: https://example.com/guides/cold-brew-ratio. The SERP preview tool shows:
Desktop: Cold Brew Coffee Ratio: How Much Coffee to Use for Every Cup …
Mobile: Cold Brew Coffee Ratio: How Much Coffee to Use for Ever …
URL: example.com › guides › cold brew ratioBoth views lose "of Water", and the mobile cut lands in the middle of a word. The tip reads "Title may be truncated in desktop results (69/60 chars)". Shortening it to "Cold Brew Ratio: How Much Coffee per Cup of Water" (49 characters) fits both views and keeps the counter green.
Google SERP preview vs the real result
The mock-up is close in layout but simpler than a live result. Google also shows your site name and favicon above the URL; the preview uses the first letter of your domain as a placeholder icon. Google can rewrite the title link, and it builds snippets mainly from the page content, using your meta description when it describes the page better. Use the snippet preview to check the wording and rough length, the two parts you control.
Meta description preview tips
- Put the topic and the main benefit in the first 100 or so characters, so a cut on a narrow screen loses only detail.
- Write a different description for every page. Google's snippet guidance says identical or similar descriptions on every page aren't helpful when those pages appear in results.
- Describe what the page delivers. If the snippet promises something the page doesn't have, readers go back to the results.
For longer advice, read about the meta description character limit and how to write a title tag that gets clicked. When the copy looks right, the meta tag generator turns it into ready-to-paste tags, and the AI meta description generator can draft options to test here. More tools for titles, tags and crawling are in the SEO tools collection.
