SERP Snippet Preview
Your page as a search result, measured in pixels. Free, and runs entirely in your browser — nothing you enter is uploaded, stored or sent to a server.
About SERP Preview
The page as a search result, drawn twice: once at the width of a desktop column and once at the width of a phone. What gets cut is actually missing from the preview, so a title that will not survive is obvious at a glance rather than after a count.
Characters are the wrong unit for this. A search engine cuts a title when the rendered text runs past its column, and at the same length “Illinois” is far narrower than “Wollongong”. Every measurement here is in pixels, using Arial advance widths and the same greedy line wrapping a browser does — a desktop title has 600 px on one line, a phone gives it 372 px across two.
The extras a real result carries are here too, because each one costs room: a site name and favicon above the title, a date before the description, and the query terms set in bold. Type the query into the search term field and the preview bolds it exactly where a result would.
It is a model of a result, not a promise of one. Engines rewrite about a third of titles, add their own dates, and move the layout when it suits them — this shows you the version you control.
Every tool in this category ends with the same graded block: a letter, a score out of 100, and the findings that produced it. Here the marks come off for a title that is cut, a description that wastes its space, and a query term that appears in neither.
Where it helps
- Measures in pixels rather than characters, which is what an engine actually cuts on.
- Shows desktop and mobile side by side, so a title that survives one layout and not the other is caught.
- Removes what would be cut instead of colouring it, so the preview reads as a searcher would read it.
- Draws the parts that cost room: the site name, the favicon, a date, and the bolded query terms.
- Runs locally, so an unreleased title never leaves the browser.
Limits
- Widths are modelled on Arial metrics, so a rendered result may differ by a few pixels either way.
- Search engines rewrite titles and descriptions when they think another wording answers the query better, and nothing here can predict that.
- The layout shown is an ordinary result — sitelinks, ratings, prices and other rich elements are not drawn.
- It says nothing about whether the page will rank; it shows what the result looks like if it does.
Frequently asked questions
How long can a title be?
About 600 px on a desktop, which is roughly 55 to 60 characters of ordinary text — fewer if the words are wide. Put the distinctive part first, because the end is what disappears.
Why is my title cut on mobile but not on desktop?
A phone has a narrower column. It allows two lines instead of one, but each is only 372 px, so a long unbroken phrase can still run past the end.
Does the description affect ranking?
Not directly. It affects whether someone clicks, which is the whole reason to write one rather than let the engine take a sentence from the page.
Why does a date appear before some descriptions?
Engines add one for pages they judge time-sensitive, and it takes its room from the description. Enter the date here to see what the result looks like with it.
Why are some words in bold?
A result bolds the words from the query. Type the query into the search term field and the preview bolds the same matches, in the title and the description.
Related tools
- Meta Tag Generator — The head tags a page needs, with a search-result preview
- Open Graph Generator — Social card tags for Facebook, LinkedIn, Slack and X
- Keyword Density Checker — Which words and phrases a page actually repeats
- Canonical Tag Generator — A clean canonical URL, with hreflang alternates
- robots.txt Generator — Crawl rules, with the traps called out
- Sitemap Generator — An XML sitemap from a list of addresses
More SEO & Meta tools
- Meta Tag Generator — The head tags a page needs, with a search-result preview
- Open Graph Generator — Social card tags for Facebook, LinkedIn, Slack and X
- Canonical Tag Generator — A clean canonical URL, with hreflang alternates
- robots.txt Generator — Crawl rules, with the traps called out
- Sitemap Generator — An XML sitemap from a list of addresses
- Keyword Density Checker — Which words and phrases a page actually repeats
- Schema Markup Generator — JSON-LD for articles, products, FAQs and businesses
- Website Speed Test — Where a page's time goes and what it weighs
- SEO Analyzer — Audit a live page's on-page SEO — indexability, title, headings, canonical, structured data and more — with a score
- robots.txt Tester — Test whether URLs are allowed or blocked for Googlebot and other crawlers, and which rule decides
- Broken Link Checker — Dead links, redirects and missing images on a page