Free tool · Lab 09
Google SERP snippet preview & meta tag checker
Write your title and meta description and see how the result looks in Google on desktop and mobile, with truncation simulated in pixels, not just characters. You get checks, an indicative score and copy-ready HTML.
Everything is calculated in your browser. We do not send or save anything. The vertical line on the description bar marks the mobile threshold.
Google · desktop
Google · mobile
Social card · Open Graph (indicative)
Social networks use og:title and og:description, and the image comes from og:image (1200 × 630 px recommended). The image is not loaded here: you see a placeholder.
SERP score
—
How much space the text uses (pixels)
vertical line = approximate thresholdred = the part that gets cut
Code for <head>
—
Write plain text, for example “&”, not “&”: the code escapes &, <, > and quotation marks for you.
Approximate preview: Google may rewrite the title and description it shows, depending on the search, the device and the page content. The pixel thresholds are working values, not official specifications, and may change. The score is a heuristic, not a grade given by Google.
How the preview works
Google does not cut a title after a fixed number of characters; it cuts it by its width in pixels. A “W” takes far more room than an “i”, so two titles of 58 characters may or may not fit. That is why the tool measures the real text, using the canvas measureText function in the Arial font: 20 px for the title and 14 px for the description.
The working values used for truncation are approximate:
- Title on desktop: about 580 px, on a single line;
- Title on mobile: about 680 px, on up to two lines;
- Description on desktop: about 920 px (two lines);
- Description on mobile: about 680 px.
These are practical thresholds, not a specification published by Google, and they can change. Text that goes over the threshold is cut at the last whole word that fits, and the removed part appears struck through under the preview.
What the tool checks
The checks cover the length of the title and description, the keyword in the title, description and URL, excessive capitals, the brand name, numbers, the call to action, the title repeated in the description, words repeated too often, special characters and the shape of the URL. The score is a weighted average of the checks: the title, the description and the keyword in the title weigh the most. It is a working aid, not a ranking guarantee.
The generated code escapes correctly: &, < and > in the title, plus quotation marks inside the content attributes.
Google may show something other than what you wrote: it often rewrites the title or picks another passage from the page as the description. A good title and meta description raise the chances that they are kept, but do not guarantee it. See the Google Search documentation.
For full SEO work (keyword research, content, the technical side) we work through our dedicated brand, Succes SEO. Here you get the tool that shows how your result actually appears.
A website ready for Google
Clean structure, titles and meta tags set correctly on every page, good speed and a solid technical base.
WordPress website development →The click is only the start
A good Google result brings visitors; the page, the message and the measurement turn them into enquiries and sales.
Conversion rate optimisation →Frequently asked questions
About titles, meta descriptions and Google results
How long should the title and meta description be?
As a guide, the title is usually 50–60 characters and the description 70–160, but pixel width is what matters: the title under about 580 px and the description under about 920 px on desktop. Mobile has less room, so it is worth putting the main idea first.
Why does Google show a different title or description from the one I wrote?
Google may rewrite the title or pick another passage from the page if it seems a better match for that search, for example when the title is too long, repetitive or unrelated to the query. You cannot fully control it, but clear, relevant text raises the chance that yours is kept.
Does the meta description affect my Google ranking?
It is not a direct ranking factor. Its job is to earn the click: a clear description with a concrete benefit can bring more visitors from the same position. The title, on the other hand, helps Google understand what the page is about.
Why measure in pixels and not just characters?
Because the space in the result is limited in width, not in number of letters. Wide letters (M, W) take more room than narrow ones (i, l), and capitals are wider than lowercase. The same length in characters can be cut in one case and fit in full in another.
What should I do with pages that share the same meta description?
Write a unique description for every important page. If you have hundreds of pages, such as products, you can start from a template with variable parts, but check the result on a few real pages. Identical descriptions across the whole site help neither the user nor the search engine.
Is the text I type sent anywhere?
No. The measuring, the checks and the code are all calculated in your browser, and nothing is sent to a server. Your text is only kept while the page is open. Data reaches us only if you explicitly press “Send the result to us”.
Lab
More free tools
Digital scanner
9 questions → a score for Presence, Promotion and Performance, plus a personalised action plan.
Ads budget simulator
From your budget: clicks, leads, customers, cost per customer and ROAS, channel by channel.
Conversion calculator
How much extra revenue the same traffic brings at a better conversion rate.
Ad studio
Write your ad and see it live as a Google and Facebook ad, with limits and checks.
UTM builder + QR
Clean, measurable campaign links with a print-ready QR code.
Social media calendar
A 4-week editorial plan with ideas, formats and times — CSV and calendar export.