Skip to content
SEO Worth
[ TITLE TAGS ]

What Is a Title Tag? Definition, Example & Length

A title tag is the HTML title element Google shows as your clickable search headline. See the syntax, a worked example, and the 50–60 character rule.

· Updated

What Is a Title Tag? Definition, Example & Length

A title tag is the single most-read piece of text you write for a page. It’s the blue headline searchers click in Google, and it’s a confirmed ranking factor. Get it right and you earn relevance signals and clicks; get it wrong and Google rewrites it for you.

What is a title tag?

A title tag is the HTML <title> element that defines a web page’s title. It’s the clickable headline Google shows in search results, the text in the browser tab, and the headline pulled into social-media link previews. Though it isn’t visible in the page body, it’s one of the most important on-page SEO elements: it helps users and search engines understand what the page is about and is the first thing most people read before deciding to click.

In markup it lives in the document <head> and looks like this:

<head>
    <title>What Is a Title Tag? | seoworth</title>
</head>

That one line of HTML does triple duty: it names the page for browsers, for search engines, and for the rest of the web.

Where a title tag appears

The same <title> text surfaces in three places, which is why it’s worth getting right:

  • The search result link: the bold, clickable headline in Google (and Bing).
  • The browser tab: the label on the tab and in your bookmarks and history.
  • Social shares: the headline in link previews on Slack, LinkedIn, iMessage, and similar, when a dedicated og:title isn’t set.

How to see (show) a page’s title tag

The title tag is not rendered in the page body, so you have to look for it. Four ways, fastest first:

MethodHowWhat you see
Browser tabHover over the tabThe full title in a tooltip
View sourceCtrl+U (Cmd+Option+U on Mac), then search for <title>The raw tag exactly as served
Developer consoleOpen DevTools, type document.title, press EnterThe current title, after any script
Search resultSearch site: plus the page URLGoogle’s title link, maybe rewritten

The last row is the one that matters for SEO, and it is also the one that can disagree with the other three. If the site: result shows different words from your source code, Google has rewritten the title link. The next section explains why that happens and how to stop it.

Anatomy of a search result explained in less than 60 seconds (Google Search Central)
A laptop screen showing web analytics, representing where a title tag surfaces across search and browser surfaces
One title tag, three surfaces: the search result link, the browser tab, and social link previews.

Why title tags matter

Unlike the meta description, which only influences click-through rate, the title tag is a confirmed Google ranking factor for relevance (per Moz and Ahrefs). It’s one of the strongest on-page signals you control, so the words you choose, and their order, directly affect which queries you compete for.

It’s also your headline in the auction for the click. A precise, benefit-led title can win the click even when you rank below a competitor with a vague one.

Here’s the catch: the <title> you write is an input, not a guarantee. Google generates the title link shown in results and replaces your tag roughly 58–61% of the time when it’s missing, too long or too short, stale, boilerplate, or off-topic for the query (Moz/Google). According to Google’s title-link documentation, it builds title links from several sources:

  • The <title> element itself
  • The page’s main heading (often the H1)
  • Other prominent on-page text
  • Anchor text in links pointing to the page
  • og:title: the newest source Google added

The practical lesson: keep these consistent. When your <title>, H1, and og:title tell the same story, Google has no reason to override you. Consistent does not mean identical, though: H1 tag SEO shows that only 14 of 96 top-ranking pages we checked use the same text for both.

Title tagH1
Location<head> (not visible on page)Page body (visible)
JobRepresents the page externallyHeadlines the content on-page
Shows up inSERP link, browser tab, social sharesThe rendered page only
One per page?Yes, exactly oneYes, one primary H1

How long should a title tag be?

Aim for roughly 50–60 characters, which is about 600 pixels on desktop. Those are the canonical numbers behind our SERP snippet preview tool. Google truncates by pixel width, not character count, so treat characters as a proxy: a title full of wide letters (W, M, capitals) hits the limit sooner than one full of narrow ones (i, l, t). When we measured 504 real Google title links, none shown in full was wider than 577px, and titles under 500px were almost never cut (title tag length statistics).

Moz’s research is specific here: titles in the 51–60 character band see the fewest rewrites. Run shorter and you risk a thin, padded-out title; run longer and Google chops the tail with an ellipsis, usually cutting your brand or your call to action.

Title tag examples

The pattern that works almost everywhere is specific descriptor + brand:

GoodWhy it works
Product Name | Brand NameClear subject, brand for trust, fits the limit
2026 Admissions Criteria - University of AwesomeSpecific, descriptive, no stuffing
How to Write Meta Descriptions (With Examples) | seoworthFront-loaded keyword + value cue + brand

For many more, sorted by the kind of page you are writing, see these SEO title examples by page type.

And the ones to avoid:

  • Home or Untitled: describes nothing; Google will replace it.
  • SEO Tips, SEO Guide, SEO Help, Best SEO Tools, SEO 2026…: keyword-stuffed; reads as spam and gets rewritten.
  • A blank <title>: forces Google to invent one from your page text.

Title too short, too long, or wrong case: audit warnings explained

SEO crawlers (Moz, Semrush, Screaming Frog, Ahrefs) all flag title tags, and each uses its own thresholds. Screaming Frog’s defaults, for instance, flag titles below 30 characters or over 60 characters, and below 200 or over 561 pixels. None of these numbers come from Google. They are proxies for the two things Google does react to: a title that says too little and a title that gets truncated.

WarningWhat it usually meansFix
Title too shortA one or two word label like Pricing or BlogAdd the qualifier: what the page is and who it is for
Title too longThe tail will be cut and may be rewrittenCut filler words first, then the brand; keep the keyword up front
Duplicate titleA template with no variable part, or duplicate pagesMake the variable part real, or noindex the duplicate
Missing titleCMS setting left emptyWrite one; Google will otherwise invent one from the page text
Title same as H1Not a problem on its ownLeave it, unless the H1 is too long to work as a title

Capitalization is the one warning people ask about most and it matters least. Google matches queries case-insensitively, so What Is a Title Tag? and What is a title tag? rank identically. The real differences are cosmetic and pixel-based: title case is the convention in most search results and looks deliberate, and capitals are wider letters, so title case costs a few extra pixels. ALL CAPS is the one to avoid, because it burns the 600px budget fastest and reads as shouting. Pick one style and apply it across the site.

“Too short” deserves more attention than “too long”. A long title loses its tail but keeps its keyword. A short, generic title (Home, Services, Blog) gives Google almost nothing to work with, which is exactly when it builds its own title link from your H1 or anchor text instead.

How to write a good title tag

  1. Lead with the primary keyword so the page’s relevance is unmistakable.
  2. Stay near 50–60 characters / ~600px: check the pixel width, not just the count.
  3. Make every page’s title unique: duplicates confuse users and search engines.
  4. Add the brand at the end with a | or -, unless space is tight.
  5. Match it to the H1 and og:title so Google keeps the title you wrote.
  6. Write for the click: a clear benefit beats a clever pun.

Before you publish, paste your draft into the SERP snippet preview tool to see the live pixel width, character count, and a truncation warning for both desktop and mobile.

The bottom line

A title tag is a one-line HTML element with outsized impact: it’s a direct ranking factor, your headline across three surfaces, and the first thing searchers judge you on. Keep it 50–60 characters, front-load the keyword, align it with your H1 and og:title, and you’ll hold onto the title you wrote instead of the one Google writes for you.

Want more on-page tactics like this? Join the newsletter for weekly, practical SEO tips, and go a level deeper with title tag SEO best practices, the exact meta title length limits, the meta description length guide, or the full meta tags in HTML reference. For which other head tags still affect rankings, see meta tags for SEO.

[ FAQ ]
What is a title tag?
A title tag is the HTML title element that names a web page. Google uses it as the clickable headline in search results, and browsers show it in the tab and in social-media link previews.
Is a title tag the same as an H1?
No. The title tag lives in the page's head and represents the page externally: in search results, browser tabs, and shares. The H1 is the visible headline inside the page body. They should be similar but are separate elements.
Is a 'meta title' a real thing?
Not technically. 'Meta title' is a common misnomer for the title tag. The title tag is a standalone title element, not a meta tag, even though many SEO tools label its field 'meta title'.
How long should a title tag be?
Aim for about 50–60 characters, roughly 600 pixels on desktop. Titles in the 51–60 character band see the fewest Google rewrites. Google truncates by pixel width, so character count is a useful proxy.
How do I see a page's title tag?
Hover over the browser tab to see the full title, or press Ctrl+U (Cmd+Option+U on a Mac) to view the page source and search for the title element. In the browser console, typing document.title prints it. The browser shows the title tag you wrote; Google's search result may show a rewritten title link.
Should a title tag be in title case or sentence case?
Either. Google matches queries case-insensitively, so capitalization has no ranking effect. Title case is more common in search results and is slightly wider in pixels because capitals are wider letters. Avoid all caps: it burns the pixel budget fastest and reads as shouting.
Is a title tag mandatory?
It is not required for a page to load, but every indexable page should have one. If you omit it or write a weak title, Google generates its own title link from your page content, and you lose control of how the page appears in search.

[ READ NEXT ]