ToolPetal
Meta title generator
0 characters · guide ~50-60 · 0px est. (desktop ~580-600px)
Pixel estimate uses canvas measureText (Arial-like ~18-20px). Treat green/amber/red as drafting feedback, not a guarantee of what Google shows.
Characters vs pixels for titles
Character counts are a quick draft rule (~50-60). Pixel width is closer to what searchers see. A string of wide letters like WWW uses more space than iii at the same length. This page estimates width with canvas measureText so you can catch titles that look fine by count but truncate visually. For a full desktop and mobile snippet mockup, use the SERP snippet preview.
Weak vs strong title drafts
Front-load the benefit. Keep the brand as a short suffix when it fits. Title-case a draft with the case converter if you want consistent casing before paste.
| Draft | Notes |
|---|---|
| Welcome to Our Official Website Home Page | ~42 chars, vague, no query match, brand buried or missing |
| Home | Acme Corp Official Site Products Services | ~49 chars, filler words first, wide letters push toward truncation |
| Meta title length checker for SEO drafts | ToolPetal | ~52 chars, benefit first, brand suffix, usually within ~600px |
| Free online HTML title tag pixel width checker tool | ~51 chars, keyword pile-up, little reason to click |
Brand suffix placement
Put the primary promise or keyword phrase first. Add | Brand (or a short brand name) at the end when the draft still lands near 50-60 characters and under ~600px. If the brand is the product name and the page is the home page, leading with brand can be fine. For tool and article URLs, a trailing brand usually reads cleaner in results. Keep the URL path tidy with the slug generator, and mirror share titles with the Open Graph generator.
What this tool does not do
It does not invent titles with AI, predict rankings, or render a full SERP card. Use SERP snippet preview when you want desktop and mobile snippet layout plus description length together. Use the meta description generator for a dedicated 150-160 description counter. Paste the finished <title> into your CMS yourself.
FAQ
How long should a meta title be?
A common drafting guide is about 50-60 characters, or roughly 580-600px wide on desktop. Pixel width matters more than character count because wide letters use more space than narrow ones.
Does Google always show my title tag?
No. Google often rewrites titles using on-page headings, brand, or other signals. A clear unique title still helps as the default and for many queries.
Is the pixel width exact?
No. This tool estimates width with canvas measureText in an Arial-like font around 18-20px. Real SERP fonts, devices, and result features change the cutoff.
Is this an AI title writer?
No. You type the draft; the page only counts characters, estimates pixels, and builds an escaped title tag. It does not rewrite or rank-predict.
Does this tool send my title to a server?
No. The title stays in your browser. Counters and the title tag output are built locally.