Google search result (SERP) snippet preview

Google result preview with pixel-width title and description truncation.

Device

Words from the query are shown in bold in the description, as Google does.

Google shows a date for articles and news, and it takes part of the description's space.

Only shown for pages with valid review structured data, and Google decides whether to show it.

Favicon (optional)
Preview

Approximate, checked 2026-10-14: Google measures pixels, not characters, changes its layout often and may rewrite the title or pick its own description.

E
Example Coffee
https://www.example.com › guides › pour-over-coffee
Pour-Over Coffee at Home: Ratio, Grind Size, Water ...
Learn how to brew pour-over coffee at home with a simple recipe: the 1:16 ratio, water just off the boil, a thirty-second bloom and a slow spiral ...
Widths
Title791 of about 600 px · 84 characters · cut after 50 characters
Description1151 of about 920 px · 191 characters · cut after 145 characters
  • The title is cut. Move the important words to the start, or shorten it.
  • The description is cut. Keep the key message in the first 120 characters.

What this tool does

Type a title, a meta description and the page URL, and the tool draws the result the way Google lays it out: favicon, site name and breadcrumb trail on top, the blue title, an optional date and star rating, and the description with the words of your search query in bold. Two bars show how wide the title and the description are in pixels against the space Google gives them, and a list says what to fix. Switch between desktop and mobile to see both. Copy the finished <title> and <meta name="description"> tags with one click.

Pixels, not characters

Google does not cut titles after a fixed number of characters. It cuts them when they run out of room, so the width of each letter matters: an "i" or "l" in Arial is 222 thousandths of the font size wide, an "m" 833 and a "W" 944. A title of capital Ws runs out of room after about 30 characters; one of narrow letters can pass 70. That is why "keep titles under 60 characters" is only a rule of thumb.

The tool measures with your browser's own Arial, the font Google uses for results, and falls back to Arial's published metrics where it cannot measure. The budgets it uses are the commonly measured approximations, checked on 14 October 2026:

  • Desktop title: about 600 px of 20 px text, roughly 50 to 60 characters of mixed text.
  • Desktop description: about 920 px of 14 px text, roughly 145 to 160 characters.
  • Mobile: titles wrap over up to two lines and descriptions are shorter, around 120 characters; the tool uses 680 px budgets for both.

When text is too long, it is cut at the last whole word that fits with " ..." after it, which is what Google does in most results. A date shown before the description takes part of the description's space; the tool subtracts it.

What it cannot tell you

Google does not always show your text. It rewrites titles it considers inaccurate, too long, stuffed with keywords or identical across pages, and it often builds the snippet from the page text that best matches the query instead of your meta description. The preview shows what happens if Google uses your text, which is the part you control. Rich results such as stars appear only with valid structured data and only when Google chooses to show them; the rating here is a mock to see how much room it takes.

Writing titles and descriptions that survive

Put the words people search for at the start of the title and keep the brand at the end, where a cut costs least. Make the description a reason to click: what the reader gets, in concrete terms, in the first 120 characters, because that is all phone users see. Every page needs its own title and description; duplicates are the most common reason Google writes its own. The article titles and meta descriptions that don't get cut works through examples with measured widths. To write the full set of head tags, including Open Graph for social shares, use the Open Graph and meta tag generator; to count characters for social posts, the text toolkit.

Frequently asked questions

How long should a title tag be?

Short enough to fit about 600 pixels on desktop, which is roughly 50 to 60 characters depending on the letters. Wide letters (W, M, capitals) use the space faster than narrow ones (i, l, t).

How long should a meta description be?

Roughly 120 to 160 characters. Desktop shows about 920 pixels (145 to 160 characters); phones show less, so put the key message in the first 120 characters.

Why does Google show a different title or description?

Google rewrites titles that are missing, too long, repetitive or keyword-stuffed, and often builds the snippet from page text that matches the query better. Specific, unique and accurate text is rewritten less often.

Is the preview exact?

No. It measures pixels with Arial at the sizes Google uses and applies widely measured budgets, but Google changes its layout and does not publish the numbers. Treat it as a close guide.

Does the meta description affect rankings?

Google has said it does not use the meta description as a ranking signal. It matters for clicks: a clear description that matches the search earns more of them.