๐Ÿ“ Inputs

Fill these in. The preview updates as you type.

Pixel width
0px / 580px

๐Ÿ” Preview

Switch between desktop and mobile to see both.

example.com
https://example.com
Your title appears here
Your meta description appears here, truncated by search engines around 155 characters on desktop and somewhat shorter on mobile.

FAQ

What each field does

Page title

The clickable headline shown in the search result. The character and pixel counters show how close you are to the desktop cutoff (~580px). Search engines truncate longer titles with "โ€ฆ". Exact characters depend on letter width (a "W" is wider than an "I").

Meta description

The summary text shown under your title in the search result. Aim for 140โ€“160 characters. Search engines truncate at roughly 155 on desktop and shorter on mobile. Going over isn't penalized, but the cut-off part is hidden from users.

Page URL

The full URL of the page. The preview shows the domain and breadcrumb-style path, exactly as search engines render it.

Show publish date (optional)

Adds a date label before the description, simulating how search engines display dates for news and time-sensitive content. Note: search engines decide independently whether to show your date. Adding it here only previews how it would look.

Show as visited (purple title)

Switches the title color from the default blue to the purple "already visited" color, so you can preview how your result looks to a returning visitor.

Desktop / Mobile toggle

Switches the preview between desktop layout (wider, ~580px title cutoff) and mobile layout (narrower, ~480px cutoff). Mobile is where most search traffic happens now, so check both.

General questions

Why pixel-width, not just character count?

Search engines' actual cutoff is based on rendered pixel width, not characters. "IIIIIIIIII" and "WWWWWWWWWW" are both 10 characters but very different widths. The desktop title limit is ~580px; mobile is narrower. The tool measures the rendered width so you can see when search engines will truncate.

Why do search engines sometimes rewrite my title in search results?

Search engines rewrite titles when they think yours is misleading, stuffed with keywords, too long, or doesn't match query intent. Best defense: write a clear, accurate title that matches the page content.

Does this preview match search engines exactly?

It's a close approximation. Same font (Arial), same color scheme, same pixel-width measurement. Real search engines may add site links, related questions, rich results, or change layout slightly.

Does this tool send my data anywhere?

No. Everything runs in your browser. Title, description, URL: nothing leaves your device.