Google SERP Preview Tool
Preview how a page title, URL, and description may appear in search. Your work stays on this device whenever possible.
How to use Google SERP Preview Tool
- Type your "Page Title" and watch the pixel meter beside the label compare its width against the limit for the current device.
- Fill in "Target URL / Breadcrumb" with a full address; the preview turns it into a breadcrumb such as domain then folder names separated by arrows.
- Add the "Meta Description" and check its character counter against 160.
- Click "Desktop View (600px max)" or "Mobile View (Card format)" to change the title font size, card width and pixel limit (600px versus 420px).
- Edit the wording until the mock title no longer ends in " ...", which is how the tool shows a truncated title.
Worked example
With the desktop view active, paste the title Online PDF Converter - Merge, Split and Compress PDFs Free. The meter shows the measured width against 600px. If it goes red, the mock result title is shortened and finishes with three dots. Switching to the mobile view rechecks the same text at 18px against 420px, where the cut usually falls earlier.
When to use this tool
- Testing whether a long product title fits before it goes into the CMS.
- Showing a client how the same page reads on a phone versus a laptop.
- Trying breadcrumb-friendly URLs by watching how the path segments appear.
Important limitations
Google dynamically rewrites up to 60% of search page titles based on search intent, query phrasing, brand authority, and on-page H1 elements. This tool provides an exact pixel template benchmark.
Frequently asked questions
How does the tool measure title width?
It draws the text on a hidden canvas using Arial, 20px on desktop and 18px on mobile, and reads the width. If Arial is missing on your device the browser substitutes a font, so the pixel figure can drift a little.
Why is the description limit counted in characters?
The description counter is character-based (160) rather than pixel-based, so it is only a rough guide. For a per-character pixel estimate use the meta description checker instead.
Does it mirror what Google will display?
It approximates the layout only. Search engines can rewrite titles and snippets, add site names or dates, and change fonts and limits over time, so the preview is a planning aid rather than a promise.
What happens with a URL that is not valid?
If the address cannot be parsed the raw text is shown as-is in the breadcrumb line, and the site name above it keeps its previous value. Enter a complete URL with https:// for the arrow-style path.
Can I compare two title versions?
Only by editing one field and reading the meter again; there is no stored second variant. Note the two numbers yourself and keep the version that fits the limit.