Free SERP Preview Tool

What Is a SERP Preview Tool?

Quick answer: A SERP preview tool lays out your title, address and meta description the way a search result does, which shows where a long one would be cut before you publish. Google may differ, so treat the result as an estimate and try it with your own title.

As a mobile and desktop snippet preview, it draws the result for the device you pick and measures both in pixels, answering Fits, Close to the limit, or About N px too long. A Hidden part line names the words the cut would remove. Snippet preview tool, Google SERP preview tool and SERP simulator are other names for this kind of tool; none reproduces Google exactly. It is free, with no sign-up.

How to Preview a Title and Meta Description

A title and meta description preview takes four moves, three of them under Your draft.

1. Type your title. The Title field stops at 500 characters, a typing cap that says nothing about search. Under the card, a count and one meter per device read like "491 px of about 600 px. Fits." Typed text stays in your browser: in our tests, typing sent no fetch request.
2. Add the meta description. It takes up to 2,000 characters. The card cuts at the last word that fits and adds an ellipsis.
3. Add the Page URL (optional). It prints like a display URL: the host, then a breadcrumb path joined by chevrons, minus the query string and fragment. For example, https://example.com/blog/seo-titles?utm=1#top shows as https://example.com › blog › seo-titles on Desktop, and Mobile leaves out the https://.
4. Switch between Desktop and Mobile. A phone opens on Mobile, a wide screen on Desktop. The Hidden part line follows the pressed button: the 652 px title in the table below hides Maps Online on Desktop and just Online on Mobile.

The Width limits (approximate, editable) box starts at 600 px for desktop titles and 920 for descriptions, then 620 and 680 on mobile. Edit any of the four from 200 to 2000; "Reset to starting values" undoes changes.

Tip: Put the words that matter first, because the end is what gets cut off. Then type a title in the tool above and read the Hidden part line.

Fetch a Live Page and Compare Its Snippet With Your Draft

Typing covers a draft. The fetch box shows what a page serves today.

1. Open the box. The Fetch from URL (optional) box is open on a wide screen, closed on a phone.
2. Enter an address. Paste it into the address field; a bare host such as example.com works. Then press Fetch from URL.
3. Read what comes back. A "Live page" card appears beside "Your draft", and "What the page declares" lists Address read, HTTP status, Canonical link, Open Graph title and Open Graph description. The preview uses the canonical URL when there is one, otherwise the address read.
4. Compare and choose. "Use in draft" copies an Open Graph title or description into your draft. "Replace my draft with the live values" swaps in everything, and "Restore my previous draft" undoes that. A fetch only fills fields that are empty or still hold the last fetched value, so your typing survives.

What gets read: the top of one public page, about 1 MB, within 12 seconds and up to 5 redirects, requested by a user agent that names itself, SEOSiteCheckerBot. The HTML is read as served and scripts are not run, so a title added by JavaScript is not seen. A bot protection page is reported as such, not worked around. PDFs, images and private addresses are refused.

Gaps get a plain note: example.com has no meta description, so its note says the live description is empty. For the rest of that page's head, such as robots, viewport and Open Graph tags, use the Meta Tag Analyzer.

Title Pixel Width: Why the Same 60 Characters Can Fit or Get Cut

Results are cut by how much room text takes, not by a character count. The tool takes each width from the browser's measureText call in an Arial-compatible font, where a capital W is over four times as wide as a lowercase i. Three 60 character titles, mixing narrow and wide letters, show it.

The 51 character title "Free SERP Preview Tool: Desktop and Mobile Snippets" measures 491 px in title case, 456 px in lowercase and 608 px in capitals. That is 8 px over the 600 px desktop starting limit, so SNIPPETS is cut, while mobile only reads Close to the limit.

Google publishes none of the four width limits and guidance differs from tool to tool, so they are editable. The note headed What these numbers are names the measuring font. Google's guidance on title links says a title can be any length and that the title link is cut to fit the device width. For the audit side, read how the report checks the meta title.

Does Google Show Your Title and Description Exactly?

No, and no tool can promise it. Google builds a snippet mostly from page content, reaches for your meta description when it describes the page better, and may show different snippets for different searches, as Google's documentation on snippets explains. Before you rewrite a tag because a result looks different, vary the search query and look again.

Google may also write a different title link when a page title has a problem, such as being half empty or outdated, or repeating boilerplate. Length is separate: Google advises against unnecessarily long or verbose titles, and a long one is typically cut to the device width, not replaced.

Use a SERP snippet preview to catch text that is clearly too long, not to guess at one result. Google also documents nosnippet, max-snippet and data-nosnippet, which control what text a snippet may show, and this tool does not read them.

What a Search Result Preview Shows and What It Leaves Out

The card is a plain organic result: a letter badge with a site name line, the address, the title as a link and the description. The site name is a placeholder guessed from the host, or from the page's own og:site_name for a fetched page. Google chooses site names by its own rules, and its page on how Google picks a site name calls WebSite structured data the most important signal.

Left out on purpose, not faked:

• Dates, star ratings and prices.
• Images and sitelinks.
• Breadcrumbs from structured data, and the real favicon.
• Bold query words and AI Overviews.

Social share cards belong to the Open Graph Validator, and rich result markup to the Schema Markup Validator listed below.

Writing Titles and Descriptions for Desktop and Mobile Snippets

Five habits, each checkable against the Hidden part line:

• Front-load the point. Put the main phrase and the promise first and a short brand name last, because the cut takes the end.
• Check both devices. In our tests a 144 character description measured 899 px, Close to the limit on desktop (920 px), yet the mobile card (680 px) cut it after about 102 characters. Only its 87 character first sentence fit both.
• Write each title for one page. Google's advice warns against keyword stuffing and boilerplate, and a shared prefix eats pixels before the unique words start.
• Go easy on capitals. They are wide, so save them for names and acronyms. Ws are expensive.
• Draft here, then compare. Paste the text into your CMS and publish. A theme may add a site name, so Fetch from URL shows what the live page really serves next to Your draft.

The full guides: writing meta titles that get clicks and meta description best practices.

Privacy, Limits and What Leaves Your Browser

Text you type or paste into Title, Meta description and Page URL stays in your browser, and so do the width limits. Typing and fetching need no account.

The one thing sent is the address you enter in the fetch box, when you press Fetch from URL. A browser normally will not let a page's script read another site's HTML, so our server makes the request, and it sees that address. Two more limits apply:

• One address per run, public pages only.
• 10 fetches a minute without an account, 30 with a free account.

When many people are fetching at once, the tool asks you to wait a minute or type the text by hand, even on a first fetch of a popular site, because some limits are shared by all visitors. The page needs JavaScript.

Related Free Tools

Once the snippet reads well, try these.

• Meta Tag Generator: build the description, robots and optional social tags for the head; it does not write a title element, so keep your own.
• Schema Markup Validator: check the structured data behind rich results, which this preview does not draw.
• Website SEO Score Checker: audit the whole page, not just its snippet.