π SERP Preview Tool
See your Google snippet before you publish, with pixel accuracy.
Desktop preview
Mobile preview
Everything runs in your browser. Your content never leaves your device.
How to Use This Tool
Type your title, URL, and meta description as they will appear in your page HTML. The tool renders Google-style desktop and mobile snippets, measures true pixel widths, and warns you before truncation happens.
Enter your page title exactly as it will appear in the title tag.
Enter the page URL. The preview shows a breadcrumb-style display URL like Google does.
Enter your meta description. Watch the pixel meter: stay under about 990 pixels on desktop.
Add your target keyword to see how Google bolds matching terms in the snippet, which previews the visual pop searchers see.
Pixels Beat Characters
Google truncates by rendered width, not character count, because it sets titles in a proportional font. A title of 55 narrow characters (lots of i, l, t) can fit where 45 wide ones (W, M, capitals) get cut with an ellipsis. Character-count rules of thumb mislead; pixel measurement does not. This tool uses canvas text measurement in Arial, close to Google's snippet font, to give you the same verdict Google's renderer would. The URL line shows as a breadcrumb (domain plus path segments) because that is how Google has displayed URLs for years.
Worked Example
Title: "Best Hiking Boots for Wide Feet in 2026" (41 characters). Measured at about 390 pixels in Arial 20px, comfortably under the 600-pixel ceiling, so it displays in full. A stuffed version, "Best Hiking Boots for Wide Feet 2026 | Top Rated Wide Hiking Boots Reviews", measures about 640 pixels and gets truncated mid-word with "...", hiding the end. Description: "We tested 24 pairs of hiking boots on 300 miles of trail to find the best wide options for comfort and support." at about 920 pixels fits the two-line desktop limit; adding one more clause pushes it past 990 and the tail vanishes. Front-load the value: put the promise and the keyword in the first 120 characters.
Writing Snippets That Earn Clicks
The title is a headline, not a keyword list. Put the primary keyword in the first half, add one differentiator (year, number, "tested", "guide"), and keep it under 600 pixels. The description is ad copy: expand the title's promise, include a benefit or number, and end with an implicit call to action ("see the full comparison"). Match the title to your H1 and page content, or Google will rewrite it from your headings, sometimes badly. After publishing, check Google Search Console's performance report: a page with high impressions but low CTR is usually a snippet problem, and this preview is where you fix it before it costs you clicks. Everything you type here stays in your browser.
Frequently Asked Questions
How long should a meta title be?
Aim for under 600 pixels wide, which works out to roughly 50 to 60 characters depending on letter widths. Wide letters like W and M eat pixels fast, so a 55-character title of narrow letters can fit while a 50-character title full of capitals gets cut. This tool measures actual pixel width with canvas text measurement, which is far more reliable than counting characters.
What is the pixel limit for titles?
Google truncates titles at about 600 pixels on desktop. The exact cutoff shifts slightly with font rendering, but 580 to 600 pixels is the practical ceiling most SEOs design to. Meta descriptions get about 990 pixels (roughly two lines, 150 to 160 characters) on desktop. Mobile shows similar title widths but descriptions can run slightly longer. Stay comfortably under and your snippet displays exactly as written.
Why does Google rewrite my title?
Google rewrites titles it considers unhelpful: keyword-stuffed titles, titles that do not match page content, boilerplate like "Home" or "Untitled", and titles far over the length limit. Since the 2021 title update, Google generates its own title from your H1, content, or anchor text when it dislikes yours. The fix is a concise, accurate title under 600 pixels that matches the page's H1 and actual topic.
Are mobile and desktop limits different?
Mostly similar for titles (about 600 pixels both), but descriptions differ: desktop shows roughly two lines (about 990 pixels) while mobile can show a bit more or less depending on the device. Google also uses a mobile-first index, so the mobile rendering is arguably the one that matters most. This tool renders both so you can check each.
Does the target keyword need to be in the title?
It helps, especially near the front. Google bolds query terms in the snippet, which draws the eye, and a title that matches the search intent earns more clicks. But do not force it: a natural, click-worthy title beats a keyword-stuffed one. Put the keyword in the first half of the title when it fits, and make sure the description expands on the promise with a reason to click.