The HTML <title> tag is the most-read text on the web. Every search result, every browser tab, every social share starts with it. Done well, it's a 60-character pitch that earns the click. Done poorly, it gets ignored — or worse, gets quietly rewritten by Google's algorithm into something the team never approved.
Title tags are also the easiest on-page SEO element to get right. The rules haven't changed substantially in years: clear, specific, unique, the right length, and matching what the page actually delivers. Most title tag problems come from violating one of those five rules, not from any subtle algorithm dynamic.
Length
Google displays roughly the first 50–60 characters of a title in search results, depending on screen width and pixel rendering. Beyond that, the title is truncated with an ellipsis. The truncation point is in pixels, not characters — wide letters (M, W) take more space than narrow ones (i, l) — so the safe rule is:
- Under 60 characters: almost always displayed in full.
- 60–70 characters: sometimes truncated, depending on word widths.
- Over 70 characters: reliably truncated.
The minimum useful length is around 30 characters. Shorter titles are syntactically fine but give you less room to differentiate the page. There's no SEO penalty for short titles — and "About" or "Contact" is perfectly appropriate for those pages.
If you must exceed 60 characters, put the most important words first. A truncated "[Important keywords] | Brand…" still does its job; an "All About Brand: …[Important keywords]" loses the keywords entirely.
Format Conventions
Three patterns dominate the web:
- Page Title | Site Name — clean, well-supported, our default recommendation.
- Page Title - Site Name — equally fine, slightly more casual.
- Page Title :: Site Name — used by some technical sites; visually heavier.
Use one consistently across your site. Picking different separators on different pages signals carelessness and makes your search results look incoherent.
Pipe (|) is the most common professional choice. Em-dashes (—) feel editorial. Hyphens (-) are fine but more easily confused with hyphenated words. Avoid weird characters (★, ✓, →) — they sometimes display, sometimes get stripped, and sometimes get the title flagged as spammy.
Where to Put the Brand
Generally page topic first, brand last:
How to Set Up Two-Factor Authentication | Acme BankReasons:
- The first part is what's most likely to be displayed (most-read).
- Visitors searching for the topic care about the topic, not the brand.
- If the title gets truncated, you lose the brand — fine; brand is in the URL anyway.
Exceptions: the homepage and other branded landing pages where the brand is the value proposition.
Acme Bank — Personal Banking, Loans, and MortgagesUniqueness
Every page on your site should have a different title. Identical titles tell Google that pages are duplicates of each other (regardless of what's actually in the body). Common offenders:
- Default WordPress titles ("Page – Site Name") on multiple pages with the same name.
- E-commerce product templates that produce "Product | Brand" without the actual product name.
- CMS-generated pagination ("Blog | Brand" on every page of a paginated archive).
Run your sitemap through a crawler and check title uniqueness. Duplicates are usually template bugs, not editorial choices, and the fix is template-level.
Match the Page
If the title says one thing and the page delivers another, two bad things happen:
- Google re-titles the result. Since 2021, Google has actively rewritten titles when it thinks the H1 or main heading represents the page better. The team doesn't get a say; the rewrite happens silently.
- Visitors bounce. They clicked the title for one thing; the page is about something else; they leave. High bounce rates from search are a quality signal.
Both problems share a fix: make the title accurately describe the page. If the page is "How to Set Up Two-Factor Authentication", that's the title. Not "Security at Acme Bank" or "Banking with Confidence" or any other marketing-friendly variation that doesn't tell the searcher what they'll find.
Keyword Placement
Including target keywords in the title still matters — it's one of the strongest on-page ranking signals — but the goal isn't to stuff them. One primary keyword phrase, used naturally, near the start of the title, is the formula:
How to Set Up Two-Factor Authentication | Acme Bank
↑ primary keyword in first halfWhat not to do:
Two-Factor Authentication, 2FA, MFA Setup, Multi-Factor Auth Login | AcmeTen years ago that worked. Now it gets penalised as keyword stuffing — and even when it doesn't, it looks awful in search results and erodes trust.
Calls to Action and Modifiers
Strong action words and qualifying modifiers can lift CTR significantly:
- "Free" / "Guide" / "Checklist" / "Template" — work for top-of-funnel content.
- "2026" / "(Updated April 2026)" — works for evergreen content competing on freshness. Update the year periodically; Google does notice.
- "Step-by-Step" / "Complete Guide" — works for instructional content.
- "Best" / "Top 10" — works for comparison content.
- "How to" — proven evergreen. Even the simplest version works.
Don't stuff multiple modifiers. "Best Free Step-by-Step 2FA Guide for Beginners 2026" is overdoing it; "How to Set Up 2FA: Step-by-Step Guide" is right.
Common Mistakes
Empty or default titles
Pages where someone forgot to set a title and the CMS fell back to "Untitled" or the page slug. Easy to find with a crawler; embarrassing in search results. Fix all of them today.
Identical title across many pages
Template-driven duplicates. Common in e-commerce ("All Products | Brand" on every category page) and pagination ("Blog – Brand" on every archive page). Differentiate by including the category name, page number, or a content excerpt.
Title doesn't match H1
Title says "Two-Factor Authentication"; H1 says "Set up 2FA in 5 minutes". Pick one and use it for both. The H1 is what Google's algorithm uses to validate the title; mismatches trigger rewrites.
Title much longer than what displays
110-character titles that get cut at 60 characters. Whatever you put after the cut is wasted. Re-write to fit.
Brand-first when topic-first is better
"Acme Bank: Two-Factor Authentication Setup" — the brand wins the first-impression real estate but the topic gets cut off in narrow displays. For pages targeting topic searches, lead with the topic.
Title that Google rewrites
If Google has rewritten your title in search results, that's a flag. Check Search Console under Performance — look at the queries vs the actual displayed titles. If they don't match what you set, the algorithm thinks your title is misleading. Rewrite to match the page content.
Verifying Your Title Tags
Three checks:
- Run any URL through Meta Tag Checker — shows the title, length, and any obvious issues.
- Site:yoursite.com search in Google — see what titles Google actually displays for your pages.
- Google Search Console → Performance → Pages — track CTR per URL. Pages with low CTR despite good rankings often have title tag problems.
The Production Process
Whenever you publish a new page:
- Write the title before the body. Forces clarity about what the page is.
- Length: 30–60 characters.
- Format: Topic | Brand (or Topic - Brand).
- Match the H1.
- Primary keyword in first half.
- Verify with Meta Tag Checker before publishing.
Every line of the rule above is non-negotiable. Skip one and the title's effectiveness drops. Combine all five and the title routinely outperforms templates that "look fine" without actually following them.