SERP Simulator: Preview Your Google Snippet Before You Publish

What is a SERP snippet?

A SERP snippet is the block that represents one page in Google search results: the title link, the site name and favicon, the URL shown as breadcrumbs, and one or two lines of description. SERP stands for search engine results page.

Google builds each part from different sources. The title link usually comes from the <title> tag, the description from the meta description or from text on the page, and the site name from signals such as WebSite structured data. This SERP simulator draws the same block from the data you type, with the first letter of the site name in place of the favicon.

How to preview your Google snippet in 4 steps

To preview a Google snippet, type the title and meta description, add the page URL and check the result in both views. The preview updates with every keystroke.

1. Type the page title. Enter your <title> text in Page title; the bar below shows its width in pixels and its length in characters.
2. Add the meta description. Paste it in Meta description. Press Example first to see a finished snippet.
3. Fill in the URL and extras. Page URL builds the breadcrumbs. Site name falls back to the domain, Search query bolds matching words, and Show date adds a date before the description.
4. Check both views and copy. Switch between Desktop and Mobile, reword until the bars turn green, then press Copy HTML to take the ready <title> and <meta name="description"> tags.

Title and meta description length: pixels vs characters

Keep titles under about 600 pixels, which is usually 50–60 characters, and meta descriptions under about 920 pixels on desktop, roughly 150–158 characters. Google measures width in pixels, not characters, so wide letters and capitals get cut sooner.

Pixels matter because letters differ in width: a lowercase i is several times narrower than a W, so two 55-character titles can differ a lot on screen, and capitals get cut much earlier. Google does not publish exact limits; the figures above are the approximations most SEO tools use.

The counters in this SERP simulator measure the real width of your text. The bar turns amber past 95% of the limit and red when Google would likely cut the text. A date before the description counts toward the same limit.

How to write a title tag that gets clicks

A good title tag names the topic in the first words, promises something specific and fits in about 600 pixels.

• Put the main keyword near the start. Readers scan the first words, and a cut title keeps them.
• Make every title unique. Two pages with the same title compete with each other.
• Add one concrete detail. A number, a year or a format such as “free” or “PDF”.
• Put the brand at the end. Separate it with a vertical bar and drop it first when space runs out.
• Avoid words in capitals. They are wider and read as shouting.
• Use the keyword once. Repeating it looks like spam and invites a rewrite.
• Match the H1 in meaning. A title that doesn’t reflect the page content is one of the triggers Google lists for rewriting it.

How to write a meta description

A meta description is an HTML tag that summarizes a page in one or two sentences. Google may show it under the title, but it isn’t a direct ranking factor; it matters because it affects clicks.

• Answer the search in the first sentence. Say what the page gives the reader.
• Add one benefit and one concrete fact. Price, number of items, delivery time or a format.
• End with a clear next step. “Compare plans”, “See the menu”, without clichés.
• Write a unique description for each page. Identical descriptions across many pages don’t help Google or readers tell the pages apart.
• Aim for 120–158 characters. Check the width in the simulator, since the limit is in pixels.
• Avoid double quotes. An unescaped double quote ends the content attribute and cuts the text; Copy HTML here escapes them as ".

Before: Welcome to our website. We sell many different kinds of bags for everyone.
After:  Handmade leather bags built to last. Totes and backpacks in 12 colors, free shipping over $50.

Why Google rewrites titles and descriptions

Google rewrites a title or a description when it decides another text describes the page better for a given search, so the preview shows how the snippet would look if Google keeps your text.

For titles, Google can use the main heading, other prominent text on the page, or the anchor text of links pointing to it. The official explanation is in Google Search Central: Influencing your title links in search results. The documentation lists the usual triggers: empty or overly long titles, the same boilerplate on many pages, keyword stuffing and titles that don’t reflect the page content.

Descriptions are chosen per search: Google picks the passage that best matches each query. A description that answers the main query of the page has the best chance of being shown as written. If you change a page’s URL along the way, redirect the old address with the 301 Redirect Generator so the new page keeps its signals.

Desktop vs mobile snippets

Desktop and mobile show the same elements, but the mobile result is narrower. The description gets about 680 pixels instead of 920, and long breadcrumbs are shortened sooner.

On a phone the title wraps onto a second line instead of being cut at once, so the opening words carry most of the weight. Switch the SERP simulator to Mobile to check that the key message of the description comes before the cut.