Google SERP Preview - Snippet & Pixel Length Check

Google SERP Preview Tool

This Google SERP preview tool shows exactly how your page will look in Google search results before you publish. Type your URL, title tag, and meta description, and you get an instant, pixel-accurate snippet preview on both desktop and mobile.

Google truncates titles past roughly 600 pixels and descriptions past 920 pixels on desktop (680 pixels on mobile). Because it measures rendered width — not character count — this tool sizes your text with the same Arial font Google uses, so you can trim a snippet that would get cut off and stop losing clicks. It is built for SEO specialists, content writers, and site owners optimizing title tags and meta descriptions.

Private by design: your title, description, keyword, and other text are measured and rendered entirely in your browser and are never uploaded to a server. The only outbound request is an optional favicon lookup, which sends just the domain you enter to Google's public favicon service.

How to Use the SERP Preview

Enter your page details

Fill in the URL, Site Name, Title Tag, and Meta Description in the left panel. The site name auto-fills from your URL domain, and the favicon and breadcrumb path load automatically.

Add a keyword and options

Type a Keyword to see how Google bolds matching terms in your snippet. Toggle Show date for a publish date or Show rating to add star ratings and a review count.

Watch the pixel meters

As you type, the meters show characters and exact pixel width against Google's limits. Color-coded tips flag a title or description that is too short or will be truncated, so you can adjust on the spot.

Preview, copy, or export

Use the device toggle to switch between Desktop and Mobile views. When the snippet looks right, Copy HTML Tags to your clipboard or Export as PNG for reports and presentations.

Features

Live Desktop & Mobile Preview

See a real-time Google search snippet and toggle between desktop and mobile, which Google displays differently.

Title Pixel-Width Meter

Measures your title tag in the same Arial font Google uses and warns before it passes the 600px truncation point.

Description Pixel-Width Meter

Tracks meta description width against the 920px desktop and 680px mobile limits, updating live as you edit.

Character Counters

Live character counts sit next to the pixel readout for both the title and the meta description.

Keyword Highlighting

Enter a target keyword to preview how Google bolds matching words in your title and description.

Auto Favicon Loading

The favicon for your URL's domain loads automatically into the preview for a realistic result.

Site Name & URL Breadcrumb

The site name is extracted from your URL, and the path is shown as Google's breadcrumb-style URL segments.

Publish Date & Ratings

Toggle a formatted publish date or star ratings with a review count to preview rich-snippet listings.

Color-Coded Tips

Good, warning, and too-long tips guide your title and description toward optimal length as you type.

Copy HTML & Export PNG

Copy ready-to-paste title and meta description tags, or export the preview as a high-resolution PNG image.

Frequently Asked Questions

What is a SERP preview tool?

A SERP preview tool simulates how your page will appear in Google's search results. You enter your title tag, meta description, and URL, and it renders a live snippet so you can check the wording and length before publishing.

How long should a title tag be in pixels vs characters?

Aim for a title under 600 pixels, which is roughly 50–60 characters depending on the letters. Because Google truncates by rendered width, two titles with the same character count can fit or get cut off. The pixel meter here gives you the exact measurement.

What is the ideal meta description length?

On desktop, keep descriptions under 920 pixels (about 120–158 characters); on mobile the limit is 680 pixels. Switch between the desktop and mobile views to confirm your description fits on both.

Why does Google measure length in pixels instead of characters?

Characters have different widths — a "W" is far wider than an "i" — so Google measures the actual rendered width to decide where to truncate. This tool measures pixel width with the same Arial font and sizes Google uses (20px for titles, 14px for descriptions).

Why does Google truncate or rewrite my title and description?

Google truncates a title or description that exceeds the pixel limit, and it may rewrite a description when it finds text on your page that better matches the user's query. A concise, on-topic description that fits the limit increases the chance Google uses it as written.

Why do keywords appear bold in search results?

Google bolds words in the title and description that match the user's search query so people can spot relevant results quickly. Enter a term in the keyword field to preview this effect and make sure your important phrases stand out.

Is this preview 100% accurate?

It replicates Google's current SERP layout — fonts, colors, spacing, and pixel limits — as closely as possible. Actual results can still vary with the search query, user location, device, and other factors, so treat the preview as a reliable optimization guideline rather than a pixel-perfect guarantee.