📝 Inputs

Updates live as you type. Nothing leaves your browser.

0
/ 60 chars
Characters
0
/ 580 px desktop
Desktop
0
/ 540 px mobile
Mobile
0
/ 160 chars
Characters
0
/ 920 px desktop
Desktop
0
/ 980 px mobile
Mobile
Mobile description is wider than desktop here because mobile uses a smaller description font (not a typo).

🔎 SERP Preview

Approximate rendering. Search engines may choose their own title/description sometimes; these are just the inputs you provide.

Desktop
example.com
https://example.com
Your page title appears here
Your meta description appears here. Search engines may truncate at around 580 px / 60 chars for titles and 920 px / 160 chars for descriptions on desktop.
Mobile
example.com
https://example.com
Your page title appears here
Your meta description appears here. Mobile limits are tighter for titles (~540 px) and slightly wider for descriptions (~980 px).

FAQ

What each field does

Page title

The clickable headline that appears in search results. The tool measures: characters (typical guidance: ≤60), desktop pixels (limit ≈580 px), and mobile pixels (limit ≈540 px). Beyond those pixel widths, search engines truncate the title with "…".

Meta description

The 1–2 sentence summary shown under the title. Measured as: characters (typical guidance: ≤160), desktop pixels (limit ≈920 px), and mobile pixels (limit ≈980 px). Going over isn't penalized; the cut-off portion is just hidden.

Page URL (optional)

The URL of the page. Shown in both desktop and mobile previews as a breadcrumb-style path under the domain. Doesn't affect any pixel measurement; it's purely for visual preview.

Desktop / Mobile previews

Side-by-side rendering of how the result looks in each layout. Desktop is wider and shows longer titles before truncation. Mobile is narrower for titles but slightly wider for descriptions. Most search traffic now happens on mobile.

The colored bars under each field

Visual indicator of how close you are to the truncation limit. Green = comfortable, yellow = approaching limit, red = over the limit and being truncated.

General questions

What does this tool measure?

Two things for each field: character count (a count of code points) and pixel width (how wide the text is when rendered in search-result font). Pixel width matters because search engines truncate by pixels, not characters; wide characters like "W" or "M" take more space than narrow ones like "i" or "l".

What are the limits based on?

Measurements of current desktop and mobile search-result layouts. Title desktop ≈ 580 px, title mobile ≈ 540 px, description desktop ≈ 920 px, description mobile ≈ 980 px. Search engines can adjust these and may also rewrite titles or descriptions of their own choosing; these numbers are the truncation thresholds, not a guarantee.

What fonts and sizes are used?

Titles are measured in Arial 20px and descriptions in Arial 14px, the closest publicly observable match to current search-result rendering. If search engines change their SERP font, measurements will drift slightly.

Why do my characters and pixels disagree?

Different characters have different widths in proportional fonts. "iiii" is much narrower than "MMMM" even though both are four characters. Pixel width is the more accurate measure of whether your title will actually be truncated.

Does this tool send my text to a server?

No. Pixel width is measured locally using HTML Canvas. Nothing about your title, description, or URL leaves your browser.