Title Tags: How to Write Ones That Rank and Get Clicks
A practical guide to title tags: ideal length in pixels, where to place keywords, formulas by page type, and why Google rewrites titles (and how to stop it).
The title tag is the most visible piece of SEO you control. It is the blue, clickable headline in search results, and it does two jobs at once: it tells search engines what the page is about, and it tells humans whether to click. Get it right and you win rankings and clicks. Get it wrong — or leave it to chance — and Google may rewrite it for you, often worse than you’d like.
A title tag is the HTML element that defines a page’s title; it appears as the headline in search results and browser tabs and is widely considered the strongest on-page SEO signal. This guide covers what a title tag is, the length that actually fits, how to write one that ranks and earns clicks, reusable formulas by page type, and the question most guides dodge: why Google rewrites your title and how to make that less likely. It is part of the on-page SEO cluster.
What a title tag is (and isn’t)
In the page’s HTML, the title tag lives in the <head> and looks like this:
<title>Title Tags: How to Write Ones That Rank and Get Clicks</title>People call it several things — page title, meta title, SEO title. Strictly, it is the title element, not a meta tag, but the names are used interchangeably. Two distinctions worth keeping straight:
- Title tag vs H1. The title tag is what shows in search results; the H1 is the visible headline on the page itself. They often overlap but serve different audiences and can differ (more on that below).
- Title tag vs meta description. The title is the headline; the meta description is the supporting snippet beneath it. Both affect clicks; only the title is a meaningful ranking signal.
Why title tags still matter in 2026
Two reasons. First, the title remains a core ranking signal — it is the clearest statement of what a page is about. Second, it drives click-through rate: your title is often the deciding factor when someone scans a results page and chooses where to click. A page that ranks third with a sharper title can out-earn one ranked second with a dull one. With AI overviews and answer engines compressing the results page, a clear, specific title is also easier for those systems to surface.
Title tag length: characters vs pixels
Length is where most titles go wrong. Search engines don’t count characters — they measure pixels, because a “W” takes far more space than an “i.” Google’s results have roughly 600 pixels of room for a title; past that, it truncates with an ellipsis.
Practical rule of thumb:
| Engine | Max length (aim for) | Notes |
|---|---|---|
| ~575 px / ~60 characters | Min 30 chars, or Google may use a heading instead | |
| Bing | ~60 characters | Often truncates at 65 |
| Yahoo | ~50 characters | Conservative; truncates above 50 |
| DuckDuckGo | ~65 characters | Safe up to ~65 |
Keep titles between 30 and 60 characters. Too long and they truncate; too short and Google may swap in your H1. Because pixel width varies by character, treat 60 as a ceiling, not a target — and check how it renders, not just the count.
How to write a title tag that works
A strong title tag combines five things: relevant keywords, readability, uniqueness, intent match, and a reason to click.
Put the primary keyword near the front. Leading with the main keyword signals relevance to search engines and matches what the scanner is looking for. Use it once, naturally — don’t stuff.
Write for humans first. Avoid ALL CAPS and don’t repeat special characters like dashes, pipes, or commas. A title crammed with Shoes | Shoes - Shoes for Men & Women | Shoes.com reads as spam and earns fewer clicks.
Match search intent. Look at what ranks. If the page-one titles are all “how to” guides, a product-style title won’t fit the query. Mirror the format searchers expect.
Make every title unique. Duplicate titles confuse both users and search engines, which struggle to pick which page to rank. One page, one distinct title.
Give a reason to click. Add a benefit or light call to action where it fits — “Buy,” “Learn,” “Compare,” a year, a number, or a specific outcome. Match the verb to the page’s stage: “Buy” for a product, “Learn” for a guide.
Place the brand at the end. For homepages and key pages, append your brand after a pipe or dash: Primary Keyword | Brand. On deep content pages where space is tight, the brand is optional.
Title formulas by page type
Rather than starting from scratch each time, adapt a formula to the page’s job:
| Page type | Formula | Example |
|---|---|---|
| How-to / guide | How to [outcome]: [angle/benefit] | How to Write Title Tags: A Practical Guide |
| Listicle | [Number] [things] for [audience/goal] | 12 On-Page SEO Tasks That Actually Move Rankings |
| Comparison | [A] vs [B]: [decision angle] | Ahrefs vs Semrush: Which Fits Your Workflow |
| Product / category | `[Product] for [use case] | Brand` |
| Location | `[Service] in [Location] | Brand` |
| Definition | What Is [term]? [short qualifier] | What Is On-Page SEO? A Plain-English Guide |
Formulas are starting points, not handcuffs — adjust for length and readability.
A before/after example
A real-world title often looks like this:
Canada’s Top Business Law Firm - Trusted Legal Services | Smith & Co Attorneys
It’s too long (it truncates), leads with the brand instead of the keyword, and buries what the searcher wants. Rewritten:
Business Law Firm in New York (NYC) | Smith & Co
The keyword is now first, the location is explicit, it fits within the pixel limit, and it matches the query “law firm new york.” Same page, far more relevant title.
Why Google rewrites your title — and how to reduce it
Since Google’s 2021 title update, Google generates the displayed title from whatever it judges best represents the page — often your H1, not your title tag. If you’ve seen a different title in search than the one you set, this is why. Google commonly rewrites titles that are too long, keyword-stuffed, generic, boilerplate (the same template on every page), or mismatched with the page’s visible headline.
You can’t force Google to keep your title, but you can lower the odds of a rewrite:
- Keep it within the pixel limit so it doesn’t get truncated and replaced.
- Make it genuinely describe the page; don’t over-optimize.
- Keep the title tag and H1 closely aligned so Google isn’t choosing between conflicting signals.
- Avoid repeated boilerplate across many pages.
Title tag vs H1: same or different?
A common question. They can be identical, and on many content pages that’s fine. Reasons to differ them: the title tag is built for the search snippet (keyword front-loaded, within pixel limits, sometimes with brand), while the H1 is built for the reader on the page (it can be longer or more conversational). If you keep them close in meaning, you give Google a consistent signal and reduce rewrite risk; if you diverge them, do it deliberately, not by accident.
How to audit your existing title tags
Before writing new titles, fix the existing ones at scale:
- Crawl the site (Screaming Frog, Ahrefs, or Semrush) and export all title tags.
- Flag missing titles, duplicates, too long (over ~60 chars), and too short (under ~30).
- Check which titles Google is rewriting in Search Console by comparing your set titles to how they appear in search.
- Prioritize fixes on high-traffic and high-intent pages first.
This single pass usually surfaces quick CTR wins that don’t require new content.
Common title tag mistakes
- Keyword stuffing. Repeating the keyword dilutes focus and reads like spam.
- Duplicate titles across pages. Confuses ranking and wastes the differentiator.
- Leading with the brand. On deep pages, the brand pushes the keyword out of view.
- Ignoring pixel width. A 60-character title full of wide letters still truncates.
- Leaving titles blank. Google writes its own — usually from your H1, often not how you’d phrase it.
FAQ
What is the ideal title tag length?
Aim for 30–60 characters, or under about 575 pixels, so it fits Google’s roughly 600-pixel limit without truncating. Under 30 characters and Google may replace it with a heading.
Where should the keyword go in a title tag?
Near the beginning. Front-loading the primary keyword signals relevance and matches how people scan results. Use it once, naturally.
Why is Google showing a different title than the one I set?
Since the 2021 title update, Google may rewrite titles it finds too long, stuffed, generic, or mismatched with the page’s H1. Keeping titles concise, accurate, and aligned with your H1 reduces the chance.
Should the title tag match the H1?
They can match, and often do. The title is optimized for the search snippet and the H1 for on-page readers, so they can differ — but keeping them aligned gives Google a consistent signal.
Do title tags affect click-through rate?
Yes. The title is usually the most prominent part of your search result and a major factor in whether someone clicks, which is why a clear, specific title can outperform a higher-ranked but dull one.
Conclusion
A good title tag puts the primary keyword up front, fits within Google’s pixel limit, reads naturally, stays unique, and gives a reason to click. Use a formula to draft fast, keep the title aligned with your H1 to reduce rewrites, and audit your existing titles for quick wins. It is the smallest piece of on-page SEO with some of the biggest impact on both rankings and clicks.
Next, pair it with a strong meta description for the full snippet, and run the on-page SEO checklist before you publish.