SERP Snippet Preview & Meta Length Checker
Google truncates titles and descriptions by pixel width, not character count — a title of 60 capital W's is more than three times wider than 60 lowercase i's in the same font. This preview measures your exact text with the canvas API in Arial at Google's rendering sizes (titles ~20px, descriptions ~14px), shows a pixel-accurate snippet for desktop and mobile, and flags each field green, amber or red with both pixel and character counts. Emoji and wide Unicode are measured correctly — the thing plain character counters get wrong.
Preview (desktop) — thresholds are approximations; Google changes them
Slow pages lose visitors. Learn ten practical fixes — image compression, caching, lazy loading and more — with before/after numbers for each.
How to use the serp snippet preview & meta length checker
- Type or paste your title tag, URL and meta description — empty fields show a sample so you can see the layout.
- Switch between desktop and mobile: the pixel cutoffs differ (~580px desktop titles vs ~920px on mobile, where titles wrap to two lines).
- Add your target keyword to see it bolded in the description, the way Google highlights query terms.
- Toggle the date prefix if your page shows a publish date — it eats into the description’s pixel budget.
- Trim until both badges are green: under ~90% of the limit leaves a safety margin for Google’s layout changes.
Why pixels beat characters
The familiar “60 characters for titles, 155–160 for descriptions” advice is a rule of thumb derived from average letter widths. In 20px Arial, a lowercase “i” is about 5–6px while a capital “W” is about 19px. “Why We Wrote It” and “initialization” have nearly the same character count and wildly different widths. The actual cutoffs Google applies are roughly 580px for desktop titles, about 920px (two lines) for desktop descriptions, and wider on mobile where titles wrap. Treat all of these as approximations: Google adjusts its SERP layout several times a year, which is why this tool labels its thresholds rather than pretending they are exact.
Google rewrites titles — write yours so it doesn't have to
Fitting the pixel budget is necessary but not sufficient. Since the August 2021 title update, Google generates the displayed title from your title tag, headings and anchor text. Independent studies have found rewrites on a majority of pages — Zyppy's analysis of roughly 80,000 titles reported about 61% modified in some way — with over-long titles, keyword stuffing and boilerplate (“Home”, brand-only titles) the most common triggers. A title that fits within ~580px, leads with the page's actual topic, and avoids repeating the brand twice is the least likely to be rewritten.
For click-through rate, the patterns that consistently test well: put the primary keyword in the first half, use numbers and the current year where honest (“7 ways… in 2026”), use brackets for format signals (“[Template]”, “[Free Tool]”), and write the description as a one-sentence promise plus a concrete detail — Google bolds query words in it, so include the target phrase naturally.
Frequently asked questions
What is the maximum title tag length for Google?
There is no hard character maximum — Google truncates by pixel width, roughly 580px on desktop. That works out to about 55–65 characters for typical mixed-case English, which is where the ‘60 characters’ rule comes from. This tool measures your exact string in 20px Arial so you don’t have to guess.
How long should a meta description be?
Aim for 155–160 characters, or more precisely under ~920px (about two lines) on desktop. Mobile usually shows slightly more. Note that Google replaces the meta description with text from the page for an estimated two-thirds of queries — write it well, but treat it as a suggestion, not a guarantee.
Why does this tool show pixels and characters?
Pixels decide truncation; characters are what your CMS field and most SEO checklists use. Showing both lets you fix the actual problem (width) while still communicating limits to writers in characters. Two 60-character titles can differ by over 150px depending on letter shapes, capitals and emoji.
Are the pixel thresholds exact?
No — they are good approximations. Google changes font sizes, container widths and line counts several times a year, and the rendered font on a real SERP (a Roboto/Arial stack) differs slightly by OS. The values used here (~580px desktop title, ~920px desktop description, wider on mobile) match what large-scale SERP measurements have observed recently. Keep 10% headroom and you’re safe.
Do emoji and special characters work in titles and descriptions?
Google renders some emoji and special symbols in descriptions and occasionally in titles, but strips many. Each emoji is wide — typically 18–22px, the width of 3–4 letters — so they consume budget fast. This preview measures them at their real width via canvas, which plain character counters cannot do.
Will a good snippet improve my rankings?
Title tags are a confirmed (lightweight) ranking factor; meta descriptions are not. The real win is click-through rate: a snippet that fits, front-loads the topic and makes a concrete promise wins clicks against the truncated, boilerplate snippets around it — and more clicks at the same position is pure traffic gain.
Related tools
- Open Graph Meta Tag GeneratorGenerate Open Graph and Twitter Card meta tags with live social previews for Facebook, X, LinkedIn, and Discord — copy the HTML in one click.
- FAQ Schema GeneratorGenerate FAQPage JSON-LD schema: add questions and answers, get valid markup with inline validation, and copy or download the script tag.
- Hreflang Tag GeneratorGenerate hreflang tags for every language-region pair — paste URLs, pick locales, get HTML link tags or XML sitemap entries with x-default.
- Google Ads RSA Character Counter & PreviewCount characters for responsive search ads as you type — 15 headlines × 30, 4 descriptions × 90 — with a live ad preview and over-limit flags.
- Keyword Density CheckerCheck keyword density free — paste text to count 1, 2, and 3-word phrases with density percentages, stop-word filtering, and a target-keyword check.
- URL Slug GeneratorConvert any title to a clean URL slug — lowercase, hyphens, accents transliterated, stop words removed. Bulk mode turns a whole list into slugs.
Learn more
- robots.txt vs. noindex vs. canonical: Controlling What Google Indexesrobots.txt controls crawling, noindex controls indexing, canonical consolidates duplicates. Learn which to use — and why blocking a page can keep it in Google.
- Title Tags and Meta Descriptions: What Still Moves ClicksTitle tags affect ranking and clicks; meta descriptions affect only clicks. Both truncate by pixel width, not characters — here is how to write ones Google keeps.
- What Is Schema Markup, and When Do Rich Results Actually Show?Schema markup makes a page eligible — not guaranteed — for rich results. Learn JSON-LD, which types matter, and the review-snippet rule that trips people up.