Title And Meta Description Preview

What A Search Snippet Is

A search snippet is the block Google shows for one result: the site name and URL, a blue title, and a short description. Most of it comes from two lines of HTML you control: the <title> tag and the <meta name="description"> tag. The snippet is your ad on a page of ten competitors, and you do not pay for the click.

Two things decide whether it works. First, does it fit, so the important words are not cut off with an ellipsis? Second, does it give the searcher a reason to pick you over the result above? This tool checks both.

Why Pixels, Not Characters

Google does not cut titles at a fixed number of characters. It cuts them when they run out of room, and room is measured in pixels. A title of capital Ws runs out of space far sooner than a title of lowercase i and l. That is why advice like "keep titles under 60 characters" is only a rough guide.

This tool measures your text the way a browser draws it. It creates an invisible canvas and uses measureText to get the exact width:

• Titles are measured in Arial at 20px and compared against roughly 600px, the approximate width of a desktop result.
• Descriptions are measured in Arial at 14px against roughly 920px, about two lines of a desktop result. If you set a date, it is counted too, because Google prints it in front of the description and it uses the same space.

When text runs over, the preview cuts it at the last whole word that fits and adds an ellipsis, which is what Google usually does. Treat both limits as approximations. Google changes its layout, uses different widths on different devices, and rewrites a large share of titles and descriptions when it thinks the page says something better.

How To Read The Result

The Preview

The desktop card is drawn at a fixed 600px width so line breaks match a real result. The mobile card wraps the same text in a narrow column. Mobile layouts often show a little more of the description, so treat the desktop limits as the safe target. If you enter a keyword, matching words in the description are bold, as Google often bolds terms that match the search.

The Checks

• Width: green fits, amber is truncated, blue means you are using less than half the space and could say more.
• Keyword: whether the title contains the phrase you entered, and whether it sits in the first half, where it is least likely to be cut.
• Click reasons: four simple tests. Does the snippet contain a number? A specific benefit such as a warranty, a free quote or same day service? Your location? A call to action in the description? These are word matches, not a prediction of click through rate.

What To Do Next

1. Put the search term and the location at the front of the title. Brand name goes last, if it fits.
2. Open the description with the reason to click: the offer, the proof, the price or the guarantee. Assume the end will be cut.
3. End with a plain call to action, such as Book a free inspection or Get a quote.
4. Publish, then check Search Console after a few weeks. Compare clicks and click through rate for the page against the period before.
5. Search for the page yourself. If Google is showing a rewritten title, the page heading or content may disagree with the title tag. Make them say the same thing.

Mistakes To Avoid

• The same title on every page. Each page needs its own title that matches its own search.
• Brand name first. Nobody searching for a service is searching for your business name yet.
• Keyword stuffing. A title that repeats the keyword three times reads like spam and is a common trigger for Google rewriting it.
• Empty descriptions. Google will pull a sentence from the page, often a cookie notice or a navigation label.
• Promises the page does not keep. If the snippet says free quote, the page needs a free quote above the fold.

The Agency Angle

Titles and descriptions are the fastest SEO change you can make and one of the easiest to show a client: one screenshot before, one after. Wise Media uses this logic on client sites as a first week deliverable, rewriting every key page's snippet and tracking the change in Search Console.