How to Write the Perfect Title Tag for SEO
Summary: The perfect title tag for SEO is under 60 characters, places your primary keyword near the front, includes your brand name, and is compelling enough for humans to click. According to Moz research, pages with optimized title tags receive up to 36% more organic clicks than those with generic or missing titles.
Your title tag is the single most visible piece of SEO real estate on your page — it appears in search results, browser tabs, and social shares. Get it wrong and you lose clicks before anyone ever sees your site.
What Is a Title Tag?
A title tag is an HTML element that specifies the title of a webpage. It lives in the <head> section of your HTML and looks like this:
<title>How to Write the Perfect Title Tag for SEO | Clarity SEO</title>Search engines display the title tag as the clickable headline in search results (SERPs). It's one of the strongest on-page ranking signals you control directly. Google typically displays the first 50–60 characters, though it may rewrite your title if it judges yours as unhelpful, keyword-stuffed, or misleading.
According to a Backlinko study of 11.8 million Google search results, title tag optimization remains one of the most strongly correlated on-page ranking factors. Pages ranking in position #1 are 1.5x more likely to have an exact-match keyword in the title compared to pages in position #10.
Why It Matters for SEO
Title Tag vs H1 Tag — What's the Difference?
Many beginners confuse the title tag with the H1 heading. They serve different purposes:
<title>): Appears in search results, browser tabs, and social shares. Lives in the <head> section of the HTML. This is what searchers see before clicking.<h1>): The main visible heading on the page itself. This is what visitors see after clicking. Lives in the <body> section.Best practice is to keep them closely aligned but not necessarily identical. Your title tag can be shorter and more keyword-focused, while your H1 can be more descriptive and reader-friendly. For example:
<!-- Title tag (for search results) --> <title>iPhone Screen Repair Sydney — Same Day | MobileBarn</title> <!-- H1 tag (on the page) --> <h1>Same-Day iPhone Screen Repair in Sydney</h1>The Anatomy of a Perfect Title Tag
Every great title tag follows a simple formula. Here's the breakdown:
[Primary Keyword] — [Benefit/Modifier] | [Brand Name]Examples:
iPhone Screen Repair Sydney — Same Day Service | MobileBarn (52 chars)How to Write a Meta Description That Gets Clicks | Clarity SEO (60 chars)Best Budget Laptops 2026 — Top 10 Under $500 | TechReviews (56 chars)Notice how each example places the primary keyword first, adds a compelling modifier, and ends with the brand name. This structure has been shown to outperform alternatives in A/B testing across thousands of pages.
Advanced Title Tag Strategies
Use Power Words to Boost CTR
Certain words trigger emotional responses and increase click-through rates. According to Backlinko's CTR study, titles with emotional sentiment have a 7% higher CTR than neutral titles. Power words include:
Add the Current Year for Freshness
Adding the year (e.g., "2026") signals to both Google and searchers that your content is up-to-date. This is especially powerful for searches where recency matters — "best tools", "how to", and "guide" queries. A/B tests consistently show a 5–15% CTR lift when the current year is included in the title.
Bracket Technique — [Guide] or (Updated)
Backlinko found that titles containing brackets (like [Guide], [Template], or [Checklist]) achieve a 38% higher click-through rate than those without. The brackets act as a visual signal that the content delivers a specific, tangible resource.
Use Questions for Informational Queries
When targeting informational search intent, framing your title as a question can increase engagement. Titles like "What Is a Title Tag? How to Write One That Ranks" match the conversational tone of how people actually search, especially on mobile and voice search devices.
How to Check Your Title Tags
Clarity SEO's free Report Card audits every page title on your site — checking for missing titles, duplicates, titles that are too long or too short, and keyword alignment.
→ Check your title tags free with Clarity SEO
You can also generate optimised title tags using the built-in Meta Generator tool.
To check title tags manually, you can also use Google's Search Console to see which titles Google has indexed and whether it has rewritten any of them. Navigate to the Pages report and look for any "Page title issues" flagged under the "Enhancements" section.
How to Fix It
For HTML/Generic
Add or update the <title> tag inside the <head> of your HTML:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>iPhone Screen Repair in Sydney — Same Day Service | MobileBarn</title> </head>Rules to follow:
| or —.For Next.js / React
If you're using Next.js (App Router), set the title via the metadata export in your layout.tsx or page.tsx:
// app/page.tsx or app/layout.tsx
export const metadata = {
title: 'iPhone Screen Repair Sydney — Same Day | MobileBarn',
description: 'Cracked iPhone screen? Get it fixed same-day...',
};For the Pages Router, use next/head:
import Head from 'next/head';
export default function Page() {
return (
<>
<Head>
<title>iPhone Screen Repair Sydney — Same Day | MobileBarn</title>
</Head>
{/* page content */}
</>
);
}For WordPress
Without a plugin:
Go to Pages/Posts → Edit → Document settings and update the title field. This controls the H1 and slug but may not separate the <title> tag from it.
With Yoast SEO (recommended):
With Rank Math:
For Shopify
For global defaults, go to Online Store → Preferences and update the Homepage title there.
For Wix / Squarespace / Webflow
Wix: Page Settings → SEO (Google) → Title tag field.
Squarespace: Pages → Gear icon → SEO → SEO Title.
Webflow: Page Settings panel → SEO Settings → Title tag. For CMS collections, use dynamic fields in the title binding.
For Laravel / PHP
In Laravel's Blade templates, set the title dynamically via a @section or @yield directive:
<!-- layouts/app.blade.php -->
<title>@yield('title', 'Default Title | YourBrand')</title>
<!-- pages/contact.blade.php -->
@section('title', 'Contact Us — Get a Free Quote | YourBrand')For any PHP site, simply set the title in the <head> section using a variable:
<?php $pageTitle = "iPhone Repair Melbourne — Walk In Today | MobileBarn"; ?>
<title><?= htmlspecialchars($pageTitle) ?></title>Title Tag Optimization Checklist
Use this checklist every time you create or update a title tag:
Real-World Title Tag Examples (Good vs Bad)
Let's compare some real-world title tag examples to understand what works and what doesn't:
E-Commerce Product Page
Product | My Store — No keyword, no benefit, no reason to click.Clear iPhone 15 Case — Slim Fit, Drop Protection | CaseKing — Keyword-rich, specific, compelling.Local Service Business
Home | Smith Plumbing — Generic, no location, no service.Emergency Plumber Brisbane — 24/7, No Call-Out Fee | Smith — Location, urgency, USP.Blog Post
SEO Tips for Beginners SEO Guide SEO Help SEO Basics — Keyword-stuffed, unreadable.SEO for Beginners: 10 Quick Wins to Rank Higher [2026] — One keyword, specific, dated.How Google Rewrites Title Tags
Since August 2021, Google has been actively rewriting title tags. According to Moz research, Google rewrites approximately 61% of title tags. Here's what triggers a rewrite:
To prevent rewrites: write accurate, concise, descriptive titles under 60 characters that closely match your H1 and page content. Your meta description won't prevent title rewrites, but having one reduces the chance Google pulls description-like text into the title.
Title Tags for Different Page Types
Homepage
Your homepage title should lead with your brand name, followed by a short tagline or primary keyword:
MobileBarn — Phone Repair & Accessories in SydneyCategory Pages
Focus on the category keyword with a modifier:
iPhone Cases — Slim, Rugged & Clear Options | MobileBarnBlog/Content Pages
Use the target keyword as a question or "how to" format:
How to Fix a Cracked iPhone Screen at Home [2026 Guide]Location Pages
Include the city/suburb and primary service:
Phone Repair in Parramatta — Walk-In, No Appointment | MobileBarnCommon Mistakes to Avoid
Title Tags and Structured Data
Your title tag works alongside structured data to determine how your page appears in search. When you add schema markup like Article or Product, Google may display additional information (ratings, prices, author names) alongside your title in search results, making your listing even more clickable.
The name property in your structured data should closely match your title tag to avoid sending mixed signals. If they conflict, Google may use the structured data name instead — which may not be what you intended.
FAQ
Q: What is the ideal length for a title tag?
The ideal title tag length is 50–60 characters, or more precisely, under 580 pixels wide. Google displays roughly 600 pixels of title text, which corresponds to about 60 characters in a standard font. Titles that are too long get truncated with "..." which can cut off important information like your brand name or call to action. Use a SERP preview tool like Clarity SEO's Meta Generator to check exact pixel width.
Q: Should I include my brand name in the title tag?
Yes. Adding your brand name (usually at the end, separated by | or — ) helps with branded searches and builds recognition over time. For your homepage, put the brand name first. The only exception is if your brand name is very long and pushes the title over 60 characters — in that case, use an abbreviation or skip it on internal pages.
Q: Can Google change my title tag?
Yes. Google may rewrite your title tag if it thinks yours is misleading, too long, keyword-stuffed, or doesn't match the page content well. Studies show Google rewrites around 61% of titles, though most rewrites are minor (shortening or adding the brand name). The best way to prevent rewrites is to write accurate, concise, descriptive titles that closely match your H1 and satisfy the search intent.
Q: How many keywords should a title tag have?
Focus on one primary keyword and optionally one secondary keyword. Two to five meaningful words that describe the page — not a keyword list. Research from web.dev confirms that over-optimized titles with 3+ keyword phrases perform worse than natural, descriptive titles with just 1–2 key terms.
Q: Does the title tag affect social media sharing?
Yes. When no Open Graph og:title tag is set, platforms like Facebook and LinkedIn default to using the HTML <title> tag as the share headline. For full control over social previews, set dedicated Open Graph tags — see our Open Graph tags guide for step-by-step instructions.
Q: Should my title tag and H1 be the same?
They should be closely related but don't need to be identical. Your title tag is optimized for search results (concise, keyword-forward, with brand name) while your H1 is optimized for on-page readability (can be slightly longer, more descriptive). Having them closely aligned reduces the chance of Google rewriting your title tag.
Related Guides
Title tags are just one piece of the SEO puzzle. Explore these related guides to optimize your entire search presence:
Summary
Your title tag is one of the easiest SEO wins available — a 60-character window where every word counts. Get your primary keyword near the front, keep it under 60 characters, make it compelling enough to click, and give every page a unique title. With Backlinko's data showing that the #1 organic result gets 27.6% of all clicks, optimizing your title tags is one of the highest-ROI activities in SEO.
Run a free audit now to see every title tag issue across your entire site.