Title Tag Checker - Pixel Width & Truncation Tester
SEO & Marketing
Paste page titles to check character counts, Canvas pixel widths, desktop and mobile fit, and approximate truncation with an optional brand suffix.
Display-width guides
Desktop title: 600 px
Mobile title: about 560 px (single-line guide)
Widths use browser Canvas with a bold Arial-like 20 px font. Font metrics and viewport widths vary, so treat both limits as guides and cross-check important titles in Google Search Console. The approximate display cuts are not predictions of Google’s final title; Google may rewrite it.
Results (3 titles)
2 over at least one width guide
Best Running Shoes for Beginners in 2024 | ShoeReview
53 chars
Within 600 px guide
Within 560 px guide
10 Tips to Improve Your Morning Running Routine for Better Performance
70 chars
Exceeds 600 px guide
Exceeds 560 px guide
Desktop display cut (approx.): “10 Tips to Improve Your Morning Running Routine for Better …”Google may rewrite the title shown in search results.
Mobile guide display cut (approx.): “10 Tips to Improve Your Morning Running Routine for Bet…”Google may rewrite the title shown in search results.
Lightweight Foam Running Shoes - Cushion & Speed for Every Runner
65 chars
Exceeds 600 px guide
Exceeds 560 px guide
Desktop display cut (approx.): “Lightweight Foam Running Shoes - Cushion & Speed for Every …”Google may rewrite the title shown in search results.
Mobile guide display cut (approx.): “Lightweight Foam Running Shoes - Cushion & Speed for Ev…”Google may rewrite the title shown in search results.
How to use this tool
- Paste your titles. Enter one title per line in the text area.
- Add brand suffix. Optionally enter " | Your Brand" to test the full title string.
- Review the results. Compare the desktop 600 px guide and approximate mobile 560 px guide; each result shows character counts and an approximate cut when it overflows.
Why title pixel width matters
Google measures title width in pixels, not characters. Because different characters have different widths (e.g. "W" is much wider than "i"), a character-count limit is imprecise. Checking actual pixel width lets you push closer to the real limit without risking truncation.
Recommended limits
- Desktop: ~600 px - approximately 50–60 typical characters. This tool checks against this limit.
- Mobile: About 560 px is a single-line reference, not a fixed cutoff. The available title width depends on the device and viewport, and some mobile results wrap.
Tips for well-optimised title tags
- Front-load important keywords - truncation cuts from the right.
- Put the brand name last, separated by a pipe or dash.
- Every page on your site should have a unique title tag.
- Avoid ALL CAPS - uppercase letters are wider and reduce the number of words that fit.
How Google uses the title tag
The title tag is Google's primary source for the blue headline link displayed in search results. It directly influences click-through rate (CTR) - a compelling, relevant title drives more clicks than a keyword-stuffed or vague one.
Google may rewrite your title in search results if it determines the original is:
- Too long (truncated beyond the pixel limit).
- Too short or not descriptive enough.
- Keyword-stuffed or spammy.
- Not matching the actual content of the page.
Google rewrites titles more often than most SEOs realize - studies suggest it rewrites over 60% of titles at least partially. Writing clear, specific titles reduces the chance of being rewritten unfavorably.
Structured snippet interaction
When a page uses structured data (schema.org markup), Google may display rich results: FAQ accordions, star ratings, sitelinks, breadcrumbs, or review snippets. A well-written title tag becomes more important in these cases - the title anchors the rich result and can significantly improve overall CTR when paired with relevant structured snippets.
How this tool measures title width
The checker uses a cached browser Canvas 2D context to measure each complete title in a bold 20 px Arial-like font. A title with wide letters such as “W” can take more space than one with narrow letters such as “i”, even when both contain the same number of characters. This is why pixel width is a more useful comparison than a character limit alone.
The checker compares that measurement with a 600 px desktop guide and an approximately 560 px mobile single-line guide. The mobile reference depends on viewport and device, and search results may wrap instead of ending at one line. Font availability and Google’s rendering also differ from this local estimate, so treat the ellipsis as an approximate display cut and cross-check important pages in Search Console. Google can choose to rewrite a title.
Frequently asked questions
What is the recommended title tag length?
About 600 px is a common desktop title-width guide, while about 560 px is a mobile single-line reference. Mobile display width varies by device and viewport, and some results wrap. Pixel width is more useful than a fixed character count because letters vary in width.
Does title length affect rankings?
The title tag is one of the strongest on-page ranking signals. While length itself is not a factor, a truncated title loses its call-to-action and important keywords, which can reduce click-through rates.
Should I include my brand name in every title?
Adding " | Brand Name" or " – Brand Name" to every title aids brand recognition but consumes valuable pixel space. Place the brand at the end so important page-specific keywords appear first.
More seo & marketing
- Heading AnalyzerPaste any HTML to extract and visualize the H1–H6 heading outline. Flags multiple H1s, skipped levels, and empty headings for SEO review.
- Keyword DensityAnalyze any body of text for word frequency, keyword density %, and n-gram patterns. Toggle stop-word filtering, pin target keywords, and see a visual bar chart.
- Meta Tag GeneratorGenerate complete HTML <head> meta tags: title, description, canonical, Open Graph, and Twitter Card. Preview and copy the ready-to-paste code block. All processing is local.
- OG PreviewPreview five social cards from pasted HTML or tags. Inputs stay in your browser; page URLs aren't fetched, but preview images load from supplied URLs.
- Schema MarkupBuild copy-ready JSON-LD for seven page types with live previews, basic completeness checks, and blank-value cleanup.
- SERP PreviewPreview Google search snippets with approximate desktop and mobile pixel widths for titles and descriptions. Measure truncation as you edit, locally.