All fix guides
NoticeOn-Page SEO

How to Fix a Title Tag That's Too Long

A "title tag too long" notice means your page's <title> is likely to be cut off in search results because it runs wider than Google's display area, roughly 600 pixels or about 50 to 60 characters on desktop. The fix is to rewrite the title so the important keyword and value sit inside that visible range, then update it in your CMS or template and confirm it in the page source.

What this means

The <title> tag defines the clickable headline that Google and other search engines show for your page in the results list. It also becomes the default label for browser tabs, bookmarks, and shared links.

Google does not cut titles at a fixed character count. It renders them at a fixed pixel width, roughly 600px on desktop, so a practical safe range is about 50 to 60 characters. Wide characters like W, M, and capital letters eat more space than narrow ones like i, l, and t, which is why two titles of the same length can truncate differently. When a title runs past the space available, Google appends an ellipsis and hides the rest, often mid-word.

An audit flags long_title when the character count or estimated pixel width crosses that threshold. This is a notice, not an error. An over-length title will not get your page deindexed or penalized. The cost is that the tail of the title, frequently where your brand name or a secondary keyword sits, disappears from the snippet a searcher actually reads.

Why it matters

The title tag is one of Google's stronger on-page relevance signals and usually the single biggest driver of whether someone clicks your result. A truncated title reads as unfinished, which can suppress click-through even when your ranking is fine.

Two specific problems come from over-length titles:

  • Lost message. If your differentiator or offer sits at the end, like "...Free Shipping and 30-Day Returns," it gets cut. The searcher decides based only on what survives.
  • Google rewrites it. When a title is too long, vague, or keyword-stuffed, Google is more likely to replace it with its own version pulled from your H1 or prominent on-page text. You lose control of your headline, and the rewrite is often weaker than one you would have written on purpose.

For AI answer engines the title still matters, just less as a display element. ChatGPT, Perplexity, and Google's AI Overviews read the <title> as a strong hint about what a page covers when deciding which sources to cite and how to label them. A clear, front-loaded title that names the topic plainly helps these systems match your page to a query and attribute a citation correctly, while a bloated one muddies that signal. The pixel limit is a Google SERP constraint, but the underlying discipline, one clear topic stated up front, helps both classic ranking and AI visibility.

How to fix it

  1. 1

    Measure width, not just character count

    Character count is a proxy. Google truncates on pixel width, around 600px on desktop, so aim for roughly 50 to 60 characters and treat titles heavy with wide capitals more strictly. Paste your title into a SERP preview tool or your SEO plugin's snippet preview to see exactly where the cut lands before you publish.

  2. 2

    Front-load the keyword and the value

    Put your target term and the reason to click in the first 50 characters, where they are guaranteed to show. Move the brand name to the end after a separator, following the pattern "Primary Keyword - Clear Benefit | Brand." If the brand still pushes you over the limit on a deep page, drop it there and keep it only on the homepage and key landing pages.

  3. 3

    Cut filler, not meaning

    Remove padding that helps neither the searcher nor the algorithm: "The Ultimate Guide to," "Everything You Need to Know About," "Welcome to," duplicate keywords, and repeated brand mentions. Rewrite "The Complete Beginner's Guide to Learning How to Start Composting at Home" as "How to Start Composting at Home: Beginner's Guide." Shorter and clearer usually wins the click.

  4. 4

    Update the title in your CMS or template

    Edit whatever produces the <title> tag. In WordPress that is your SEO plugin's SEO title field; in Shopify it is the page's search engine listing meta title; in raw HTML or a framework it is the <title> element or head config. Save, then confirm the change in the live page source (View Source, search for <title>), not just the editor preview.

  5. 5

    Fix template-generated bloat at scale

    Long titles across many pages usually come from a title template, not hand-written titles. A pattern like "%%post_title%% %%sep%% %%page%% %%sep%% %%sitename%% %%sep%% %%tagline%%" appends too much boilerplate. Trim it to something like "%%title%% %%sep%% %%sitename%%" and re-audit. Fixing the template corrects every affected page at once.

  6. 6

    Request re-crawl and verify the SERP

    After deploying, open the URL Inspection tool in Google Search Console and request indexing so Google re-fetches the page sooner. Titles can take days to update in live results, and Google may still show its own version. Search for the page a few days later to confirm your new title renders in full.

Example

<!-- Too long: ~85 chars, tail gets cut off in the SERP -->
<title>The Ultimate Complete Guide to Starting Composting at Home for Beginners | GreenLife</title>

<!-- Fixed: ~55 chars, keyword first, brand last -->
<title>How to Start Composting at Home: Beginner's Guide | GreenLife</title>

A too-long title (about 85 chars, will truncate) rewritten to fit Google's display width (about 55 chars) with the keyword front-loaded and the brand at the end.

Platform-specific steps

WordPress (Yoast / Rank Math)

Edit the post or page and scroll to the Yoast or Rank Math box below the editor. Change the SEO title field, not the post title or H1, and watch the built-in Google preview and length bar. To fix many pages at once, edit the global title template: in Yoast go to Settings and the relevant content type, in Rank Math go to Titles and Meta, then trim the variables to roughly %%title%% %%sep%% %%sitename%%.

Shopify

Open the product, collection, page, or blog post, scroll to Search engine listing, and click Edit. Change the Page title field and use the character counter and preview shown there. For theme-level patterns, check theme.liquid and your theme's SEO settings, since some themes append the store name to every title automatically.

Wix

Open the page in your dashboard, go to its SEO settings (SEO Basics, then Title Tag), and edit the value. Wix shows a live Google preview with a length indicator. To change the pattern applied across page types, use the site-wide SEO settings in the SEO Tools area rather than editing each page by hand.

Squarespace

Hover the page in the pages panel, click the gear to open page settings, go to the SEO tab, and edit the SEO Title. For a site-wide pattern, go to Marketing and then SEO, and adjust the title format so extra appended fields do not push titles over length.

Raw HTML / Next.js / React

In static HTML, edit the <title> element in the document <head>. In the Next.js App Router, set the title field in the exported metadata object or in generateMetadata; in the Pages Router or with next/head, set <title> inside <Head>. Keep dynamic titles in check by trimming interpolated values, for example capping the length of ${post.title}, so generated pages do not blow past the limit.

Free tool
Check this with the SERP Snippet Preview

Frequently asked

What is the ideal length for a title tag?

Aim for about 50 to 60 characters, which keeps you inside Google's roughly 600-pixel desktop display width in most cases. There is no hard character rule because Google truncates on pixel width, not count, so a title full of wide capital letters can get cut sooner than a longer one made of narrow lowercase letters. Use a SERP preview tool to check the actual rendered result.

Does a title tag that's too long hurt my rankings?

Not directly. Google does not penalize or deindex a page for a long title, which is why audits flag this as a notice rather than an error. The real cost is click-through: the end of your title gets cut off in the results, so searchers miss part of your message, and Google is more likely to rewrite the title with its own text. Both can quietly reduce clicks even when your position holds.

Why is Google showing a different title than the one I wrote?

Google rewrites titles when it decides its version fits the query better, and an over-length, vague, or keyword-stuffed title is a common trigger. It usually pulls the replacement from your H1 or prominent on-page text. Writing a concise, accurate, front-loaded title that clearly matches the page content is the best way to get Google to keep yours.

Should I include my brand name in every title tag?

On your homepage and top landing pages, yes, since brand recognition lifts click-through. On deep content and blog posts where the title is already long, the brand is the first thing to drop, because it usually sits at the end where it gets truncated anyway. If you keep it, use a separator and place it last, as in "Primary Topic - Benefit | Brand."

Do title tags matter for AI search engines like ChatGPT and Perplexity?

Yes, though differently than for classic search. AI answer engines read the <title> as a strong signal of what a page covers and use it when choosing which sources to cite and how to label them. The 600-pixel display limit is a Google SERP concern that does not apply to them, but the same discipline helps: one clear topic, stated plainly at the start, with no keyword stuffing. That makes your page easier to match to a query and attribute correctly.

Does your site have this issue?

Run a free, AI-powered audit and we’ll flag this and 150+ other checks in about a minute. No signup.

No signup needed. Results in under 60 seconds.

Related fixes