Image tools

Google SERP Preview

See how your title, URL and description will look as a Google result on desktop and mobile — measured in pixels, not characters.

Runs in your browser. Your image is never uploaded.

How to use SERP Preview Tool — Google Search Result Preview

  1. 1Enter your page title, URL and meta description.
  2. 2Watch the live counters — they warn you before search engines truncate anything.
  3. 3Copy the result straight into your page or your CMS.

About SERP Preview

Google does not cut titles at a character count — it cuts them when they run out of horizontal room, and letters are not equal. A title of sixty narrow characters measures about 266 pixels at the 20px size Google uses for desktop titles; sixty wide ones measure about 667 pixels and get an ellipsis. Any tool that judges your title on a character count alone is guessing, which is why this preview measures the actual width of the string you typed using Arial advance widths, the same font metrics a browser uses to lay out a real result.

Both previews are drawn to the real geometry. The desktop card is a 600px column with a 20px title on a single line and a 14px snippet over two; the mobile card is a 360px column with an 18px title over two lines and a snippet over three. The wrap and the ellipsis are placed by the same measurement shown in the numbers underneath, so if the preview cuts your description mid-sentence, that is where the budget genuinely ran out. The URL you paste is parsed into the site name and breadcrumb path Google now shows above the title, so a deep, slug-heavy path looks the way it will in search.

It is worth being clear about what a preview cannot know. Google frequently rewrites titles when it judges another heading on the page to be a better match, and the snippet it shows is assembled per query, so the description you wrote is a strong suggestion rather than a guarantee. Dates, sitelinks and rating stars all consume space in the same block. Use this to catch the avoidable problem — a title or description that cannot possibly fit — and to make sure the first few words carry the message, because those are the ones that survive every kind of truncation.

Frequently asked questions

Why measure pixels instead of counting characters?
Because characters are not the same width. At the 20px Arial size Google uses for a desktop title, 60 narrow letters (iiii…) measure about 266px while 60 wide ones (aaaa…) measure about 667px — the same character count, but one fits the column with room to spare and the other is cut off. That is why two 58-character titles can behave completely differently in search.
What widths does the preview assume?
Desktop: a 600px result column with the title at 20px on one line and the description at 14px over two lines. Mobile: a 360px column with the title at 18px over two lines and the description at 14px over three. Those are the sizes and the layout Google renders a standard result in, and the numbers under each preview show your measured width against the available width.
Is this exactly what Google will show?
No, and no preview tool can promise that. Google rewrites titles when it thinks another phrase on the page fits the query better, and it builds the snippet from whatever part of the page matches the search — so the same page shows different descriptions for different queries. Treat the preview as a close estimate of the worst case for length.
My description fits here but gets cut in real search. Why?
Usually because Google added something: a publication date, a site name, sitelinks or a rating snippet all eat into the same block. Query-matched snippets can also be pulled from body copy rather than your meta description entirely. Writing the important part in the first sentence is the reliable defence.
How long should my title be?
Aim to stay inside about 600px on desktop, which is roughly 60 characters of ordinary mixed-case text. More useful than any count: put the words someone is searching for at the front, so that even when the title is truncated the part that survives is the part that earns the click.
Does it fetch my live page?
No. You paste the title, URL and description yourself, because the tool is JavaScript running on your own device and cannot request another site. The upside is that you can preview a draft nobody has published yet without anything being sent anywhere.