The title tag is the most valuable piece of on-page real estate you control. It is a ranking factor, it is the blue headline searchers click, and it is the label browsers and social shares use. Getting your SEO title tags right is high-leverage work: small changes routinely move both rankings and click-through rate. This guide covers length, keyword placement, proven formulas and common mistakes.
What a title tag is
The title tag is the HTML element (<title>) that defines a page’s title. Search engines show it as the clickable headline in results, and it is one of the strongest on-page relevance signals you have. Unlike the meta description, the title genuinely influences ranking, so it needs to serve two jobs at once: tell Google what the page is about, and tell a human why to click.
The ideal title tag length
Google displays roughly the first 50 to 60 characters, or about 580 pixels, before truncating with an ellipsis. Keep your most important words inside that window. Titles are measured in pixels, not just characters, wide letters like W and M take more room, so a title that fits by character count can still get cut. Check the real width with a SERP length checker before you publish.
Put the keyword near the front
Place your primary keyword as close to the start of the title as reads naturally. Front-loading the keyword helps relevance and ensures it survives if the title gets truncated. Avoid keyword stuffing, though, a title like “Running Shoes, Best Running Shoes, Buy Running Shoes” reads like spam and can be rewritten by Google or ignored by users.
Title tag formulas that work
You do not need to reinvent the wheel. These patterns consistently perform:
| Formula | Example |
|---|---|
| Primary Keyword | Brand | Running Shoes for Beginners | RunRight |
| Primary Keyword: Benefit | Meta Descriptions: How to Write Ones That Get Clicks |
| Number + Keyword + Year | 12 Best Trail Running Shoes (2026) |
| How to + Keyword | How to Compress Images for Web Without Losing Quality |
Numbers, years and power words (“best”, “complete”, “proven”) tend to lift click-through rate, use them where they are honest.
Make every title unique
Duplicate titles across pages confuse search engines about which page to rank and waste the chance to target different terms. Each page should have a distinct title that reflects its specific content and target query. If you run an audit and find duplicate titles, treat it as a priority fix, our on-page tools and a crawl will surface them quickly.
Include your brand, usually at the end
Adding your brand name (typically after a pipe or dash at the end) builds recognition and trust in the results. For the homepage or brand-defining pages you might lead with the brand, but for content and product pages, lead with the keyword and let the brand follow. If the title is tight on space, the brand is the first thing to drop.
Why Google rewrites titles
Google increasingly rewrites titles when it thinks yours is not a good match for the query, too long, keyword-stuffed, or boilerplate. You reduce the odds of a rewrite by writing accurate, appropriately sized titles that clearly describe the page. The best defence is a title that already reads like what a searcher wants to click.
Title tag versus H1: what is the difference
People often confuse the two, and using them interchangeably is a missed opportunity. The title tag lives in the page’s <head> and is what shows in the search results and the browser tab. The H1 is the main visible heading on the page itself. They can be identical, but they do not have to be, and often should not be. The title tag is written for the search results, so it can include the brand and be tuned for click-through. The H1 is written for the reader who has already arrived, so it can be longer, more descriptive, or more conversational. A common pattern: a concise, keyword-front-loaded title tag, paired with a slightly fuller H1 that welcomes the visitor. Every page should have exactly one H1 and exactly one title tag, and both should reflect the same core topic even when the wording differs.
Generate title ideas fast
Struggling to phrase it? Our free title tag generator turns a keyword into a dozen title variations with live character and pixel-width checks, so you can pick one that fits and copy it straight in. Pair it with the meta description generator so the whole snippet works as one.
The takeaway
Great title tags stay under ~60 characters, front-load the primary keyword, use a proven formula with a number or benefit, end with the brand, and stay unique across the site. They are the highest-return on-page element you can optimise. Draft your next one with the title tag generator, then browse the rest of our free SEO tools.