SERP Preview Tool With Pixel Width
Enter a page title, meta description and URL – the preview shows roughly how the search result looks on desktop. The tool measures width in pixels, because search engines shorten by available space, not by character count.
How it is calculated
Why pixels instead of characters?
Search results use a proportional font: a “W” is more than four times as wide as an “i”. Ten Ws measure 188.8 px in Arial at 20 px, ten i’s only 44.4 px. A title made of 60 capital M’s would be 999.6 px wide, one made of 60 lowercase l’s just 266.6 px. A fixed character limit therefore says little about whether a title is shown in full.
How the tool measures
- Title: Arial 20 px, description: Arial 14 px – the usual styling of desktop results.
- Each character’s width is taken directly from the Arial font file (glyph advance widths), not estimated. Kerning is ignored, so the real width may differ by a few pixels.
- Characters Arial does not contain (such as emoji or Chinese characters) are counted at the full font size as an approximation and flagged separately.
- If a text does not fit, the preview cuts it at the last word boundary and adds “…”.
Is there a fixed length for title tags and meta descriptions?
No. Google Search Central documents no fixed maximum for titles or snippets: titles are shortened to fit the device, and snippets are truncated as needed. Google may also replace your title and description with other text from the page – for example when they do not match the query.
The limits in this tool – approx. 600 px for the title and approx. 920 px for the description (roughly 920 to 990 px are observed) – are common rules of thumb for desktop, not official figures. On phones, titles often wrap onto several lines.
Tips for titles and descriptions
- Put the most important words first, in case the text is truncated after all.
- Give every page its own descriptive title – Google recommends unique, concise titles rather than lists of keywords.
- The description should summarize the page and match what searchers actually find there.
To count characters instead, use the character counter.
Frequently asked questions
How long can a title tag be?
Google sets no fixed limit and shortens titles to the available width. As a rule of thumb, about 600 px in Arial 20 px fit on desktop – how many characters that is depends on the letters.
How long should a meta description be?
There is no official limit either. On desktop, roughly 920 to 990 px in Arial 14 px are usually shown; the number of characters again depends on the letters. What matters more is that the description summarizes the page accurately.
Does Google always show my title and description?
No. Google may adjust the title and choose a different excerpt of the page for the snippet if it matches the query better. The preview shows how your own text would look.
Why does the preview differ from the real search result?
Search result layouts change regularly, differ by device and sometimes include dates, ratings or images. The preview is a simplified mock-up of the desktop view for orientation.
Are my entries stored?
Your entries stay in your browser and are not sent to a server. With “Share” you can create a link that contains title, description and URL.
Sources and legal basis
- Google Search Central – Influencing your title links in search results (no fixed title length; titles are shortened to fit the device width)
- Google Search Central – Control your snippets in search results (no length limit for the meta description; snippets are truncated as needed)
As of:
Related tools
- Character Counter and Word CounterCount characters with and without spaces, words, sentences, paragraphs and reading time – live, with limits for X, Instagram, TikTok, LinkedIn, SMS and more.
- URL slug generatorTurn headlines into clean URL slugs: lowercase, hyphens, accents removed, stop words optional. Paste several titles at once and copy all slugs in one go.
- UTM builderAdd UTM parameters to links: utm_source, utm_medium, utm_campaign and more, correctly encoded, existing parameters kept. Campaign URL builder with typo checks.
- Flesch Reading Ease CalculatorPaste your text to get the Flesch Reading Ease score, the score band, words per sentence and syllables per word – plus the German version by Amstad.
- Keyword combinerCombine up to 4 word lists into every keyword combination – with list order, separators and match types "phrase match" and [exact match]. No duplicates.
- Break-even calculatorBreak-even point calculator for small businesses: units and sales dollars to break even from fixed costs, price and variable cost, plus a target profit.