Title Tag Checker
Optimize your most important on-page SEO element.
What This Tool Does
The Title Tag Checker analyzes your HTML <title> element for character length and approximate pixel width. It shows whether your title will be fully displayed or truncated in Google search results. You can enter a title directly or fetch one from a live URL.
Inputs
- URL fetch: Enter any web address and click Fetch to pull the existing title tag from that page.
- Manual input: Type or paste a title tag directly into the text field.
How It Works
When you fetch a URL, the tool retrieves the page HTML through a server-side proxy, parses the DOM, and extracts the <title> element. It then counts the number of characters and calculates the approximate pixel width using the HTML Canvas API with a 20px Arial font, matching Google's desktop SERP rendering. Titles exceeding 60 characters or approximately 580 pixels are flagged as likely to be truncated.
Understanding the Results
- Characters: The total character count. Google typically shows 50 to 60 characters. Titles in the 30 to 60 character range are shown in the primary color; longer titles are flagged red.
- Pixel width: An approximate rendering width. Titles under 580 pixels generally display without truncation. Wider titles are flagged.
- Google Preview: A live preview of how your title would appear as a blue link in Google search results.
Google Preview
Step-by-Step Example
- Enter
https://example.comin the URL field and click Fetch. - The tool retrieves the page and extracts the title tag.
- Check the character count. If it reads 72, your title is too long.
- Check the pixel width. If it reads 620px, the title will be truncated in Google SERPs.
- Edit the title in the text field and watch the metrics update in real time.
- Once the character count is between 30 and 60 and the pixel width is under 580px, your title is optimized.
Use Cases
- Checking existing page titles before publishing or after a site migration.
- Drafting new title tags for blog posts and landing pages.
- Auditing competitor title tags by fetching their URLs.
- Ensuring brand name plus primary keyword fit within the display limit.
- Previewing how a title looks as a Google blue link before going live.
Limitations and Notes
- Pixel width is an approximation. Actual rendering may vary by browser, operating system, and font rendering engine.
- Google may rewrite your title tag regardless of length if it considers it unhelpful or mismatched with the query.
- This tool measures desktop SERP width. Mobile results display fewer characters.
- URL fetching requires the target site to be publicly accessible and not blocked by CORS or robots directives.
- Special characters and emojis may use more pixel width than standard letters.
Frequently Asked Questions
What is the ideal title tag length?
Roughly 50 to 60 characters works for most pages, with about 580 pixels as the technical ceiling on desktop. Mobile is a bit shorter, so test both. E-commerce listings often need brand and category, so they push longer; news headlines and blog posts can usually stay tight. The best practice isn't a number, it's avoiding mid-word truncation. Run the title through our Title Tag Checker — it shows the pixel width and warns you when something will get cut on real Google results.
How many characters should a title tag be?
Plan for 50 to 60 characters as a working range. Google measures in pixels (around 580 on desktop), so character count is just a rough proxy. Words with wide letters like 'W', 'M', 'O' eat space faster than narrower letters. If your brand name is long, say 'BulkCalculator', factor in the separator and brand at the end — that's already 17 or so characters gone. Use the checker to see exactly when truncation kicks in instead of guessing from character counts.
How to check title tag length?
Open the Title Tag Checker, paste either the URL or the raw title, and it'll show you the character count, pixel width, and a desktop/mobile preview side by side. The preview is what matters — it shows where Google would cut off the title in real search results. If yours is borderline, trim filler words, drop unnecessary repeats of the brand, or move the most important phrase to the front. Re-run the check until the preview shows no truncation, then push it live.
Why is my title tag truncated in Google?
Most common reason: it's just too wide in pixels for the SERP slot, especially on mobile. Other causes — Google rewrote it because the on-page H1 was different, or it spotted something more relevant inside the page. Quick checks: count the pixel width with our tool, compare your title tag to your H1, and use Search Console's URL inspection to see what Google actually has cached. If the cached version differs, that's your diagnostic — fix the tag and request reindexing.
Should title tag and H1 be the same?
Not identical, but they should clearly say the same thing. The title tag fights for the click in search results, so it can have brand, year, or a hook. The H1 is for the visitor who already landed — it can be a touch longer and friendlier. For example, title: 'CGPA to Percentage Calculator | BulkCalculator' versus H1: 'CGPA to Percentage Calculator (Free Online Tool)'. Same topic, different jobs. Wildly different versions can confuse Google and cause it to rewrite your title.
Should every page have a unique title tag?
Yes, every indexable page needs its own unique title. Duplicate titles confuse search engines and dilute your relevance signals across pages. The exception is paginated content (page 2, page 3 of a category), where you'd add '— Page 2' to keep them distinct without sounding stuffed. To verify, run a site crawl with Screaming Frog or check the 'Duplicate titles' report in Google Search Console. Anything flagged there should get a unique rewrite before you do anything else.
Where does the title tag appear?
Three main places. First, in Google's search results as the blue clickable link — that's where it earns or loses your click. Second, in the browser tab, helping users find the page among twenty open tabs. Third, in social shares when no Open Graph title is set. It does not show on the page itself; that's what your H1 is for. Because it's hidden from regular page visitors, people forget to check it — which is why a title tag checker is worth bookmarking.
Sources and References
- Google Search Central - Control your title links in search results: developers.google.com
- Google Search Central - SEO Starter Guide: developers.google.com
- Bing Webmaster Guidelines - Title and Description: bing.com
- MDN Web Docs - The Document Title element: developer.mozilla.org
- web.dev - Write descriptive titles: web.dev
Related SEO Tools
Meta Description Checker
Optimize your meta descriptions for click-through rate.
Heading & Meta Extractor
Audit H1-H6 structure and meta tags from any URL.
SERP Snippet Preview
See how your page appears in Google search results.
Readability Checker
Check Flesch-Kincaid readability scores.
Keyword Density Checker
Analyze keyword frequency and n-gram distribution.