What a Title Tag Is, and Why Your Result May Say Something Else
Search results often show a different headline from the one you wrote. See what the tag does, how long yours should be, and how to get it used.
/ On this page11 sections
A title tag is one line of HTML that gives a page its name. Browsers print it on the tab, and search engines read it when they build the headline of a result.
It lives in the page's <head> and holds nothing but text: <title>What a Title Tag Is</title>.
Then you search for that page a week later and the headline says something else.
That happens often, and almost every cause is a defect you can find on your own page in a minute.
What a Title Tag Is
A title tag is the HTML element that names a document. It is written <title> and it sits inside the page's <head>, above anything a visitor sees.
The rules on it are short. One per document, text only, and no other tags nested inside it.
Here is a whole page with one in place:
<html><head><title>Rye Sourdough, Step by Step</title></head><body><h1>Rye Sourdough</h1></body></html>
The element takes no attributes of its own beyond the global ones every HTML element accepts. There is nothing to configure. The words between the tags are the entire feature.
Title Tag, Meta Title, SEO Title
You will see three names for the same thing, and they are interchangeable in practice.
- Title tag is the name the element usually goes by.
- Meta title is the label most content management systems put on the field you type into.
- SEO title is the label in most search engine optimization (SEO) plugins and audit tools.
One pedantic note, because it explains the confusion: the title element is not a meta tag. Meta tags are <meta> elements, and the title is its own element with its own rules.
Nothing turns on the distinction except your ability to read a spec without tripping.
Where the Title Shows Up
One line of HTML is doing six jobs, and only one of them is a search result.
The browser tab. With a dozen tabs open, the first few words of the title are how anyone finds their way back to your page. A tab labeled Home is a tab nobody returns to.
The search result. The headline of a result is built from your title tag, most of the time. That is the surface people mean when they talk about optimizing one.
A bookmark. Save a page and the title becomes the default name in the list.
A shared link. Paste a URL into a chat window or a social post and the preview headline usually comes from the title, unless the page sets an Open Graph title instead. It is the fallback that catches you when the better markup is missing.
An AI answer. When an assistant cites a page, the label on that link comes from the same place.
The Sixth Surface: A Screen Reader
A screen reader announces the page title when a page loads.
MDN Web Docs (the Mozilla Developer Network reference) describes reading the title and inferring the page's content from it as a common navigation technique for people using assistive technology. Opening a page to find out what it holds is slow, and it can be confusing.
That has a direct consequence for how you order the words.
Put the page's purpose first and the site name last. Somebody moving through six of your pages should not hear your brand name six times before finding out where they are.
It is the same order that serves a browser tab, which trims from the end, and a search result, which does the same. Every surface prints your title from its first word.
Use this chart — embed code and citation
<a href="https://neerajjivnani.com/blog/title-tag/"><img src="https://neerajjivnani.com/infographics/title-tag/one-line-six-surfaces.png" alt="Diagram of one title string, Rye Sourdough, Step by Step, then a pipe, then Kneadful, shown once at the top as a line of HTML source and then carried onto six surfaces beneath it: a browser tab where only the first few words fit before the tab runs out, a search result where it is the blue headline above the URL, a bookmark list where it is the saved name, a link preview card in a chat window where it is the headline beside the thumbnail, an AI answer where it is the label on the cited link, and a screen reader announcement where it is read aloud on load. The search result is the one panel drawn in orange, marked as the only surface anybody else can rewrite. A band across the foot records that the browser tab trims from the end, the search result does the same, and a screen reader starts at the front and works forward, so the words that say what the page is go first and the brand name goes last." width="1200"></a>
<p>Chart: <a href="https://neerajjivnani.com/blog/title-tag/">Neeraj Jivnani</a></p>Neeraj Jivnani, "What a Title Tag Is, and Why Your Result May Say Something Else", neerajjivnani.com, https://neerajjivnani.com/blog/title-tag/Free to republish with a link back to this page.
Why It Matters
Three reasons, and none of them is complicated.
It is the line the click gets decided on. Everything else you wrote is one click away and might as well not exist yet.
It is one of the signals an engine uses to work out what a page is about. Not the only one, and not a large one, but a direct one.
And it is the label on the other five surfaces. A title written for a search result you never get is still the title on the tab of everyone who did arrive.
How Long a Title Tag Should Be
Aim for roughly 50 to 60 characters, put the words somebody would type in the first half, and stop worrying about the exact count.
The count is softer than it looks. Google Search Central states that there is no limit on how long a title element can be, and that the headline is truncated in search results as needed, typically to fit the device width.
So the cut is a width, and the count is a proxy for it.
That proxy is imperfect in a way you can see. A capital W is wider than a lowercase i, so two titles of identical length can end in different places, and the same title can survive on a laptop and get trimmed on a phone.
Ahrefs, in a guide updated in November 2024, puts the practical desktop cut at 600 pixels.
There Is a Floor as Well as a Ceiling
Short titles have their own failure, and it is the one people miss.
Conductor's reference guide, last updated in March 2026, puts the minimum at 30 characters, or 285 pixels, and gives the reason: if a title is too short, the engine may reach for one of your headings instead.
That is a real risk. A three-word title is not concise, it is incomplete, and it invites a substitution you did not choose.
What to Cut First
When a title runs long, cut in this order.
- Padding at the front.
Welcome to,Official Website of,Home of. None of it says anything and all of it sits where the answer should be. - The brand name, unless the brand is the reason somebody searched.
- The second keyword, if you crammed two in.
- Long connectives. An ampersand costs less than the word
and, and a colon costs less than a dash with spaces around it.
Only then start rewriting the substance, because that is the part you cannot get back.
Use this chart — embed code and citation
<a href="https://neerajjivnani.com/blog/title-tag/"><img src="https://neerajjivnani.com/infographics/title-tag/the-cut-is-a-width.png" alt="Three title strings drawn one under another in the same typeface and size against a common horizontal scale, with a marked cut line toward the right. Rye Sourdough, Step by Step, then a pipe, then Kneadful, at 38 characters, ends well short of the line. How to Feed a Sourdough Starter Without Killing It, at 50 characters, ends inside it with room to spare. The same fifty characters set in capitals, HOW TO FEED A SOURDOUGH STARTER WITHOUT KILLING IT, runs past the line and is drawn in orange. A note beneath records that the second and third rows are the same words at the same character count, that a capital W is wider than a lowercase i, and that the same title clears on a laptop and gets trimmed on a phone because the width moved and the count did not. A smaller line states that the figure is drawn to one scale in one typeface while Google renders in its own, that Ahrefs puts the practical desktop cut at 600 pixels, and that Conductor, in March 2026, puts the floor at 30 characters or 285 pixels." width="1200"></a>
<p>Chart: <a href="https://neerajjivnani.com/blog/title-tag/">Neeraj Jivnani</a></p>Neeraj Jivnani, "What a Title Tag Is, and Why Your Result May Say Something Else", neerajjivnani.com, https://neerajjivnani.com/blog/title-tag/Free to republish with a link back to this page.
How to Write One
Two decisions do almost all the work here, and neither of them is the character count.
The first puts you in the running. The second is what gets you chosen over the nine results beside you.
Everything else, the length, the brand name, the separator, is housekeeping on top of those two.
Decision One: Use the Words Somebody Would Type
Search the phrase you are targeting and read the ten results. Notice the shape they share, because that shape is what the person searching expects to see.
Then use that shape, with your keyword near the front.
This is unglamorous and it is the half that decides whether you are in the running. A title that answers a different question from the one typed loses the click whatever else it does well.
Say a page explains how to feed a sourdough starter. Feeding Schedules is a title for somebody who already knows the phrase. How to Feed a Sourdough Starter is a title for the person who searched.
Decision Two: Say What They Get That the Others Do Not
Now read those same ten titles again and find what none of them promises.
A scope, an outcome, a limit, a cost, a thing that stops working. Whatever it is, it goes in the second half of your title.
That is the half that earns the click, and it is the half that gets traded away for a second keyword.
How to Feed a Sourdough Starter is parity. How to Feed a Sourdough Starter Without Killing It says the thing the others left out.
It is also the half most likely to be cut, because the trim comes off the end.
That is the trade, and it is worth taking with your eyes open. The words that get you found go first. The words that get you chosen go where the width may take them.
Where the Brand Name Goes
At the end, separated by a pipe or a dash, and only when it is doing work.
A recognized brand earns its space because the name itself is a reason to click. An unknown one is spending characters the answer needed.
Your home page is the exception. That is the page where the brand is the subject.
One Page, One Title
Every page gets its own title, and two pages sharing one is a problem for you before it is a problem for a search engine.
If you cannot say what makes two pages different in a few words, a reader cannot either, and neither can an engine deciding which of them to show.
Three Titles, Before and After
The same two decisions, applied to three different kinds of page.
Read the before column as what a content management system leaves you if nobody intervenes. None of them is wrong, exactly. They are titles written for somebody who already knows the site.
| page | before | after |
|---|---|---|
| A blog post on starter maintenance | Feeding Schedules | How to Feed a Sourdough Starter Without Killing It |
| A product page for a proofing basket | Basket - Kneadful | 9-Inch Banneton Proofing Basket, Rattan - Kneadful |
| A local bakery's service page | Home | Custom Wedding Cakes in Leeds - Kneadful Bakery |
Every after does the same two things. It uses the words a searcher would type, and it adds one piece of information the competing results do not promise.
Put your own two halves in and the line gets drawn rather than counted.
Whether Any of This Moves a Number
A rewritten title does move traffic, and the honest answer is that the movements are modest and worth having.
SearchPilot runs controlled split tests on client sites, measuring variant pages against a forecast for the control. Its 2024 write-up of three title tests reports:
- capitalizing the keywords in the title on an ecommerce site, organic traffic up 8.5%
- adding a question about cost to offer-page titles, up 5%
- adding the words "the best" to the front of an editorial customer's titles, up 10%
Read those as what they are. Three tests, on three kinds of page, in three businesses.
They do not license a rule about your titles. What they establish is that a two-word change to a title can move traffic by a measurable amount, which is more than most on-page work can claim.
Title Tag vs H1
A title tag and an H1 are different elements, in different parts of the document, read by different things.
The title tag lives in <head>. Nobody reads it on the page itself; browsers, search engines and screen readers do.
An <h1> is a heading in the page body. It is the first line a visitor reads once they have arrived.
So the two saying it differently is normal, and often right.
A title has to earn a click from a stranger who has read nothing of your page.
A heading has to be worth the click they spent. Different jobs, and they call for different sentences.
Nothing is gained by making either do the other's job.
The Failure That Actually Happens
A title and a heading that differ are not the failure worth watching for. What goes wrong is narrower.
A title promises something specific, and the heading underneath it keeps the generic first half and drops the differentiating second half.
How to Feed a Sourdough Starter Without Killing It becomes How to Feed a Sourdough Starter. The promise that earned the click is gone from the first line the reader meets.
Keep them aligned in topic and in promise. The heading may say it at more length, in a warmer voice, for a reader rather than a snippet.
It may not say less.
When Google Shows a Different Title
Google builds the headline of a result itself, and it uses your title tag most of the time rather than all of the time.
Ahrefs, drawing on Site Audit data across more than a million domains in a guide updated in November 2024, reports that pages whose title tag and search-result headline do not match affect 68.54% of sites.
That is the share of sites carrying the issue somewhere, not the share of titles replaced.
It Is a Diagnosis, Not Weather
Google Search Central lists nine sources it draws on when it builds the headline of a result.
They are, in the order the documentation gives them:
- The title element.
- The main visual title shown on the page.
- Heading elements, such as
<h1>. - Content in an
og:titlemeta tag. - Other content made large and prominent by its styling.
- Other text contained in the page.
- Anchor text on the page.
- Text within links that point to the page.
- WebSite structured data.
Your title element is the first of the nine. The other eight are what it falls back to.
More usefully, the same documentation names the conditions under which it reaches for them.
| what Google calls it | what it means on your page |
|---|---|
| Half-empty title | Part of the text is missing, so the element opens on the separator and then the site name |
| Obsolete title | The page was updated and the title still carries last year's date |
| Inaccurate title | The title does not describe what is on the page |
| Micro-boilerplate | A set of pages shares one title with the distinguishing part left out |
| No clear main title | Two or more headings have the same size and prominence |
| Writing system or language mismatch | The title is in a different language or writing system from the page's own text |
| Duplication of the site name | The result already shows your site name, so Google drops it from the headline |
Read that list against your own page and you can usually name the case in under a minute.
One of the seven is not yours to fix. Google drops a site name it is already showing beside your result, and there is nothing on the page to change.
What to Do About It
Fix the condition rather than the title.
An obsolete title needs the date updated. A half-empty one needs the template that generates it looked at. Two headings of equal weight need one of them demoted, which is a page-structure fix and not a copy fix.
Then wait. Google Search Central notes that it has to recrawl and reprocess a page to notice a change, and that can take a few days to a few weeks.
And Write One Anyway
A replaced headline is not a reason to skip the work.
Search Console shows you impressions, clicks and average position for each page, so a title change is one of the few edits you can measure. Give it two or three weeks, then compare click-through rate at a stable position.
There is a second reason, and it outlives the search result. Your title is still the tab label, the bookmark name, the shared-link headline and the line a screen reader reads, and none of those is ever rewritten by anybody.
Use this chart — embed code and citation
<a href="https://neerajjivnani.com/blog/title-tag/"><img src="https://neerajjivnani.com/infographics/title-tag/seven-named-cases.png" alt="Two-column figure headed A replaced headline is a diagnosis, not weather. The left column is a table of the seven conditions Google Search Central names for replacing a page's title, each paired with the defect as it appears on the page: a half-empty title where part of the text is missing so the element reads as a pipe followed by the site name, an obsolete title still carrying last year's date, an inaccurate title that does not describe the page, micro-boilerplate where a set of pages shares one title with the distinguishing part left out, no clear main title where two or more headings have the same size and prominence, a mismatch of writing system or language between the title and the page's own text, and duplication of the site name that the result already shows, which the figure marks as the one condition that is not yours to fix. The right column numbers the nine sources the same documentation says Google draws on to build a result headline, with the title element first and marked in orange, above a panel giving 68.54 percent as the share of sites carrying a title mismatch somewhere. A band across the foot says to fix the condition rather than the title and notes that Google has to recrawl and reprocess a page to notice a change, which can take a few days to a few weeks." width="1200"></a>
<p>Chart: <a href="https://neerajjivnani.com/blog/title-tag/">Neeraj Jivnani</a></p>Neeraj Jivnani, "What a Title Tag Is, and Why Your Result May Say Something Else", neerajjivnani.com, https://neerajjivnani.com/blog/title-tag/Free to republish with a link back to this page.
Common Mistakes
Six mistakes that cost something, and what to do instead.
Stuffing it with keywords. Google Search Central says plainly that there is no reason to have the same words or phrases appear multiple times, and gives Foobar, foo bar, foobars, foo bars as the shape to avoid. Use the phrase once and spend the rest on the reader.
Leaving it as `Home` or `Document`. These are defaults, and a default is a title nobody chose. Document is what an editor writes for you when you forget.
Front-loading the brand. On any page except the home page, the brand name at the front pushes the answer out of the space you have.
Duplicating one title across a set. A category of forty products titled the same way is forty pages nobody can tell apart, in your search results and in your own bookmarks.
Letting one go stale. A title carrying a year the page has moved past is one of the conditions that gets it replaced, and it is the easiest of them to fix.
Having none at all. If the element is missing, the engine builds a headline from the other eight sources, and what it comes up with is out of your hands. Browsers fall back to something unhelpful too, often the file name or a blank tab.
How to Change a Title Tag
You change a title tag in one of two places: the HTML file itself, or a field in whatever publishes the page.
In raw HTML, open the file, find <title> in the <head> block, change the text between the tags, then save and upload.
In a content management system you almost never touch HTML. There is a field, usually labeled SEO title, meta title or page title, in the page's settings or in an SEO plugin's panel.
Type the new title there and republish. The system writes the element for you.
For a Set of Similar Pages
Sites with hundreds of similar pages, such as products or locations, generate titles from a template instead of writing each one.
A template is a pattern with the page's own data slotted in: Product Name | Category, or Service in City | Brand. Every page gets a distinct title and nobody writes them one at a time.
Two things are worth knowing about templates. The distinguishing part has to be in there, or you have created the micro-boilerplate case on purpose. And a templated page that turns out to rank well is worth a hand-written title.
How to See What Is Currently There
Open the page, right-click, and choose View Page Source. The title element is near the top, inside <head>.
To check a set of pages rather than one, a site crawler will list every title on the site and flag the duplicates, the empties and the ones over length. Most of them do this in their free tier.
Title Tag Questions, Answered
What is a title tag? A short piece of HTML, written <title>, that sits in the <head> of a page and carries its name. Browsers show it on the tab, search engines use it to build the headline of a result, and screen readers say it aloud when the page loads.
Can you give me an example of a title tag? <title>Custom Wedding Cakes in Leeds - Kneadful Bakery</title>. It goes inside <head>, above anything a visitor sees, and holds plain text only.
How long should my title tag be? Google publishes no limit on the element and trims the headline to fit the device width. Aim for roughly 50 to 60 characters, keep it over 30, and put the words somebody would type in the first half.
What is the difference between a heading tag and a title tag? The title tag lives in <head> and is read by browsers, search engines and screen readers. A heading tag is text in the page body that a visitor reads after arriving. They are allowed to differ, and they should make the same promise.
Is a title tag a ranking factor? It is one signal among many, and a small one. Its larger job is winning the click.
Why is Google showing a different title than mine? Because it detected one of the seven conditions Google publishes, such as an obsolete, inaccurate or half-empty title, or two headings on the page with equal prominence. Fix the condition and wait for a recrawl.
The Two Decisions, Once
Write the title for the person who typed the query, and it goes on working on six surfaces at once.
The search result is the one that gets the attention, and it is the only one of the six that anybody else can overrule. The tab, the bookmark, the shared link, the AI citation and the screen reader all print what you wrote.
So spend the effort where it compounds. Two decisions: use the words somebody would type, then say the thing the other results do not promise.
Let the character count decide only where the sentence gets cut.