SERP Simulator
Preview how your page's title and meta description will appear in Google search results, on desktop and mobile, with real Arial pixel-width measurements showing exactly where each one gets truncated.
Input
Optional. Matching words are bolded, exactly as Google bolds them in a real result.
Google shows the site name above the title. Leave blank to use the domain.
Optional. Shown before the description, as Google does on articles.
Google rewrites descriptions past roughly this length. Raise it to see the full text.
Output
Enter a title, description or URL to see the preview.
| Element | Measurement | Status |
|---|---|---|
| No data yet | ||
Guides
Paste a page title, meta description and URL, and this tool draws the Google search result they will produce — on desktop or mobile — then measures both against the width at which Google cuts them off.
Why pixels, not characters
Almost every "keep your title under 60 characters" rule of thumb is wrong, because Google truncates on width, not on count. WWW is three characters and about 210 pixels; iii is three characters and about 47 pixels. A 55-character title full of capitals and Ws overflows where a 70-character title of narrow lowercase letters fits comfortably.
This tool measures your text with Arial advance widths — the font Google renders results in — so the preview truncates where the real thing will. The Length check panel reports the exact pixel width alongside the character count, and flags each element as Good, Room to spare or Truncated.
How to use it
- Type or paste your page title and meta description.
- Add the page URL. It becomes the breadcrumb line (
example.com › guides › sourdough) exactly as Google renders it. - Switch Device between desktop and mobile — mobile gives the title two shorter lines instead of one long one, which changes what fits.
- Optionally enter a search query. Matching words are bolded in the snippet, the way Google emphasises query terms in a real result.
Under Display options you can add a date prefix, a star rating, and the site-name line, and raise or lower the description character limit if you want to see the full untruncated text.
The measurements used
| Title | Description | |
|---|---|---|
| Desktop | 600 px, 1 line, 20 px Arial | 600 px, 2 lines, 14 px Arial |
| Mobile | 363 px, 2 lines, 16 px Arial | 363 px, 3 lines, 14 px Arial |
These are Google's own result-card dimensions. Treat the output as a close approximation rather than a guarantee: Google frequently rewrites titles and descriptions itself, and reserves the right to show more or fewer lines depending on the query.
Copy-ready output
Alongside the preview you get the <title>, <meta name="description"> and <link rel="canonical"> tags for the values you entered, ready to paste into your page's <head>. The Length check table downloads as CSV if you are auditing a batch of pages.
Privacy
Everything runs in your browser. No page is fetched, nothing is uploaded, and no URL you type is logged — which is also why you paste the title and description rather than handing over a URL to crawl.
Why doesn't my live page match the preview?
Google rewrites the displayed title for a large share of results, pulling from an <h1>, the site name, or link text when it judges those a better match for the query. The same is true of descriptions: the snippet is often assembled from the passage of body copy that best answers the search, not from your meta tag at all. The preview shows what you have asked for, which is still worth getting right.
What about the other meta tags?
For the full <head> block — viewport, charset, robots, author, Open Graph — use the HTML Meta Tag Generator. To check how the same page will look when it is shared on social rather than searched for, use the Open Graph & Twitter Card Preview. If you want the rich result — stars, FAQs, breadcrumbs — alongside the snippet, build the structured data with the Schema Markup Generator.