The title tag is the single most important piece of on-page SEO copy you write. It is the blue clickable headline in Google search results, the text that appears in the browser tab, and one of the strongest signals Google uses to understand what your page is about. Getting it right matters — not just for rankings, but for the click-through rate that determines how much traffic you actually receive.
This guide covers everything you need to write effective title tags: the pixel-width rule, keyword placement strategy, brand naming, the title tag vs H1 distinction, when and why Google rewrites titles, and the most common mistakes to avoid.
What is a title tag?
The title tag is an HTML element in the <head> of your page:
<title>Your Page Title Goes Here</title>It serves three purposes simultaneously:
- It is the clickable headline in Google (and other search engine) results
- It appears as the browser tab label when the page is open
- It is used as the default link text when someone shares the page on social media or bookmarks it
Of these, the search result function is the most SEO-critical. Google uses the title tag as a primary indicator of the page’s topic and as a display element that directly affects CTR.
Why pixel width matters more than character count
You will see “keep titles under 60 characters” repeated everywhere in SEO content. This is a useful approximation, but it is not technically accurate. Google truncates titles based on pixel width, not character count, because different characters have different widths in the font Google uses for search results (Arial).
Google’s approximate pixel budget for title truncation:
- Desktop: ~580 pixels
- Mobile: ~320 pixels
What this means in practice:
- A title of 58 characters made up of wide characters (uppercase letters, W, M, capital letters generally) may be cut at 52 visible characters.
- A title of 66 characters using narrow characters (i, l, t, lowercase letters, spaces) may fit without truncation.
- The character count is a starting heuristic; pixel width is the actual constraint.
The most reliable way to check whether your specific title will be truncated is to preview it. The SERP Preview tool renders a pixel-accurate simulation of your title in both desktop and mobile views, using the same character-advance values as Arial. Paste in your title, watch the live rendering, and adjust until both views look clean.
The 50–60 character guideline remains useful as a quick check: most titles in that range will fit on desktop. But for important pages — your homepage, your top landing pages, your high-traffic content — verify the rendering rather than relying on the count alone.
Keyword placement: front-loading for visibility and ranking
Where you place your primary keyword in the title affects both rankings and click-through rate.
Front-loading works for two reasons:
-
Scanning behaviour: Users scanning search results read the beginning of each title before deciding whether to keep reading. A keyword at the front is seen immediately; a keyword buried at the end may not be read at all if the user is moving quickly.
-
Weighting signals: While Google has not published the exact algorithm, SEO research consistently finds that keywords earlier in the title tend to carry more ranking signal. This is consistent with how Google weights prominence across on-page elements.
Practical front-loading patterns:
- “EMI Calculator for Home Loans — Free, Instant Results | Tools.Town”
- “How to Write Meta Descriptions That Get More Clicks”
- “Best Running Shoes for Flat Feet 2026 | Brand”
In each case, the primary keyword phrase appears in the first few words. Secondary descriptors and brand names follow.
When front-loading does not apply:
- Navigational or brand queries: “Tools.Town — Free Online Calculators and SEO Tools” is fine because the user is already searching for the brand.
- Articles where the natural phrasing puts the keyword later: forcing a keyword to the front can make the title read unnaturally, which reduces CTR. Readability matters.
Keyword strategy: focus and variation
Each page title should target one primary keyword or keyword phrase. Attempting to target multiple keywords in a single title leads to either keyword stuffing (which hurts) or a title so long it truncates (which also hurts).
Include naturally occurring variations and modifiers when they fit within the pixel budget:
- “Free”, “Online”, “Calculator” signal the page type and match common search queries
- Year references (“2026”) signal freshness and are worth including for topics where recency matters
- Qualifiers (“Best”, “Complete Guide”, “Step-by-Step”) attract different intent signals
Do not repeat the keyword. A title like “Meta Description Meta Description Generator Free Meta Description Tool” is keyword stuffing. Google will likely rewrite it, and even if it does not, it will repel clicks.
Brand name placement: end, not beginning
For most pages, the brand name belongs at the end of the title, separated by a pipe or dash:
“How to Calculate EMI | Tools.Town”
Why the end?
- Users searching for information or tools are typically not yet brand-loyal. Leading with your brand name consumes prime pixel space that could carry keyword signal.
- The beginning of the title gets the most visual attention; use it for the topic, not the brand.
- Google itself sometimes removes the brand from the title and adds it back automatically in a standardised format.
Exception: your homepage and brand pages. “Tools.Town — Free Online Calculators, SEO Tools & More” is appropriate for the homepage because brand recognition is the primary goal.
If including your brand name pushes the title past the pixel budget, remove it. Your organic result will survive without the brand tag; a truncated title will actively hurt CTR.
Title tag vs H1: what’s the difference and why it matters
The title tag and the H1 are often confused, and the confusion leads to common mistakes.
- Title tag: lives in the HTML
<head>. Only visible to search engines and in browser tabs / search results. Optimised for search. - H1: lives in the HTML
<body>. The main on-page heading seen by the user after they click. Optimised for on-page readability.
They do not need to be identical. In fact, slight differences are often beneficial:
- The title can be more keyword-dense and concise, tuned for search result readability.
- The H1 can be more conversational or engaging, tuned for the reader who has already clicked and is now on the page.
Example:
Title tag: “EMI Calculator — Home Loan, Car Loan & Personal Loan | Tools.Town” H1: “EMI Calculator: Instantly Calculate Your Monthly Loan Repayment”
Both are accurate, both contain the keyword, but they serve different contexts. Google will generally use the title tag in search results and will show the H1 as the on-page heading. If the two are contradictory (different topics, significantly different phrasing), Google may use the H1 in search results instead.
When Google rewrites your title tag
Google overwrites title tags in approximately 20% of cases, less frequently than it rewrites meta descriptions (which it rewrites ~62% of the time), but still often enough to understand.
Common triggers for title rewrites:
Too long: The most common cause. Google does not just truncate the title — it may reconstruct it entirely using your H1 or a heading from the page.
Keyword stuffed: “Free EMI Calculator Online — EMI Calculator — Best EMI Calculator India” will almost certainly be rewritten.
Misleading or inaccurate: If your title tag says “Complete Guide to X” but the page is a thin overview, Google may rewrite to better match what the page actually delivers.
Same as many other pages: Duplicate title tags across a site signal low quality. Google may generate its own titles for pages it sees as interchangeable.
Too generic: A title like “Home” or “Page 1” gives Google almost no signal to work with, and it will use the H1 or main heading instead.
What Google typically uses as a replacement:
- The H1 heading (most common)
- A prominent subheading (H2 or H3) from the page
- Anchor text that many external pages use when linking to the URL
You cannot fully control Google’s rewrites, but you can make them less likely by writing title tags that are accurate, specific, appropriately long, and consistent with the page’s actual content.
Checking your title before publishing
Before you publish or update any important page, preview the title in a real SERP simulation. The SERP Preview tool renders both desktop and mobile views of your title and meta description together, showing you the actual truncation point and how the two elements look as a combined snippet.
Pay attention to:
- Does the full title render on desktop without truncation?
- Does a meaningful version of the title (at minimum: topic + primary keyword) render on mobile?
- Does the title and description work together — do they tell a complete story without repeating the same words?
- Does the title look clean next to the page URL in the breadcrumb?
Common title tag mistakes
Too short. A title of 20–30 characters leaves significant keyword and information space unused. Users have less context for whether your result is relevant; Google has less signal to rank you for related queries.
Too long. Anything significantly over 60 characters risks truncation on desktop and will almost certainly be cut on mobile. If the end of your title carries important information (a modifier, your brand, a year), ensure it fits.
Keyword stuffing. Repeating the same keyword multiple times makes the title unreadable and triggers Google’s rewrite logic. One clear mention of the primary keyword, placed early, is more effective than multiple mentions crammed in.
Duplicate titles across pages. Every page on your site should have a unique title that describes its specific content. Sites with large numbers of duplicate or near-duplicate titles often see them rewritten in bulk by Google.
Over-reliance on “clickbait” patterns. Sensationalist titles (“You Won’t Believe How This Calculator Works”) may increase clicks short-term but hurt trust and increase bounce rates when the page does not deliver. Google measures user satisfaction signals; misleading titles that produce quick returns lower long-term performance.
Not updating titles after content changes. If you substantially update a page — new statistics, new methodology, expanded scope — update the title to reflect the change. A stale title on freshly updated content is a missed opportunity and may reduce Google’s assessment of the page’s freshness.
Writing a good title tag takes less than five minutes per page when you know the rules. Given that the title is the first thing every potential visitor sees in search results, it is time well spent.