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
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:titleisn’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:
| Method | How | What you see |
|---|---|---|
| Browser tab | Hover over the tab | The full title in a tooltip |
| View source | Ctrl+U (Cmd+Option+U on Mac), then search for <title> | The raw tag exactly as served |
| Developer console | Open DevTools, type document.title, press Enter | The current title, after any script |
| Search result | Search site: plus the page URL | Google’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.
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.
How Google builds the title link
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 tag | H1 | |
|---|---|---|
| Location | <head> (not visible on page) | Page body (visible) |
| Job | Represents the page externally | Headlines the content on-page |
| Shows up in | SERP link, browser tab, social shares | The rendered page only |
| One per page? | Yes, exactly one | Yes, 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:
| Good | Why it works |
|---|---|
Product Name | Brand Name | Clear subject, brand for trust, fits the limit |
2026 Admissions Criteria - University of Awesome | Specific, descriptive, no stuffing |
How to Write Meta Descriptions (With Examples) | seoworth | Front-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:
HomeorUntitled: 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.
| Warning | What it usually means | Fix |
|---|---|---|
| Title too short | A one or two word label like Pricing or Blog | Add the qualifier: what the page is and who it is for |
| Title too long | The tail will be cut and may be rewritten | Cut filler words first, then the brand; keep the keyword up front |
| Duplicate title | A template with no variable part, or duplicate pages | Make the variable part real, or noindex the duplicate |
| Missing title | CMS setting left empty | Write one; Google will otherwise invent one from the page text |
| Title same as H1 | Not a problem on its own | Leave 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
- Lead with the primary keyword so the page’s relevance is unmistakable.
- Stay near 50–60 characters / ~600px: check the pixel width, not just the count.
- Make every page’s title unique: duplicates confuse users and search engines.
- Add the brand at the end with a
|or-, unless space is tight. - Match it to the H1 and
og:titleso Google keeps the title you wrote. - 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.
- 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 ]
How to Write a Meta Description (With Examples)
Learn how to write a meta description that wins clicks: the exact length limits, a 6-step method, before/after examples, and a free tool to test yours.
Meta Title Length: Character Limit & Pixel Width
Meta title length: the 50–60 character rule, the ~600px width Google cuts titles at, measured examples, and how to check a title before publishing.
SEO Title Examples: 40 Title Tags & Best Practices
40 SEO title examples by page type, real Google titles critiqued, and the rules behind good title tags: the title keyword, structure, separator and length.
Get the weekly SEO brief
Practical SEO tips, tool releases, and search news. No spam, unsubscribe anytime.