Google SERP Preview

Google SERP Preview shows how your page title and meta description will look when they appear as a search result on Google. The preview mirrors the real layout: a blue title line, a site-name line with a breadcrumb URL and the site’s favicon, and the two-line description underneath. The title, description, and meters all compute locally in the browser, so typed text never leaves your machine.

How to preview a title and description

1. Type the page URL in Page URL (optional). Click Load from URL to pull the real title and meta description from that address; the fetch runs only when you click the button, never while you type. If the address is unreachable, the tool keeps your typed values and shows a load note.
2. Enter the title in Page title. This field is required; submitting empty shows “Enter a page title to see the preview.”
3. Write the summary in Meta description (optional). Blank is allowed: the preview then shows a note that Google uses an auto-generated snippet.
4. Optionally add a Focus keyword. Every occurrence of that phrase in the title or description renders in bold, the way Google bolds the terms you searched for.
5. Click Preview snippet. The preview updates and the meters beside each field recalculate.

How to read the meters

Two numbers sit above the preview. The character counter runs to 60 for the title and 160 for the description. The pixel estimate runs to 580 px for the title and 920 px for the description. The bar stays green under the limits, turns amber close to them, and red past them, which is the point where Google usually truncates the line.

A title of 52 characters like “Best Language Learning Apps 2026 – Free & Paid Picks” stays under both limits. A longer one at 87 characters such as “The Complete Practical Guide to the Best Free Language Learning Apps for 2026 Beginners” crosses the 60-character and the 580 px thresholds and is cut with an ellipsis. The same applies to the description: a 126-character summary such as “Compare free and paid language learning apps for 2026. See testing notes, pricing, and offline support in our practical guide.” stays inside the 920 px estimate, while a 162-character one pushes past it and starts losing its tail.

How to read the preview

The breadcrumb comes from the URL you entered. For https://example.com/guides/serp-preview it renders as example.com › guides › serp-preview, with the domain first. The favicon beside it is fetched from Google’s favicon service for that domain; when the domain is missing or the icon cannot be loaded, a letter placeholder appears in its place.

Switch between Desktop and Mobile to compare layouts. The mobile view narrows the card and moves the URL below the title, matching how Google separates the lines on a phone screen.

Copy actions and limits

Copy title, Copy description, and Copy snippet place the matching text on the clipboard. Copy snippet combines the title, the URL, and the description in one block. The button label changes to “Title copied”, “Description copied”, or “Snippet copied” for about a second and then reverts. Copying is limited to what your browser’s clipboard allows; when the browser blocks it, the tool reports that instead.

The pixel meter is an estimate based on average character widths, not a guarantee of how Google renders the line, because the real width depends on the searcher’s font and device. Treat the 60-character title and 160-character description as the reliable target, and keep the primary keyword in the first half of each so it survives any truncation. Two network calls are optional and user-triggered only: the Load from URL fetch when you press its button, and the favicon request to Google’s public favicon service. Nothing loads on its own while you use the tool.