SERP Preview Tool

Preview how your page title and meta description appear in Google search results with pixel-accurate truncation.

Visual Studio Release Diff Regression Check Staging Check SEO Checker URL Debugger llms.txt Hreflang OG Image Social Meta JSON-LD Schema Markup Social Preview SERP Preview Robots.txt

Import existing tags

Paste HTML or upload an HTML file to pre-fill fields

Page URL

The full URL of the page. Used for previews and as a default for canonical.

Title Tag0/60

The <title> tag. Google truncates by pixel width (~580px). Aim for 50-60 characters.

Meta Description0/160

Shows in Google search results. Aim for 150-160 characters. Google truncates at ~920px.

Canonical URL

Defaults to your page URL if empty. Use when multiple URLs show the same content.

OG Type

The type of content. Most pages use "website" or "article".

og:title

Title for social cards. Leave empty to use your title tag.

og:description

Description for social cards. Leave empty to use your meta description.

og:image

Recommended: 1200×630px. Use an absolute URL.

Card Type

"summary_large_image" gives the biggest visual impact.

twitter:title

twitter:description

twitter:image

Falls back to your OG image if empty.

twitter:site

The site's X handle.

twitter:creator

The author's X handle.

Generated Output

Copy & paste into your site

HTML Head Tagshtml

<meta name="robots" content="index, follow" />
<meta http-equiv="content-language" content="en" />

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:locale" content="en" />

<!-- Twitter / X Card -->
<meta name="twitter:card" content="summary_large_image" />

Live Preview

Updates as you type

example.com

Your Page Title

Your page description appears here. Edit your title and description on the left to see the Google preview update…

Description truncated by Google

Brand Profile

No brand profile yet.

Save This Page Setup

Save this page's SEO setup so you can return, tweak, and re-export without re-entering everything. Stored in your browser.

A SERP preview tool that shows how your page title and meta description will appear in Google search results — with pixel-accurate truncation. Google cuts titles at approximately 580px and descriptions at approximately 920px. This tool measures the actual pixel width of your text, so you see exactly where Google will truncate.

Google truncates by pixel width, not characters

Most SERP preview tools count characters. This is wrong. Google truncates titles at approximately 580px and descriptions at approximately 920px on desktop. A title with wide letters (W, M, O) gets cut sooner than one with narrow letters (i, l, t). Two titles with the same character count can have very different pixel widths. SerpCraft measures the actual pixel width, so the preview matches what Google will actually show.

Title tag length: the pixel-width rule

Google's desktop title truncation is approximately 580px. In practice, this translates to roughly 50-60 characters for most titles — but your mileage varies based on letter widths. A title like "WOW: Wide Letters Matter" will truncate sooner than "ill: thin letters fit more". Use the live preview to see exactly where your title gets cut, and adjust accordingly. If you see a truncation warning, shorten your title.

Meta description length: the pixel-width rule

Google's desktop description truncation is approximately 920px, which translates to roughly 150-160 characters. Again, this varies by letter width. On mobile, descriptions can be longer (up to 120 characters on some devices, but Google has been experimenting). The best approach: write a compelling description that makes sense even if truncated, and use the preview to verify it fits.

Why your snippet matters for SEO

Your title and description do not directly affect rankings, but they dramatically affect click-through rate (CTR). A higher CTR can indirectly improve rankings. Write your title as a headline and your description as ad copy. Include your keyword (Google bolds it in results). Include a benefit. Include a call to action. Test different variations and monitor CTR in Google Search Console.