Google SERP Preview Tool
Type the title, URL and description you are considering and see the result the way a searcher will — desktop and mobile, with the truncation point marked where it actually falls.
0 characters · 0 px
0 characters · 0 px
Result preview
ToolStack AI
https://example.com
Your page title appears here
Your meta description appears here, truncated the way Google would show it.
What this tool does
Your title and meta description are the two lines that decide whether someone clicks, and they are the two lines you cannot see until the page is live. This shows them the way a search result does: the URL in breadcrumb form, the title as the clickable headline, the description underneath, and the date line when there is one. The preview updates as you type, on desktop and on mobile, and it marks the exact point where Google would cut the text off rather than leaving you to guess from a character count.
The truncation is real pixel measurement — a canvas measures your string in the font Google uses for results — but it is still an approximation. Google varies the font, the column width and the space it gives your title depending on the device, the query, and whether it decides to show a date or sitelinks. The tool cannot see any of that, so a title that fits here can still be trimmed there. Stay comfortably inside the budget rather than treating it as a line you are allowed to touch.
How to use it
- Paste the title you are considering. Watch the pixel counter as you type — it shows both the characters and the measured width against the budget.
- Add the URL and the meta description. The description is a separate tag with its own, wider budget, so it will usually take more words than the title.
- Switch between Desktop and Mobile. Mobile gives the title a narrower column, so the same text can truncate there when it fits on a laptop.
- Read the warnings, then shorten at the last word that fits rather than the last character — a title cut mid-word reads as broken. Copy the snippet when you are happy with it.
Common use cases
-
Before you publish
Catch a title that will cut mid-phrase while it is still a draft, rather than after the page is indexed.
-
Impressions but no clicks
A page sitting in position 5–15 usually needs a better headline more than more content, and this shows exactly what the searcher sees.
-
Template-generated descriptions
Check a boilerplate description against the budget instead of discovering that its final clause has never once been shown.
-
Explaining SEO to a client
Show the before and after result side by side rather than describing pixel budgets in a spreadsheet.
Frequently asked questions
Why does Google truncate my title if it is under 60 characters?
Because Google truncates by pixel width, not character count. A title full of wide letters such as W and M can overrun the roughly 600-pixel desktop budget at 50 characters, while one made of narrow letters can survive to 70. This preview measures the rendered width of your actual string, so you see the cut where the cut really happens.
How accurate is this preview?
It is a close approximation, not the real thing. The tool measures your text in Arial at the size Google uses for desktop results, but Google varies the font, the column width and the space given to the title depending on the device, the query, and whether a date or sitelinks are shown. Treat the budget as a target to stay comfortably inside, not a line that is never crossed.
Should I write a different title for mobile?
Often, yes. Mobile results get a narrower column, so a title that fits on desktop can still truncate on a phone — and mobile is where most searches happen. Switch the preview to mobile and check: if the meaning survives the cut, the title is doing its job. If it does not, the descriptive phrase needs to move earlier.