The title tag is the clickable headline of your search result and the label on the browser tab. It is the single on-page element that pulls double duty: it tells Google what the page is about and it convinces a human to click. Get it right and you lift rankings and click-through rate at once. Get it wrong and you either bury the keyword or bore the reader into scrolling past you. This guide covers exactly how long a title should be, where the keyword goes, when the title should differ from the H1, and how to audit every title on your site in one pass.
What a title tag is (and why Google rewrites it)
A title tag is an HTML element in the <head> of your page, written as <title>Your page title</title>. Google pulls it as the bold, clickable link in the search result. Browsers show it on the tab. Social and messaging apps often fall back to it when no Open Graph title exists.
Here is the part most guides skip: Google does not always use your title. Google's own documentation says it generates the title link from the <title> element, the main visible heading, and other on-page content, and that it may rewrite your title when its version fits the query better. Studies across large URL samples put the rewrite rate around 30 to 40 percent.
You cannot force Google to keep your exact wording, but you can make a rewrite far less likely. Rewrites cluster around a few causes:
- Titles that are too long and get truncated
- Keyword stuffing or repetition ("Shoes | Buy Shoes | Cheap Shoes")
- Boilerplate repeated across many pages
- Titles that are half-empty or just the brand name
- Titles that ignore the visible H1 on the page
The fix is boring and effective: write a concise, accurate title that mirrors your primary heading. Google's guidance on title links is explicit that a good <title> remains the strongest input to what it displays.
Title tag length: pixels, not characters, and the 60-character rule
The "60 characters" rule you have heard is a proxy. Google truncates titles by pixel width, not character count, because the result column is a fixed width and letters are not.
On desktop, the title column is roughly 580 pixels. A capital W or M is wide; an i, l, or t is narrow. So "Illinois Wi-Fi Tips" and "WWWWWWWWWWWWWWWWWWWW" have the same character count and wildly different widths.
| Metric | Safe target | Truncation point |
|---|---|---|
| Characters | 50-60 | ~60-65 |
| Pixels (desktop) | Under 560px | ~580px |
| Pixels (mobile) | Under 560px | varies by device |
Practical rules:
- Front-load everything that matters into the first 50 characters. If the tail gets cut, you lose only the brand or a filler word.
- Do not obsess over exact pixels for every page. Use a pixel-based preview tool for money pages; use the 55-character rule of thumb everywhere else.
- Long titles are not penalized. They are simply truncated with an ellipsis, so the excess is wasted, not harmful.
One title tag per page, always. The HTML spec via MDN confirms a document has exactly one <title>; multiple tags are invalid and browsers use the first.
Keyword placement: front-load the primary phrase
Put your primary keyword as close to the start as reads naturally. Two reasons, one mechanical and one psychological.
Mechanically, the keyword is a relevance signal, and prominence early in the title carries slightly more weight while surviving truncation. Psychologically, a searcher scanning ten blue links matches the words in their query against the words in your title in a fraction of a second. If your keyword is buried at character 45, that match happens late or never.
Compare:
- Weak:
The Complete 2026 Resource on Optimizing Your Title Tags - Strong:
Title Tag Optimization: Length, Placement & Examples
The strong version leads with the exact phrase, promises specifics, and leaves room for the brand. This connects directly to broader content optimization work, where the same keyword should appear in your title, H1, opening line, and naturally through the body, all without stuffing. If you want the underlying model, our guide to semantic SEO explains why entities and intent now matter more than raw repetition, and why keyword density is a discredited metric to chase.
A reliable formula:
Primary Keyword: Benefit or Modifier | Brand
Use a colon or pipe as a separator. Colons read as a subtitle; pipes and dashes read as delimiters. Keep the brand at the end so the keyword owns the front. On brand-name searches, you can flip that order, but for everything else the keyword leads.
Writing titles for click-through, not just rankings
Ranking third with a title people actually click can beat ranking first with a dull one. The title is ad copy, so write it like a copywriter, not a librarian.
Levers that reliably lift click-through rate:
- Numbers and specificity — "7 Fixes," "Under 580px," "in 2026." Concrete beats vague.
- Brackets and parentheses — "(With Examples)" or "[Free Template]" add a promise without cost.
- Power modifiers — fast, complete, proven, free. Use sparingly; one is plenty.
- The searcher's actual words — mirror how people phrase the query, not internal jargon.
- A clear promise of outcome — what the reader gets, not what the page contains.
Avoid clickbait that overpromises. If the title implies more than the page delivers, users bounce, and pogo-sticking back to the SERP is a signal you do not want to send. Pair a compelling title with a well-written meta description; the description will not directly rank you, but together they own your entire SERP listing and set expectations.
For pages targeting question queries, a title phrased as the question can help you win a featured snippet, because Google favors titles that map cleanly to the searcher's intent.
Title tag vs H1: when they should differ
The title tag and the H1 are different elements doing different jobs, and treating them as one is a common mistake.
| Element | Where it appears | Primary job | Length pressure |
|---|---|---|---|
| Title tag | SERP link, browser tab, social fallback | Earn the click; signal relevance | High — ~580px limit |
| H1 | On the page itself | Orient a reader who already arrived | Low — no hard limit |
They should share the same core keyword so the page reads as topically consistent, and Google explicitly uses the H1 as one input when deciding your title link. But they do not have to be identical, and often should not be:
- The title fights for the click against nine competitors, so it earns a tighter hook, a number, or a benefit.
- The H1 greets someone who already clicked, so it can be longer, warmer, and more natural.
Example: title Title Tag Optimization: Length, Placement & Examples paired with H1 How to write title tags that rank and get clicked. Same topic, different jobs. For the full hierarchy of on-page headings below the H1, see our guide to header tags for SEO. Title and H1 are two threads in the same fabric alongside URL structure and image alt text; the deep dive lives in our on-page SEO pillar.
Common title tag mistakes and how to audit them at scale
Most title problems are not creative failures. They are coverage failures hiding across hundreds of URLs that nobody has looked at in months. Here are the mistakes worth hunting:
- Missing titles — pages with no
<title>at all, so Google invents one. - Duplicate titles — the same wording across many URLs, usually from a broken template.
- Truncated titles — over the pixel limit, with the payoff cut off.
- Keyword-less titles — no target phrase anywhere in the tag.
- Brand-only titles — just the company name, wasting the strongest on-page slot.
- Stuffed titles — the keyword repeated two or three times.
How to run the audit
- Crawl the site and export every URL with its current title tag and character or pixel length.
- Sort and flag in a spreadsheet: filter for blanks, count duplicates, highlight anything over 60 characters, and flag titles that do not contain the target keyword for that URL.
- Cross-reference with performance. Pull impressions and click-through rate per page, then prioritize high-impression, low-CTR pages — those are where a better title pays back fastest.
- Rewrite in priority order and re-crawl to confirm the changes are live and unique.
Doing this by hand for a ten-page site is fine. Doing it for a thousand-URL site every month is not, which is where a tool earns its keep. DeployFlare crawls your whole site, flags missing, duplicate, truncated, and keyword-less titles automatically, and ties each one to the queries and impressions the page already earns, so you fix the titles that will actually move clicks first. You can compare that to what competitors rank with on the same terms before you commit to new wording — details on pricing.
Titles also feed trust signals: accurate, non-deceptive titles are part of demonstrating the experience and trustworthiness that E-E-A-T rewards. And when you rewrite, keep an eye on Google's snippet controls, which govern how the description beneath your title behaves.
A title tag template you can reuse
Start every title from this skeleton and adapt:
[Primary Keyword]: [Specific Benefit or Modifier] | [Brand]
Work through this checklist before you publish:
- Primary keyword in the first 50 characters
- Under roughly 580 pixels wide
- Unique across the whole site
- Matches the search intent of the target query
- Shares its core keyword with the H1 but is not a carbon copy
- Includes a hook — a number, benefit, or bracketed promise
- Brand at the end (except on branded queries)
Title tag optimization is the highest-leverage, lowest-effort on-page fix you have. Ten minutes rewriting the title on a page that already ranks on page one can move it up a spot and lift its click-through rate at the same time. Audit them, front-load the keyword, write for the human, and let the H1 do its own separate job.