Title tag checker. Length, pixels, structure.
Paste a page title or a full HTML head. The tool runs eight checks: length, pixel width vs Google's 580-pixel cut-off, brand-name placement, capitalization, separator consistency, duplicate words, stop-word density, and primary-keyword presence.
Eight title-tag checks in one paste. Drop a title (or a full HTML document; we'll extract the <title>) into the box and the tool runs length, pixel-width, brand-placement, capitalization, separator-consistency, duplicate-word, stop-word-density, and keyword-presence checks. Pure browser code.
Plain text works. Full HTML works too — we extract the <title> automatically.
If provided, we check that the keyword appears in the title and how early.
Sources used by this tool
- Google Search Central — title link guidance
- Pixel width measured via HTML5 Canvas API (Arial 20px, the desktop SERP font).
- Truncation threshold: 580 pixels (desktop), ~600 pixels (mobile) — Google's published values.
- Stop-word list: 175 English stop-words from public NLP corpora (no copyrighted dictionary used).
All checks run in JavaScript on your device. No fetch, no log.
Eight checks. Why each one matters.
Length is the crude proxy. Under 30 characters wastes the SERP real estate users see; over 70 truncates with an ellipsis on most viewports. The 50-60 character sweet spot is where most titles fit cleanly without losing the right edge.
Pixel width is the precise truth. Google's SERP renders in Arial 20px on desktop and roughly the same effective width on mobile. The truncation threshold is 580 pixels desktop, which is roughly 60 characters of typical English text but can be 50 with W- and M-heavy titles or 70 with i- and l-heavy titles. The canvas-API measurement we run is the same arithmetic Google's engine uses to decide where to truncate.
Brand placement matters because earlier words rank stronger. The pattern Primary Keyword | Brand places the keyword first and the brand at the end. Reverse the order and you waste the highest-ranking position on a brand the user already searched for. Exception: if your brand IS the search query (Apple, Nike), put it first.
Primary keyword presence is non-negotiable. The title is the strongest on-page signal Google uses for ranking; if your primary keyword is not in the title, Google has to infer the page's topic from the body, which is weaker. Position matters too: keyword in the first 30% of the title weights stronger than the same keyword at the end.
Capitalization affects readability more than ranking. Title Case (capitalize most words) reads as professional. ALL-CAPS reads as shouty. all-lowercase reads as blog-personal. Pick a convention and apply it across the site for visual consistency in mixed SERPs.
Separator consistency is a brand-recognition signal. Pick one separator (we recommend | for compact, · for elegant, — for editorial) and use it across every page. Mixing pipe and dash and hyphen across pages reads as inconsistent.
Duplicate words waste pixel budget. "Free SEO Tools — Free Tools — Digital Heroes" repeats "Tools" pointlessly. Each duplicate is a character that could carry a higher-value term.
Stop-word density measures how much of the title is structural fluff (the, a, of, in). Some stop-words help readability, but past 40% density the title is mostly connective tissue rather than content terms. The checker reports density so you can spot bloat.
Six questions users ask.
What is the ideal title length?
Aim for 50-60 characters or roughly 580 pixels rendered in Arial 20px (Google's desktop SERP font). Pixel width is the actual constraint — a 60-character title with mostly narrow letters fits, while the same 60-character title with W and M letters might truncate at character 52. We measure pixel width with the browser's HTML5 Canvas API and compare against the published thresholds.
Should I include the brand name?
Yes, but at the end with a separator. The pattern 'Primary Keyword | Brand Name' is standard. Putting the brand first wastes prime real estate that ranks higher; queries match terms positionally and earlier matches weight more. Exception: very strong brands (Apple, Nike) where the brand IS the search query — those put the brand first because most queries are branded.
What separators work best?
Pipe ( | ), em-dash ( — ), and middle-dot ( · ) all work. Hyphen ( - ) is fine but reads as part of a phrase rather than a separator. Avoid colons in a multi-clause title; they introduce ambiguity. Be consistent across the site — pick one separator and stick with it for brand recognition in mixed SERPs.
Are stop-words bad?
Not inherently — Google parses titles as text and weights words by position rather than by stop-word filtering. The risk is title-tag bloat: every stop-word costs a character that could carry a higher-value term. The checker reports stop-word density so you can spot 'the' and 'a' and 'of' eating space that the primary keyword could occupy. Aim for under 25% stop-word density.
Can I paste full HTML?
Yes. The tool extracts the <title> tag content automatically when it sees full HTML. Useful when copying from a CMS export or a templated page where you want to verify the rendered output rather than the source string.
Does the tool log my input?
No. All checks run in JavaScript on your device. Nothing is sent to Digital Heroes servers. No signup, no email, no analytics beacon includes the title content.
Title + meta + preview.
SERP Preview Generator
See the snippet rendered live mobile + desktop.
Meta Description Checker
155-char gauge + CTA presence.
Meta Tag Generator
Full HTML head with OG + Twitter previews.
Structured Data Validator
JSON-LD validator for 8 schema types.
Lighthouse Score Checker
Live audit including SEO category.
SEO service
Title + meta + content optimization.