SERP snippet simulator: see your page in Google and in AI answers

How to use the SERP snippet simulator

Type your SEO title (the <title> tag) and meta description exactly as you want them to appear, then add the page URL and your site name. The preview updates as you type. Switch between Desktop, Mobile, Social and AI source to see the same page in the four places people usually meet it before they click.

If you add the keyword you want to rank for, the simulator bolds it in the description, the way Google bolds the words someone searched for, and checks that it appears in the title, ideally near the front. If you're still choosing that phrase, start with a proper keyword research pass. For the full craft of writing both tags, read our guide to writing title tags and meta descriptions.

Why we measure pixels, not characters

Google gives the title a limited amount of horizontal space (commonly cited as roughly 600 pixels on desktop) and cuts the text where it no longer fits. A title full of wide letters such as “M”, “W” and capitals gets cut earlier than one made of narrow letters like “i”, “l” and “t”. That's why two titles of 58 characters can look completely different. The simulator measures the real width of your text in Arial and cuts at the last whole word that fits, adding “…” just as you'd see in the results.

On mobile the title can wrap onto two lines, but each line is narrower and the description gets less room than on desktop. Put the essentials at the start of the description, because on a phone the end is the part most likely to disappear.

What the checks mean

• Title and description length: the counter turns amber or red when the text runs past the visible space, or is so short that you're wasting useful room.
• Keyword in the title and description: matching ignores capitalization and recognizes simple plurals and verb forms (“plumber” and “plumbers”, “repair” and “repairing”).
• Title identical to the description: repeating yourself wastes space; the description should add to the title.
• Capitalization style: Title Case and sentence case are both fine, but mixing them inside one title looks careless. ALL-CAPS words read as shouting.
• Special characters and emoji: Google may drop or replace symbols in titles, so don't rely on them. Garbled characters such as “’” point to an encoding problem.
• Year and numbers: a year in the title can help, but only if you update it. An outdated year makes a page look stale.
• URL hygiene: short URLs with hyphens between words, HTTPS and no stray parameters are easier to read and share.

Good practice for titles and descriptions

• Write a unique title for every page that describes exactly what is on it, with the brand at the end separated by “|” or “–”.
• Put the main keyword toward the front, phrased naturally rather than listed several times. Match what the person is looking for; our piece on search intent shows how.
• Make the description answer “why should I click this?” with one concrete benefit, some proof and a call to action.
• Rich results (stars, price, date) appear only if the page carries valid structured data and Google decides to show them. You can't force them.

The meta description is not a direct ranking factor, but it influences click-through, and a good title influences both. We work on them systematically, page by page, as part of on-page SEO optimization.

The AI source preview

Answer engines such as Google's AI features, ChatGPT and Perplexity typically show the pages they cite as small cards with a title and a site name, so a clear title and a recognizable site name matter here. Which sources get chosen, however, depends on the content itself (clarity, verifiable facts, structure), not on the meta description. We cover that in our guide on appearing as a source in AI Overviews.

Common mistakes

The same title on dozens of pages, comma-separated keyword lists, descriptions copied from a manufacturer, titles typed in capitals and years left to go stale. All of them are quick to fix, and the simulator shows you the difference straight away.