FormatterHQ

SERP Snippet Preview & Meta Length Checker

Write titles and meta descriptions that are not cut off: see a Google-style result for desktop or mobile with pixel-width meters, keyword highlighting and instant tips.

Loading tool…
Ready.

How to use the SERP Snippet Preview & Meta Length Checker

  1. Type or paste your Title tag and Meta description.
  2. Add the page URL, site name and an optional focus keyword.
  3. Switch between Desktop and Mobile and watch the preview and length meters.
  4. Follow the checks, then click Copy tags to copy the finished <title> and meta description.

Preview your Google snippet with the SERP preview tool

Your title tag and meta description are often the first thing people see of your page. If they are too long, Google truncates them with "…" and the key message may be lost. This SERP preview simulates a search result and measures the title in pixels — the way Google actually decides where to cut — not only in characters.

Why pixels, not characters?

Google's desktop results truncate titles at roughly 580–600 pixels. A title full of narrow letters (i, l, t) fits many more characters than one with wide letters (W, M) or capitals. The tool measures your title with the same 20 px Arial font Google uses for result titles and shows a meter: green when it fits, amber when it is very short and red when it will likely be cut. Descriptions are shown in 14 px text and are typically cut after about 150–160 characters on desktop and fewer on mobile.

What the checks look at

  • Title width and length, with a warning when it will be truncated or is shorter than about 30 characters.
  • Description length, with hints for empty, short (<70 characters) or too long descriptions (wider than the space for about 150–160 characters on desktop, less on mobile).
  • Whether the focus keyword appears in the title and description. Matching words are shown in bold in the preview, as Google does for query terms.

Writing tips

  • Put the most important words first; truncation removes the end.
  • Make every title unique and describe the specific page, not just the brand.
  • Write the description as a short pitch that answers the searcher's question and ends with a reason to click.
  • Avoid keyword stuffing. Google may rewrite titles and descriptions it finds unhelpful.

Keep in mind

Google does not always use your tags: it may choose a different title or pull a description from the page when it better matches the query. A well-written, accurately sized snippet still gives you the best chance of being shown as intended. Check how the same page appears on social networks with the Open Graph preview, generate the rest of your head tags with the meta tag generator and create clean URLs with the slug generator.

Desktop versus mobile

Mobile results are narrower but use a similar font size, so titles are usually cut a little later in characters but descriptions earlier. Switch the preview between the two views to make sure the beginning of both texts carries your message on every device. The site name and breadcrumb-style URL above the title are generated from the fields you enter, similar to how Google shows them.

Privacy

The tool runs entirely in your browser. Nothing you type or paste is sent to our servers.

Frequently asked questions

How long should a title tag be?
Aim for about 50–60 characters, or under roughly 580 pixels. The pixel width matters more than the character count, which is why the meter measures pixels.
How long should a meta description be?
Around 120–155 characters works well on desktop. Mobile results show a little less, so put the key message in the first 120 characters.
Why does Google show a different title than mine?
Google may rewrite titles that are too long, stuffed with keywords or do not match the page content. Clear, descriptive titles are rewritten less often.
Does the meta description affect rankings?
Not directly, but a compelling description can increase click-through rate, which makes your ranking position more valuable.

Last updated October 3, 2026

Related tools

Open Graph & Twitter Card Preview Paste your page’s meta tags and preview the link on Facebook, X/Twitter, LinkedIn, Slack and Discord, with fixes for missing tags. UTM Campaign URL Builder Build Google Analytics campaign URLs with utm_source, utm_medium, utm_campaign, utm_term and utm_content, consistently formatted. XML Sitemap Generator Turn a list of URLs into a valid sitemaps.org XML sitemap with optional lastmod, changefreq and priority — ready for Search Console. Hreflang Tag Generator Generate hreflang annotations for multilingual sites as <link> tags, sitemap entries or HTTP headers, with code validation. .htaccess Redirect Generator Generate Apache .htaccess 301/302 redirects from old → new URL pairs, plus force-HTTPS, www and trailing-slash rules. Meta Tag Generator Generate SEO meta tags for your page head: title, description, keywords, robots, canonical, Open Graph and Twitter cards. Robots.txt Generator Create a robots.txt file: allow or block paths, block AI crawlers and specific bots, set crawl-delay and add your sitemap URL. Add Line Numbers Number every line of text: choose the start number, step, format (1. 1) 1:), zero padding, and whether empty lines get a number. Add Prefix and Suffix to Lines Add text to the start and end of every line at once: quote list items, add bullets, commas or HTML tags. Skip empty lines, trim spaces. Alphabetical Order Put a list into alphabetical order (A–Z or Z–A), optionally ignoring leading articles like "The". Angular Formatter Format Angular component templates with structural directives, bindings and pipes. ASCII Art Text Generator (FIGlet) Turn text into large ASCII art banners with 30 FIGlet fonts. Wrap them as code comments for README files, CLIs and source headers.