Blog/Title Tag Too Long? Here's the Exact Fix (With Character Limits)
·7 min read

Title Tag Too Long? Here's the Exact Fix (With Character Limits)

If your title tag is over 60 characters, Google truncates it in search results — costing you clicks. Here's exactly how to check, shorten, and fix it on WordPress, Shopify, and plain HTML.

Check your site right now

Free SEO audit in 30 seconds — find all the issues covered in this guide.

Audit for free →

Why title tag length matters more than most SEO guides admit

Your title tag is the single most visible piece of SEO copy on the page. It's the blue headline in Google search results. It's the browser tab label. It's the first thing a searcher reads before deciding whether to click.

Google displays approximately 60 characters of a title tag in desktop search results (around 600px of pixel width). Anything longer gets cut off with an ellipsis — '...' — mid-sentence.

That truncation is not just cosmetic. A truncated title:

  • Hides your keyword if it appears at the end
  • Looks unprofessional in search results
  • Reduces click-through rate as the snippet looks incomplete
  • May cause Google to rewrite the title entirely with its own version

We audited 500 random pages across Shopify, WordPress, and custom sites. 68% had title tags over 60 characters. Most of them had no idea.


The exact character limit (it's not as simple as '60')

Google measures title tag display width in pixels, not characters. The practical limits:

  • Safe zone: 50–60 characters
  • Absolute max: ~60 characters for most titles
  • For titles with wide characters (W, M, capitals): aim for 55 characters
  • For titles with narrow characters (i, l, 1): you may fit 65

The 60-character rule is the right working limit for almost all cases. If you're under 60, you're safe. If you're over, test it.

What Google does when your title is too long

Google has three options when your title tag is too long:

1. Truncate it — Shows '...' at the point where it hits the limit

2. Rewrite it — Generates its own title using H1, anchor text, or page content

3. Show a shorter version — Removes words from the middle or end

Option 1 is bad. Option 2 is worse. You lose control of the most important SEO element on your page.


How to check if your title tag is too long

Method 1: Free audit at GetMetaFix

The fastest way: paste your URL into GetMetaFix. It checks your title tag length, tells you the exact character count, and flags it as critical if it's over 60 characters.

Free. No account required. Results in 30 seconds.

Method 2: View page source

Open any page, press Cmd+U (Mac) or Ctrl+U (Windows). Search for </code>. The text between the opening and closing tags is your title tag. Count the characters.</p> <h3 class="text-lg font-semibold text-gray-900 mt-6 mb-2">Method 3: Google Search Console</h3> <p class="text-gray-600 leading-relaxed mb-4">Go to Google Search Console → Pages → click any page → check the title shown. If Google has rewritten it, that's a sign your original was too long or weak.</p> <hr class="border-gray-200 my-8" /> <h2 class="text-2xl font-bold text-gray-900 mt-10 mb-4">How to fix a title tag that's too long</h2> <p class="text-gray-600 leading-relaxed mb-4">The fix is simple in principle: rewrite the title to under 60 characters. In practice, this requires judgment. Here's the framework:</p> <h3 class="text-lg font-semibold text-gray-900 mt-6 mb-2">Step 1: Lead with the primary keyword</h3> <p class="text-gray-600 leading-relaxed mb-4">Google gives more weight to words at the start of the title. If your title is being truncated, the keyword needs to survive the cut.</p> <p class="text-gray-600 leading-relaxed mb-4">❌ Too long, keyword buried: *'The Great T-Shirt Company | Premium Organic Cotton Heavyweight T-Shirts in Navy'* (82 chars)</p> <p class="text-gray-600 leading-relaxed mb-4">✅ Fixed: *'Organic Cotton T-Shirts | The Great T-Shirt Co'* (49 chars)</p> <h3 class="text-lg font-semibold text-gray-900 mt-6 mb-2">Step 2: Move or abbreviate the brand name</h3> <p class="text-gray-600 leading-relaxed mb-4">The most common source of title tag bloat is the brand name appended at the end. If your brand name is long, abbreviate or drop it:</p> <ul class="list-disc list-inside space-y-1 my-4 ml-4"><li class="text-gray-600 mb-1 ml-4 list-disc">'The Great T-Shirt Company' → 'The Great T-Shirt Co'</li> <li class="text-gray-600 mb-1 ml-4 list-disc">'Northfield Digital Marketing Agency' → 'Northfield Digital'</li> <li class="text-gray-600 mb-1 ml-4 list-disc">Drop the brand entirely on inner pages (use it only on the homepage)</li> <p class="text-gray-600 leading-relaxed mb-4"></ul></p> <h3 class="text-lg font-semibold text-gray-900 mt-6 mb-2">Step 3: Remove filler words</h3> <p class="text-gray-600 leading-relaxed mb-4">Strip words that add length without adding meaning:</p> <ul class="list-disc list-inside space-y-1 my-4 ml-4"><li class="text-gray-600 mb-1 ml-4 list-disc">'The', 'A', 'An' at the start</li> <li class="text-gray-600 mb-1 ml-4 list-disc">'Complete', 'Ultimate', 'Comprehensive' (vague superlatives)</li> <li class="text-gray-600 mb-1 ml-4 list-disc">'In 2026' (unless you need the year for freshness signals)</li> <li class="text-gray-600 mb-1 ml-4 list-disc">'Guide to', 'Introduction to'</li> <p class="text-gray-600 leading-relaxed mb-4"></ul></p> <p class="text-gray-600 leading-relaxed mb-4">❌ *'A Complete Introduction to Organic Cotton T-Shirts from The Great T-Shirt Company'* (82 chars)</p> <p class="text-gray-600 leading-relaxed mb-4">✅ *'Organic Cotton T-Shirts | The Great T-Shirt Co'* (49 chars)</p> <h3 class="text-lg font-semibold text-gray-900 mt-6 mb-2">Step 4: Use a separator wisely</h3> <p class="text-gray-600 leading-relaxed mb-4">Separators (|, –, :) help Google parse title structure. They also use characters. Use one separator, not multiple:</p> <p class="text-gray-600 leading-relaxed mb-4">❌ *'Organic Cotton T-Shirts – Premium – Heavyweight – The Great T-Shirt Co'* (71 chars)</p> <p class="text-gray-600 leading-relaxed mb-4">✅ *'Organic Cotton T-Shirts | The Great T-Shirt Co'* (49 chars)</p> <hr class="border-gray-200 my-8" /> <h2 class="text-2xl font-bold text-gray-900 mt-10 mb-4">Check your title tag — and every other SEO issue — right now</h2> <p class="text-gray-600 leading-relaxed mb-4">A long title tag is rarely the only problem. Most pages that have title length issues also have missing meta descriptions, broken Open Graph tags, or wrong canonical URLs.</p> <p class="text-gray-600 leading-relaxed mb-4">Run a free full audit at <a href="https://getmetafix.com" class="text-black underline hover:text-gray-600 transition-colors" target="_blank" rel="noopener noreferrer">getmetafix.com</a> — it checks 12 critical SEO elements in 30 seconds. No account needed.</p> <p class="text-gray-600 leading-relaxed mb-4">The $29 Fix Package generates exact, rewritten meta tags for your page: a properly-shortened title tag, a new meta description, and corrected Open Graph tags — all tailored to your content.</p> <hr class="border-gray-200 my-8" /> <h2 class="text-2xl font-bold text-gray-900 mt-10 mb-4">How to fix title tags on different platforms</h2> <h3 class="text-lg font-semibold text-gray-900 mt-6 mb-2">WordPress (with Yoast SEO)</h3> <p class="text-gray-600 leading-relaxed mb-4">1. Open the page or post in the editor</p> <p class="text-gray-600 leading-relaxed mb-4">2. Scroll to the <strong class="font-semibold text-gray-900">Yoast SEO</strong> panel below the content</p> <p class="text-gray-600 leading-relaxed mb-4">3. Click the <strong class="font-semibold text-gray-900">SEO</strong> tab</p> <p class="text-gray-600 leading-relaxed mb-4">4. Click <strong class="font-semibold text-gray-900">Edit snippet</strong></p> <p class="text-gray-600 leading-relaxed mb-4">5. Edit the <strong class="font-semibold text-gray-900">SEO title</strong> field — Yoast shows a live character counter and a preview of how it will appear in Google</p> <p class="text-gray-600 leading-relaxed mb-4">6. Keep the green bar filled but not overflowing</p> <p class="text-gray-600 leading-relaxed mb-4">7. Save the post</p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">Common Yoast mistake:</strong> Editing the post title (H1) instead of the SEO title. These are separate fields. The post title is what appears on the page. The SEO title is what appears in Google. Edit the SEO title.</p> <h3 class="text-lg font-semibold text-gray-900 mt-6 mb-2">WordPress (with Rank Math)</h3> <p class="text-gray-600 leading-relaxed mb-4">1. Open the page or post</p> <p class="text-gray-600 leading-relaxed mb-4">2. Click the <strong class="font-semibold text-gray-900">Rank Math</strong> icon in the top-right toolbar</p> <p class="text-gray-600 leading-relaxed mb-4">3. Go to <strong class="font-semibold text-gray-900">Edit Snippet</strong></p> <p class="text-gray-600 leading-relaxed mb-4">4. Edit the <strong class="font-semibold text-gray-900">SEO Title</strong> — Rank Math also shows a live character preview</p> <p class="text-gray-600 leading-relaxed mb-4">5. Update</p> <h3 class="text-lg font-semibold text-gray-900 mt-6 mb-2">Shopify</h3> <p class="text-gray-600 leading-relaxed mb-4">Shopify's default title format is: <strong class="font-semibold text-gray-900">[Product Name] – [Shop Name]</strong></p> <p class="text-gray-600 leading-relaxed mb-4">This causes over-length titles constantly. To fix:</p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">For product pages:</strong></p> <p class="text-gray-600 leading-relaxed mb-4">1. Go to your Shopify admin → Products → select the product</p> <p class="text-gray-600 leading-relaxed mb-4">2. Scroll to <strong class="font-semibold text-gray-900">Search engine listing preview</strong></p> <p class="text-gray-600 leading-relaxed mb-4">3. Click <strong class="font-semibold text-gray-900">Edit website SEO</strong></p> <p class="text-gray-600 leading-relaxed mb-4">4. Edit the <strong class="font-semibold text-gray-900">Page title</strong> field</p> <p class="text-gray-600 leading-relaxed mb-4">5. Keep it under 60 characters</p> <p class="text-gray-600 leading-relaxed mb-4">6. Save</p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">For the homepage:</strong></p> <p class="text-gray-600 leading-relaxed mb-4">Online Store → Preferences → Homepage title</p> <p class="text-gray-600 leading-relaxed mb-4"><strong class="font-semibold text-gray-900">For collection pages:</strong></p> <p class="text-gray-600 leading-relaxed mb-4">Products → Collections → select collection → Search engine listing preview → Edit website SEO</p> <h3 class="text-lg font-semibold text-gray-900 mt-6 mb-2">Plain HTML</h3> <p class="text-gray-600 leading-relaxed mb-4">Find the <code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono"><title></code> tag inside your <code class="bg-gray-100 text-gray-800 px-1.5 py-0.5 rounded text-sm font-mono"><head></code> element and rewrite it:</p> <pre class="bg-gray-950 text-green-400 rounded-xl p-4 overflow-x-auto text-sm my-6"><code><head> <p class="text-gray-600 leading-relaxed mb-4"> <title>Organic Cotton T-Shirts | The Great T-Shirt Co

Keep it under 60 characters. Lead with your primary keyword.

Next.js

In Next.js App Router, set title in your metadata export:

export const metadata = {

title: 'Organic Cotton T-Shirts | The Great T-Shirt Co',

};

Or with a template:

export const metadata = {

title: {

default: 'The Great T-Shirt Co',

template: '%s | The Great T-Shirt Co',

},

};

The %s is replaced by each page's title — so keep page titles short to leave room for the brand suffix.


What to do when you can't shorten without losing keywords

This is the real challenge. Sometimes the keyword you're targeting is long, and your brand name is long, and you can't fit both under 60 characters.

Here's how to handle it:

Option 1: Target a shorter keyword variation

If your title is *'How to Fix Shopify Meta Tags for SEO in 2026 | GetMetaFix'* (62 chars), consider:

  • Is 'Fix Shopify Meta Tags' the exact phrase people search, or would *'Shopify Meta Tags Fix'* work?
  • Check Google's autocomplete for the shortest version of your target phrase

Option 2: Drop the brand on inner pages

Your homepage carries the brand. On product pages, blog posts, and landing pages, it's often fine to omit the brand entirely. Google knows which site it's on.

❌ *'How to Fix Shopify Meta Tags — GetMetaFix SEO Auditor'* (56 chars — safe, but tight)

✅ *'How to Fix Shopify Meta Tags for SEO'* (38 chars — clean, keyword-first, room to breathe)

Option 3: Prioritise keyword over brand, always

If you're choosing between fitting the keyword or fitting the brand name, always keep the keyword. The keyword determines which searches you appear for. The brand name mostly helps people recognise you after they've already seen the result.

Option 4: Let Google pick — but write a strong H1

If Google is going to rewrite your title anyway (because it's too long), the next best thing is having a strong, keyword-rich H1 on the page. Google frequently uses the H1 as the displayed title in search results. Make sure your H1 is under 60 characters and includes the target keyword.


Title tag length: quick reference

  • Under 50 chars: Too short — you have unused space. Add more keyword context.
  • 50–60 chars: Ideal. Full title visible in most Google results.
  • 60–70 chars: Risky. Will truncate on some queries and devices.
  • Over 70 chars: Will truncate. Google may rewrite entirely.

Run a free audit at getmetafix.com to see your exact title tag length and get a prioritised list of everything else that needs fixing.

Fix your site's SEO in 30 seconds

Free audit. AI-generated fixes for $29.

Audit for free →