Google SERP Preview
See how your page will look in Google search results before you publish. Type a title, URL, and meta description and get a live SERP snippet preview, with the title and description measured in pixels — not just characters — so you can tell whether Google will cut them off with an ellipsis. Switch between desktop and mobile layouts. Everything renders in your browser.
How to use the Google SERP Preview
Enter your title, the page URL, and the meta description. The preview updates as you type, rendering a snippet styled like a Google result — favicon, site name and breadcrumb, blue title, and grey description. Above it, four metrics show the title and description widths in pixels against Google's approximate truncation limits, plus character counts. When a value turns red, it's over the limit and the preview shows where the ellipsis would fall.
Optimise by pixel width, not character count, because Google truncates by the rendered width and wide characters (like W and M) take more room than narrow ones (like i and l). A 60-character title full of capitals can overflow while a 65-character lowercase one fits. Use the desktop and mobile toggle to check both, since the layouts differ, and aim to land comfortably under the limits so your most important words survive truncation — front-load the title with what matters most.
What a SERP snippet is and why length matters
A SERP snippet is the block Google shows for your page in search results: the title link, the URL or breadcrumb, and a short description. It's often the first and only impression a searcher has of your page, so it does double duty — it influences both your ranking's click-through rate and the user's expectation of what they'll find. The title comes from your <title> tag (Google may rewrite it), and the description usually comes from your meta name="description" tag, though Google frequently substitutes a passage from the page if it judges that more relevant to the query.
The reason length matters is mechanical: Google allots a fixed pixel width to the title and description, and anything beyond it is cut and replaced with an ellipsis. This is measured in pixels, not characters, which is the detail most people miss — there's no fixed character count that's "safe," because a title of all capitals or wide letters hits the pixel ceiling sooner than the same number of narrow characters. Titles run to roughly 600px on desktop and descriptions to a few hundred characters across about two lines, but the only reliable check is to measure the actual rendered width, which is what this tool does with the same kind of font metrics a browser uses.
Getting this right is low-effort, high-leverage SEO. A truncated title can lose the keyword or call-to-action that would have earned the click; an overlong description gets chopped mid-sentence and reads as careless. Writing to fit — front-loading the important words, keeping titles distinct per page, and treating the description as ad copy rather than a keyword dump — makes snippets that both rank and get clicked. Previewing before publishing means you catch a too-long title in seconds instead of discovering it weeks later in Search Console.
Common use cases
- Pre-publish check. Confirm a title and description fit before a page goes live.
- Click-through optimisation. Craft snippets that read as compelling, complete copy.
- Bulk audits. Paste existing titles to find which ones Google is truncating.
- Mobile vs. desktop. Verify a snippet works on both layouts, not just one.