Meta Tag SERP Preview
Preview how your title and description look in a Google search result.
Overview
The Meta Tag SERP Preview shows how a page's title, meta description, and URL appear in a Google search-engine result. Type each field and watch the rendered snippet update with character counts, mobile and desktop truncation lines, and pixel-width warnings — the actual measurement Google uses to cut off titles.
Useful for SEO writers and content editors learning how to write meta titles that don't get truncated or how to preview a Google search snippet. Reach for it when shipping new pages, A/B testing title variations, or auditing a CMS template that produces titles too long for the SERP.
How it works
Google does not truncate titles by character count alone — it cuts when the rendered width in its result-page font (a custom Arial variant) exceeds roughly 600 pixels on desktop or 78 characters on mobile. Descriptions follow a similar pixel rule that translates to about 155-165 characters typically. The preview renders the strings in a matching font and reports the truncation point.
Some characters (capital W, M) are far wider than others (lowercase i, l), so a 60-character title with many capitals may truncate when a 70-character lowercase title fits. The preview shows this directly.
Examples
- A 65-character title with normal capitalisation fits on desktop but truncates on mobile.
- A title starting with a long brand name shows the brand truncated first — recommendation is to move it to the end.
- A description that ends mid-sentence at 160 chars triggers a warning to rewrite for a natural sentence ending.
- A URL with deep path shows breadcrumb-style rendering on mobile.
FAQ
What's the magic title length?
50-60 characters is a safe range for desktop. Mobile cuts shorter — aim for under 50 if the audience is mobile-heavy.
Does Google always use my meta description?
No. Google rewrites descriptions for a majority of queries when its model thinks a different snippet better matches user intent. Writing a good description is still worth it — it's used for branded queries and most direct navigation.
Why is my page showing a different title in search?
Google sometimes rewrites titles using H1 content, anchor text from other sites, or its own model. Make sure title and H1 align; that resolves most cases.
Does the SERP preview reflect rich results?
This preview shows the standard snippet. Rich results (review stars, FAQ accordion, sitelinks) require structured data and additional checks.