Skip to content
SEO Madmanby Adam Hafez
Free tool

SERP snippet preview with pixel-accurate truncation

Preview a title and meta description as Google renders them, measured in pixels rather than characters, on desktop and mobile.

Runs entirely in your browser. Nothing you enter is uploaded, logged or stored.

Key takeaways

  • Google truncates snippets by rendered pixel width, so the familiar 60-character rule is wrong for any title made of unusually wide or narrow letters.
  • The same title can fit on desktop and be cut on mobile, because the two layouts allow different widths.
  • Google rewrites titles and descriptions when it judges its own version more useful, so a passing preview is a ceiling rather than a guarantee.
  • Everything is measured in your browser with a canvas text measurement, so nothing you type is sent anywhere.

What it takes

  • A page title
  • The page URL
  • The meta description

More tools

All of them free, all of them browser-only.

Browse the tools

How to use it

  1. 1Paste the titleUse the exact string in your title tag, not the H1. The two are often different, and it is the title tag that Google renders.
  2. 2Add the URL and descriptionThe URL controls the breadcrumb line, and the description is what gets truncated first on mobile.
  3. 3Switch between desktop and mobileMobile allows less width for the title, so check both before deciding a snippet fits.
  4. 4Read the pixel widthsStay under the stated width rather than under a character count. The character count is shown only as a rough second signal.

Why pixels and not characters

Google composes results in a proportional font. A capital W is roughly four times the width of a lowercase l, so two titles with an identical character count can truncate in completely different places. Counting characters gives you a rule that is wrong for every title made of unusual letters, which in practice means every title containing a brand name.

What this tool does not tell you

It does not tell you whether Google will use your title at all. Title rewriting is common, and the strongest defence against it is a title tag that accurately describes the page and matches its H1, not one tuned to a pixel budget.

It also cannot see the query. Descriptions are frequently replaced with a passage pulled from the page when that passage matches the search better. Treat the meta description as the version you prefer, not the version that will always appear.

Sources

  1. 1.Control your title links in search results - Google Search CentralPrimary
  2. 2.Control your snippets in search results - Google Search CentralPrimary

Frequently asked questions

Why do the widths differ from other snippet tools?

Most tools count characters, or measure with whatever font the page happens to load. This one measures with a canvas at the font sizes Google uses in its results, which is closer to the real truncation point but still an approximation of a layout Google changes without notice.

Does a perfect preview mean Google will use my title?

No. Google rewrites title links when it judges an alternative more useful for the query, most often by pulling from the H1 or on-page text. A well-formed title makes a rewrite less likely; nothing prevents one.

Should I write to the maximum width?

No. Write the clearest title, then check it fits. A truncated title that front-loads its meaning still works; a padded title that fits exactly rarely reads better than a short one.

Tools

Hreflang XML sitemap generator

Build a sitemap with xhtml:link hreflang annotations for localized pages, with every alternate listed on every URL as Google's documentation requires.