How to Write Title Tags for SEO: Length, Structure, and Click-Through Rate

How to write SEO title tags that rank and get clicked — the right length (50–60 chars), keyword position, the best formula, and why Google rewrites 61% of titles (and how to stop it).

Writing title tags for SEO means crafting the <title> element in your page's HTML so it ranks well in Google, gets clicked in search results, and accurately represents the page. The title tag is the single highest-impact on-page SEO element — it appears as the blue clickable headline in every Google search result and tells both the algorithm and the searcher what the page is about.

What is a title tag in SEO?

The title tag is an HTML element that specifies the page's title. It lives inside the <head> section of the page and is not visible in the page body — only in the browser tab and in search engine results. In Next.js and most modern frameworks, you set it through metadata rather than writing the HTML tag directly.

<!-- HTML -->
<title>Mortgage Calculator — Monthly Payment & Interest | Garypedia</title>

<!-- Next.js (App Router) -->
export const metadata = {
  title: 'Mortgage Calculator — Monthly Payment & Interest | Garypedia',
}

How long should a title tag be for SEO?

Google does not enforce a character limit — it uses pixel width, approximately 600px. In practice, 50–60 characters is the reliable safe range for desktop search results. Titles over 60 characters are truncated with an ellipsis (...), hiding part of your title from searchers.

Length	Result in Google	Recommendation
Under 30 chars	Shown fully but may trigger Google rewrite	Add more descriptive content
30–60 chars	Shown fully on desktop and mobile	✅ Ideal range
60–70 chars	May truncate on mobile (narrower viewport)	⚠️ Acceptable but risky
70+ chars	Truncated on desktop and mobile	❌ Shorten

Use the SERP Preview Tool to see the exact desktop and mobile rendering before publishing. Use the Meta Title Generator to produce keyword-optimised templates at the right length.

Where should the keyword go in a title tag?

Put the primary keyword as close to the start of the title as possible. Google weights earlier positions more heavily and bolds words in the title that match the search query — keywords at the start are the most visible to searchers.

// ✅ Keyword first — recommended
"Mortgage Calculator — Monthly Payment & Interest | Garypedia"

// ❌ Brand first — wastes the high-weight position
"Garypedia | Mortgage Calculator — Monthly Payment & Interest"

// ❌ Filler words first — dilutes keyword signal
"Free Online Mortgage Calculator — Monthly Payment | Garypedia"

The one exception: your homepage and any pages primarily targeting branded searches. For garypedia.com, putting "Garypedia" first on the homepage makes sense because users searching your brand name expect to see it immediately.

What is the best title tag formula for SEO?

The formula that consistently performs across tool pages, blog posts, and category pages:

Primary Keyword — Benefit or Modifier | Brand

Examples:
"Compound Interest Calculator — Formula & Growth | Garypedia"
"How to Remove Line Breaks from PDF — 5 Methods | Garypedia"
"Roth IRA vs 401k: Which Should You Prioritise? | Garypedia"

The em dash (—) or pipe (|) before the brand name is the standard separator. The benefit phrase after the keyword answers "what will I get from clicking this" and improves click-through rate.

Why does Google rewrite my title tag?

Google rewrites approximately 61% of title tags. The most common triggers:

Too long: Title exceeds the pixel width limit — Google truncates and rewrites
Too short: Titles under 30 characters often get expanded
Keyword stuffing: Repeating the keyword multiple times triggers rewrite
Mismatch with H1: When the title tag and H1 cover different topics, Google rewrites based on page content
Misleading title: If the title does not accurately describe the page, Google substitutes its own assessment

The most reliable way to reduce rewrites: keep your title and H1 aligned in topic (not identical), stay under 60 characters, include the primary keyword once, and avoid adding descriptors that the page content does not support.

What is the difference between a title tag and an H1?

The title tag (<title>) appears in the browser tab and in Google search results — it is optimised for search CTR. The H1 is the visible heading at the top of the page — it is optimised for readers who have already clicked.

Google recommends they align in topic but not be identical. A title optimised for a 60-character display limit can afford to be more concise than an H1 that has no display constraint. The title says "Mortgage Calculator — Monthly Payment & Interest"; the H1 can say "Mortgage Calculator — Estimate Your Monthly Home Loan Payment."

For the complete list of on-page elements beyond the title tag, see the complete on-page SEO checklist.

Key takeaways

Title tags should be 50–60 characters — long enough to be descriptive, short enough to avoid truncation.
Primary keyword goes first — Google weights early positions more heavily and bolds matching words.
Formula: Primary Keyword — Benefit | Brand
Google rewrites 61% of title tags — reduce rewrites by matching the title to your H1 topic and staying under 60 characters.
Title tag ≠ H1: the title is for search CTR; the H1 is for on-page readers.

Frequently asked questions

Should I include my brand name in every title tag?

Yes, but at the end. The format "Keyword — Benefit | Brand" is standard. On competitive queries, brand at the end does not cost you ranking and builds recognition with people who see but do not click the result. On branded queries (your company name is the search term), put the brand first.

Can I use the same title tag on multiple pages?

No — every page should have a unique title tag. Duplicate titles confuse Google about which page to rank for a query and dilute authority. If multiple pages share a title, Google may consolidate them as duplicates and only rank one.

Does changing a title tag affect rankings immediately?

Title tag changes take effect after Google recrawls the page — typically within 1–7 days for frequently crawled sites. Ranking changes from an improved title (better keyword placement, clearer topic) can take 2–4 weeks to stabilise. CTR changes are visible immediately in Google Search Console after recrawling.

Should I put the year in my title tag?

Only for content that is genuinely year-specific — tax calculators, annual limit guides, review roundups. Avoid years in evergreen content titles: "Best SEO Tools 2026" becomes stale immediately in 2027 and requires a URL change or redirect. Use years in the title when freshness is a primary user expectation for the query.

How do I check what title Google is actually showing for my pages?

Google Search Console → Performance → Search Results → select a URL → check the "Queries" tab. Google may be showing a rewritten title. The URL Inspection tool in Search Console also shows how Google has rendered the page, including the title it extracted.