How to Write the Perfect Title Tag for SEO
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.
Why It Matters for SEO
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.
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 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.
Common Mistakes to Avoid
FAQ
What is the ideal length for a title tag?
The ideal title tag length is 50–60 characters. 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 "...".
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.
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. The best way to prevent rewrites is to write accurate, concise, descriptive titles.
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.
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.
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.
Run a free audit now to see every title tag issue across your entire site.