0

SERP Snippet Preview

See how your title tag and meta description will look in Google search results — live desktop and mobile snippet preview with character and pixel counters.

Title length
0 / 60 characters
0 / 600 px (approx.)
Description length
0 / 160 characters
0 / 960 px (approx.)
🌐

Pixel widths are measured with Arial font metrics in your browser and are an approximation — Google's exact fonts and limits change over time. Nothing is fetched from your URL: all input is manual and stays in your browser.

Processing... 0%

Result

Will your title tag survive Google's cut-off, or will it end in a frustrating …? The honest answer is measured in pixels, not characters: Google truncates desktop titles at roughly 600 px and descriptions at roughly 960 px, so two 58-character titles can meet very different fates depending on how wide their letters are. This tool renders your snippet the way a search result looks — favicon placeholder, breadcrumb URL, blue title, grey description — and redraws it on every keystroke.

Both fields get two counters at once: characters against the familiar 60-for-titles and 160-for-descriptions guidelines, and rendered pixel width measured with the canvas API using Arial metrics at Google-like font sizes. The pixel numbers are a close approximation rather than a guarantee — Google's exact fonts and limits shift over time — which is precisely why the preview also draws the truncation ellipsis where your text would actually be cut.

The desktop/mobile toggle switches the card to a phone-width column with its own tighter limits, because a title that fits on a desktop screen routinely overflows on mobile, where most searches happen. Everything is typed in by hand and processed locally in your browser: the tool deliberately fetches nothing from your URL, so unpublished titles, draft descriptions and staging URLs stay private.

Two things no honest tool can promise: Google may rewrite your title or description for specific queries, and rankings do not change because a snippet fits. What you control is making your intended text displayable — and if your page also needs structured data, our schema markup generator builds the matching JSON-LD block.