Meta Tag Generator & SERP Preview
Write titles and descriptions with a live Google preview.
48 title characters · 151 description characters
Free Online JSON Formatter & Validator — Toolkit
Format, validate and minify JSON instantly in your browser. Get the exact line and column of any syntax error. No uploads, no sign-up, completely free.
Widths are measured in pixels because that is how Google decides — a title of capitals and wide letters is cut well before 60 characters, while a narrow one can run longer.
About this tool
See your title and description rendered exactly as Google would show them, on desktop and mobile, while you type. Truncation is measured in pixels rather than characters — which is how Google actually decides — so you know before publishing whether your title will be cut off.
How to use it
- Enter your page title, description and URL.
- Watch the preview and the pixel-width meters as you type.
- Copy the generated meta tags into your page head.
Google truncates on pixels, not characters
Every "keep your title under 60 characters" rule is an approximation of the real constraint, which is rendered width.
Google allocates roughly 580 pixels for a desktop title and about 920 for the description. How many characters fit depends entirely on which characters they are:
IIIIIIIIIIIIIIIIIIIIIIIIIIIIII— 30 narrow characters, plenty of roomWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW— 30 wide characters, already cut off
A title in title case with several capitals and wide letters gets truncated well before 60 characters. One in lowercase with narrow letters can run to 70 and be fine.
This tool measures the actual rendered width using the same font metrics Google uses, and shows you where the cut falls rather than guessing from a character count. Mobile uses different widths again, which is why the preview switches between them.
Writing a title that earns the click
The title tag is both a ranking signal and the thing a person decides on. Those two jobs pull in slightly different directions, and the second matters more than people optimise for.
Front-load the distinctive words. Truncation removes the end, and eyes scan the start. "JSON Formatter — Free Online Tool | Toolkit" survives a cut; "Toolkit | Free Online Tools | JSON Formatter" does not.
One brand mention, at the end. A separator plus brand costs about 80 pixels. Worth it for recognition on a branded search, not worth repeating.
Do not duplicate the H1 exactly. They serve different audiences — the title works in a result list without context, the H1 works on a page that already has context. Overlap is fine; identical is a missed opportunity.
Every page needs a distinct title. Duplicate titles across a site are one of the most common issues in Search Console, and they force Google to guess which page answers a query.
Description length is a trade. Longer gives more room to persuade; shorter guarantees no ellipsis. Around 150 characters is the usual compromise.
Frequently asked questions
- Why measure pixels instead of characters?
- Google truncates on rendered width, not character count. A title full of capitals and wide letters gets cut well before 60 characters, while a narrow one can run longer. Counting characters gives false confidence.
- What are the actual limits?
- Roughly 580 pixels for the desktop title and about 920 for the description. Both differ on mobile, which is why the preview shows each separately.
- Will Google use my description?
- Not always. Google rewrites descriptions for a majority of queries when it thinks page content matches intent better. A good description still matters — it is what shows for brand and exact-match searches.