SERP Preview
See how a page looks in Google results.
Runs entirely in your browser. Nothing you enter or upload leaves your device.
What the SERP preview tool does
A SERP is a search engine results page. Your listing there is often the first thing a searcher sees of your site: a site name, a breadcrumb-style URL, a blue title and a couple of lines of description. This tool draws a mock-up of that listing from the text you type, so you can shape the wording before it goes live.
It’s useful when you’re writing a new page, rewriting titles that get impressions but few clicks, or agreeing copy with a client who wants to see the result first. Because you type the text yourself, you can try several versions of a title one after another, even for a page that isn’t published yet.
How to use the SERP preview tool
- Type the page title, URL and meta description. Add a site name if you want one shown instead of the domain.
- The preview updates as you type, with counters for title width and description length.
- Switch between desktop and mobile to see where text is cut off.
Understanding the results
The title counter shows both characters and pixel width, measured in 20 px Arial against a 580 px limit. It turns amber as you get close and red once you pass it, and on desktop the preview cuts the title with an ellipsis at that point. On mobile the title can wrap onto a second line. The description counter shows characters against roughly 155. It turns red past 160 and amber under 70, because short descriptions are often swapped for text Google picks from the page.
The URL line drops www. and turns the path into a breadcrumb, so /blog/seo-tips appears as › blog › seo-tips after the domain. Short, readable paths look cleaner here than long strings of IDs. If your title is cut, move the words that matter most to the front rather than trimming at random. To compare these figures with the tags already on a live page, run it through the meta tag checker.
Questions
Why does the title counter use pixels?
Google cuts titles by display width (about 580 px on desktop), not by character count. Wide letters like W use more space than narrow ones like i.
Will Google show exactly this?
Not always. Google may rewrite titles and descriptions, add dates or ratings, and changes its layout over time. Use this as a guide.
What length should a description be?
About 120–155 characters is usually shown in full. Write it for people: say what the page offers.
Does the tool fetch my page?
No. The preview uses only what you type and runs in your browser. Nothing is sent to our server, so drafts and unpublished pages are fine.