Google SERP Preview
How to use the SERP Snippet Preview
The tool is built to mirror the way Google actually renders snippets. Pixel widths are measured by drawing your text to a hidden HTML5 canvas at the exact font size Google uses, so the readings closely match what shows up in the real SERP.
Enter your page URL
Paste the full URL of the page you're optimizing. The domain and path are extracted to build the breadcrumb exactly the way Google does — favicon, site name, then the path crumbs separated by >.
Add your SEO title
Type the contents of your <title> tag. The pixel-width meter updates live and turns red when the title exceeds 580 pixels on desktop or 480 pixels on mobile — the point at which Google truncates with an ellipsis.
Write your meta description
Enter the meta description. Aim for 120–160 characters. Shorter descriptions often get padded by Google with text from your page, which means you lose control of the snippet.
Toggle desktop and mobile
Click Mobile to switch to the narrower 400 px viewport. Mobile clipping happens earlier than desktop, so titles that look fine on desktop may still get cut off on the device 60% of users are on.
Why SERP previews matter for SEO
Your title tag and meta description are the only two elements that decide whether a searcher clicks your result or your competitor's. They're not just metadata — they're a 920-pixel-wide ad that Google shows for free, every time someone searches a relevant query.
When titles get truncated mid-sentence, click-through rate drops sharply. Studies of large query sets consistently show a 20–35% CTR penalty for results with cut-off titles compared to results that fit cleanly. The same pattern shows up for descriptions: snippets that end mid-word feel low-quality and unfinished.
The pixel-width problem
Google measures titles by pixel width, not character count. That sounds pedantic until you realize how much variation a single character can create:
- The letter i is roughly 5 pixels wide in Google's title font.
- The letter W is roughly 18 pixels wide — over 3.5× the width.
- A 55-character title made of mostly W's and M's overflows the 580 px desktop limit by a wide margin.
- A 60-character title made mostly of i's, l's, and t's fits with room to spare.
This is why "55–60 character" rules of thumb fail in practice. The only reliable way to size a title is to render it at the exact font Google uses and measure the pixels. That's exactly what this tool does.
Why Google rewrites titles (and how to avoid it)
Google rewrites the displayed title for roughly 60% of pages. The rewrite usually pulls text from the H1 or surrounding content because Google decided the original title was a worse match for the user's query. The most common rewrite triggers, in order of frequency:
- Titles that overflow the pixel limit. Google rewrites rather than truncates, ~30% of the time.
- Titles padded with the brand name first. "Brand | Page Topic" gets flipped to "Page Topic — Brand" or stripped entirely.
- Titles that don't match the user's query. If the H1 is a closer match, Google substitutes the H1.
- Generic or duplicate titles across multiple pages. "Home", "Products", or repeated patterns trigger a rewrite to whatever Google can construct from the page.
- Missing or thin meta descriptions. Google fabricates a snippet from page text — and the result is rarely as compelling as a hand-written one.
Mobile vs desktop: the 60% you can't ignore
Mobile searches account for over 60% of Google traffic in most niches, and mobile snippets are dramatically more constrained. The mobile viewport caps at roughly 400 pixels — a 30% reduction from desktop. Titles that fit comfortably on desktop frequently get truncated on mobile. Always toggle the preview to mobile before publishing, and prioritize the mobile view when the two views conflict.
What "good" looks like
- Titles 50–60 characters as a soft target, but always pixel-checked against the 580 px desktop and 480 px mobile limits.
- Meta descriptions 140–160 characters to maximize SERP real estate without clipping.
- Primary keyword in the first 30–40 characters of the title, so it survives mobile truncation.
- Brand name at the end of the title (or omitted on long pages), not the start.
- One unique meta description per page — duplicates trigger Google to fabricate snippets across your site.
Frequently asked questions
What is a SERP snippet preview tool?
A SERP snippet preview tool simulates how your page will appear on a Google search results page. It renders your URL, title tag, and meta description in the same layout, font, and width Google uses, so you can see truncation issues before publishing instead of discovering them after a page is already indexed.
How long should an SEO title be?
Google measures titles by pixel width, not character count. The desktop limit is roughly 580 pixels and mobile is around 480 pixels. Most titles fit comfortably between 50 and 60 characters, but capital letters and wide characters like W and M push pixel width higher, so a 55-character title can still get truncated. Always use a pixel-width preview rather than a character cap.
How long should a meta description be?
Aim for 120 to 160 characters. Google currently displays roughly 920 pixels of description on desktop, which translates to 150 to 160 characters of typical English text, and around 680 pixels on mobile. Descriptions shorter than 120 characters often get padded by Google with text from the page itself, so write to the upper end of the range when you can.
Why does Google rewrite my title and description?
Google rewrites the snippet for about 60% of pages. The most common triggers are titles that are too long, titles padded with the brand name, titles that don't match the user's query, missing or duplicate meta descriptions, and meta descriptions that don't reflect the page content. A tighter, more relevant title and a unique meta description significantly reduce rewrite rates.
Does this tool measure pixel width the way Google does?
Yes. The pixel-width meter renders text to a hidden HTML5 canvas using the same font sizes Google uses for desktop SERPs (20 px Arial) and mobile SERPs (18 px Arial). This is the same technique Google's own snippet rendering uses, so the pixel readings closely match what you see in the live SERP.
What's the difference between desktop and mobile SERP previews?
Mobile SERPs use a narrower viewport (about 400 px) and a slightly smaller title font (18 px vs 20 px). Titles that fit on desktop frequently get truncated on mobile, and meta descriptions clip earlier on mobile because Google shows fewer lines. Always preview both views, especially since over 60 percent of Google searches happen on mobile devices.