Skip to content

SERP Preview

Popular

Preview your page in desktop and mobile search results.

Loading…

About SERP Preview

A title that looks fine in a text box can still be cut off on a results page. Enter a title, a URL and a meta description and the tool draws a desktop card and a mobile card, trimming the title to a pixel budget and the description to 160 characters. The URL appears as a breadcrumb trail, and a bar under the title changes color as the estimated width grows. Google may rewrite what it shows, so read the cards as a close approximation.

Features

  • Desktop and mobile result cards that update as you type
  • Estimated title width in pixels, measured in your browser with Arial
  • Width bar that turns amber past 500 pixels and red past 600
  • URL shown as a host and path breadcrumb
  • Description clipped with an ellipsis at 160 characters

Limitations

  • The cards are an approximation: Google can rewrite titles and descriptions, and the real result varies by device, query and font.
  • Width is measured with Arial on a canvas in your browser, so a missing font or an unusual script changes the estimate.
  • The description is clipped by character count, 160 characters, not by pixels, so Google may cut it at a different point.
  • Nothing is fetched from your page. You type or paste the title, URL and description yourself.

How it works

  1. Edit the page title, page URL and meta description; sample text is filled in so you can see the layout first.
  2. Watch the counter above the title: it shows the character count and an estimated pixel width, with a warning when the title may truncate.
  3. Check the desktop card, where the title is trimmed to fit a 600 pixel line, and the mobile card, which shows a smaller title over up to two lines.
  4. Read how the URL turns into a host and path breadcrumb, and correct the field if it reports an invalid http or https address.
  5. Use Reset to clear all three fields and test another page.

Example input

Title: "My Awesome Page Title | Site Name"
URL: https://example.com/my-awesome-page
Description: "This is an example meta description, written to fit the 140-160 character range search engines display best."

Frequently asked questions