What it does
The title tag is the single most important on-page SEO element on your site. It is what Google displays as the clickable headline in search results, what social sharing tools use as the default share headline, and what browser tabs use as their label. This generator helps you write title tags that fit Google's display constraints without truncation, fit your brand structure, and render the way you actually want them to.
The differentiator: pixel-accurate length validation. Most title tag tools count characters, but Google truncates by pixel width — "iiiiiiiii" (50 chars) and "MMMMMMMMM" (50 chars) take radically different pixel widths in Google's SERP font. We use a per-character width table that gets within ~5% of the actual rendered width, so the warnings you see are the warnings Google would actually act on.
Why title tags still drive CTR
Even after Google's 2021 update where it sometimes rewrites titles algorithmically, your provided title tag remains the dominant input. Google rewrites about 33% of titles in publicly-studied datasets — meaning two-thirds of the time, what you wrote is what users see. And on the rewritten cases, the rewrite is almost always anchored to your provided title.
Title tag quality directly drives click-through rate from the SERP, which is one of the most direct user-engagement signals Google measures. A page that ranks #3 with strong CTR eventually outranks a page at #2 with weak CTR. The title tag is the headline ad you write to that ranking position.
How to use this generator
- Type your title in the input field. The SERP preview on the right updates live.
- Decide whether to append your brand name.By default the tool appends "Brand" with an em dash — edit the brand and pick from common separator characters (em dash, hyphen, pipe, colon, middle dot).
- Switch between desktop and mobile in the preview options. Mobile gets slightly less title room (570px vs 600px), so a title that fits desktop may truncate on mobile.
- Watch the pixel width bar.Green = good, yellow/grey = approaching the limit, coral = will truncate. Aim for 200–580 pixels for the "sweet spot" range.
- Copy the HTML outputand paste into your page's <head>. The output includes the <title> tag plus matching
og:titleandtwitter:titletags so social shares match.
Title tag best practices
- Front-load the most important words. Users scan SERPs in an F-pattern — they read the start of titles and skim the rest. The keyword and the unique value should be in the first 30 characters.
- Pixel width 200–580 is the sweet spot. Below 200 is wasted real estate; above 580 risks truncation. The pixel-width bar in this tool tracks both bounds.
- One primary keyword, one supporting keyword, brand. That is the canonical pattern. Stuffing more keywords reduces CTR — pages that read like keyword lists get clicked less than pages that read like sentences.
- Use modifiers that match search intent. "Best", "Free", "Guide", "[Year]", "Ultimate", "Complete", location names, problem descriptors. Match the modifier to what the searcher is actually looking for.
- Numbers in titles consistently improve CTR. "7 link-building tactics" outperforms "Several link-building tactics" in nearly every test ever published. Use specific odd numbers when you can.
- The brand name belongs at the end, not the start. Unless your brand is the search query (e.g., your home page), ending with the brand keeps the keyword front-loaded and preserves CTR.
- Each page's title should be unique. Templated titles where every page reads "[Page Type] — Brand" create duplicate-content signals for Google. Make each title speak to that specific page's topic.
- Match the title to the H1 — but they do not have to be identical. The H1 is for users on the page; the title tag is for users on the SERP. Slight variation is fine and often better. Just make sure the topic is consistent.
- Avoid all-caps and excess punctuation.Google sometimes rewrites all-caps titles to title case anyway, and excessive punctuation (multiple exclamations, ALL CAPS WORDS, emoji walls) is a documented demotion signal in Google's quality guidelines.
Common title tag mistakes
- Truncated titles in the SERP. Google adds an ellipsis when your title exceeds the pixel width — and truncation almost always happens at the worst possible word. The pixel-width meter in this tool prevents that.
- Identical titles across many pages.Common in e-commerce (every product page reads the same template) and in CMS templates that auto-generate titles. Search Console surfaces these as "Duplicate title tags" — fix them.
- Missing title tag entirely. Some SPA frameworks forget to set a per-route title. Google falls back to the URL or content-derived title, which is almost always worse than anything you would write.
- Keyword stuffing. "Best, top, cheap, affordable, premium link building agency services USA UK Canada" reads as spam to both users and Google. Pick one keyword and one supporting modifier.
- Brand-first titles on non-brand pages. "Brand: 7 Link Building Tactics" wastes the high-value front of the title on a name nobody searched for. Save brand-first for the home page.
- Mismatched title and content. Clickbait titles that promise more than the page delivers tank CTR after the first session and trigger pogo-sticking signals Google penalizes.
How to validate your title tag
- Check it in this preview tool.Live, accurate, free. The preview matches what Google's SERP renders for most queries.
- Search for your URL in Google directly.
site:yoursite.com/your-page. Confirms the actual title Google is using (it may differ from your tag if Google rewrote it). - Use the URL Inspection tool in Search Console. Shows the title Google actually indexed and used. If it differs from your tag, Google rewrote it — usually a sign your tag is too long, too generic, or doesn't match content.
- Audit duplicate titles in Search Console. Coverage report → look for "Duplicate title" warnings. Fix in batches.
Frequently asked questions
What's the ideal title tag length?
200 to 580 pixels — roughly 30 to 60 characters depending on your character mix. Pixel width matters more than character count because Google truncates by visual width, not by letter count. The pixel meter in this tool tracks both.
Why does Google sometimes rewrite my title tag?
Google rewrites titles when it judges your tag is too long, too generic ('Home', 'Untitled'), too keyword-stuffed, or a poor match for the page content. The rewrite is usually anchored to your H1 or a heading on the page. Writing a strong, accurate, length-compliant title tag is the simplest way to avoid rewrites.
Should the brand name go first or last?
Last, on every page except the home page. Front-loading the brand on a content page wastes the highest-CTR position on a word users didn't search for. Format: 'Page-specific Title — Brand'. Reverse it only if your brand is itself the search query.
Do dashes, pipes, or colons matter?
Visually, slightly. CTR-wise, marginally. Em dashes (—) and middle dots (·) read as more editorial; pipes (|) and hyphens (-) read as more utilitarian. Most studies put the CTR difference under 2%. Pick what matches your brand voice and stay consistent across the site.
Should every page on my site have a unique title?
Yes. Duplicate title tags across many pages create a 'thin content' signal Google flags in Search Console and reduce overall search visibility. Even templated CMS pages should differentiate at minimum on the page-specific element (product name, article topic, location).
Can I use emoji in titles?
Technically yes — Google indexes them — but the CTR effect is mixed and often negative on B2B and professional content. Reserve for B2C/consumer brands where the emoji genuinely matches voice. Test before committing.
How does this differ from social titles (og:title, twitter:title)?
The HTML <title> tag controls Google SERP and browser tab display. og:title and twitter:title control how the page renders when shared on Facebook, LinkedIn, X, etc. Best practice is to set all three to the same value unless you have a deliberate reason to vary the social headline. This tool outputs all three matched.
How accurate is the pixel-width estimate?
Within roughly 5% for typical English text using common Latin characters. The tool uses a per-character width table averaged from Google's SERP font (Arial 20px desktop, ~16px mobile). It will not be precise for heavily symbolic or non-Latin text — for those cases, paste the title into a real Google search and check the rendered width.