Türkçe 
English 
فارسی 
Русский 
Defne - A Browser Tab Can Expose a Broken Template
- What Is a Title Tag?
- What Is a Title Tag Used For?
- Writing the Element in HTML
- Title Tag Versus H1
- How I Write a Useful Title
- Why Title Tags Matter for SEO
- Title Tag Mistakes I Keep Finding
- Checking Titles from the Command Line
- The Test VM That Showed Me the Problem
- Title Tags, Social Titles, and H1 Headings
- A Practical Check Before Publishing
- Frequently Asked Questions
- Sources
A Browser Tab Can Expose a Broken Template
I noticed the problem before I noticed the code. Three pages in a small Debian test VM had different content, but every browser tab said Test Site. The pages looked fine at first glance. Their document names were not.
That document name comes from the HTML <title> element. It usually appears in the browser tab, often supplies the starting point for a search-result title, and commonly becomes the default name for a bookmark. It is a small element with several jobs.
What Is a Title Tag?
A title tag is the HTML <title> element that names a web document. It belongs inside the document’s <head>, not in the visible page body.
The large heading inside the page is normally an <h1>. The text in the browser tab, bookmark, and often the search-result title comes from <title>. They describe the same page, but they are not the same element.
That distinction matters when you are checking a template. A page can have a perfectly reasonable <h1> and still return an empty, duplicated, or misleading title in its HTML source.
What Is a Title Tag Used For?
MDN recommends giving every HTML document a meaningful title. A VPS guide called Page 1 technically has a title, but it tells neither the visitor nor the search engine much that is useful.
- It names the browser tab: This makes it easier to find the right page among several open tabs.
- It can supply the search-result title: Search engines may use your title, although they can generate a different title when they think it better matches the query.
- It affects bookmarks: Browsers commonly suggest the title text as the default bookmark name.
- It provides document context: Screen readers and other assistive tools can use the document title to identify the page.
- It distinguishes pages: Different URLs should have titles that make their subjects clear and unique.
The practical rule is simple: use <h1> for the main heading people read in the body, and <title> for the document identity used by the browser and other software.
Writing the Element in HTML
The basic version is one <title> element inside <head>:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>What Is a Title Tag? HTML Title Element</title>
</head>
<body>
<h1>What does the title tag do?</h1>
<p>The page content goes here.</p>
</body>
</html>These two elements work on different surfaces. The <title> supplies the browser-tab label; the <h1> supplies the visible heading.
A normal HTML document should have one title element. In a dynamic application, generate one relevant value for each URL. A fallback title in a template is fine, but using the same title for every product, category, and article page makes those pages difficult to tell apart.
Where Does the Title Tag Go?
Put it in <head>, not in <body>. A heading shown inside the page belongs in the body.
<head>
<title>Linux VPS Backup Guide | Example Site</title>
</head>You can inspect the HTML returned by a server from a Linux terminal with curl:
curl -sL https://example.com/ | grep -i -m1 '<title>'The -sL options make the output quiet and follow redirects. If you cannot find a title in the response, investigate server-side rendering, JavaScript changes, or malformed HTML before restarting anything. I have seen a restart used as a substitute for reading the response; it fixed nothing.
Title Tag Versus H1
These are two of the easiest elements to confuse. Both describe the subject of a page, but they work in different places.
| Property | <title> |
<h1> |
|---|---|---|
| Location | <head> |
<body> |
| Where visitors see it | Browser tab, bookmark, and often search results | Inside the page content |
| Main purpose | Name the HTML document | State the visible main heading |
| Can CSS style it directly? | Not as a visible page element | Yes |
| Should it exist? | Every document should have one | Use it according to the content structure |
The two texts do not have to be identical. For example, the title could be Ubuntu VPS Backup: Secure BorgBackup Setup, while the H1 could be Setting Up BorgBackup on an Ubuntu VPS. The subject and intent still match.
The real problem is a mismatch: one subject in the search result and a completely different subject on the page. A visitor who clicks one promise and meets another has a good reason to leave.
How I Write a Useful Title
I do not begin with a rigid character limit. I start with the page’s subject, purpose, and useful identifying information. Google Search Central explains that title links can be generated from several sources and may be changed when the original title does not describe the page well. Your HTML title is a strong suggestion, not a command.
- Put the main subject early. The first few words should make the page’s purpose clear.
- Remove repetition. Repeating the same term does not make a title more informative.
- Add the brand when it helps. A short brand name may be useful at the end; a long one should not consume half of every title.
- Make every important URL unique. Do not copy one title across hundreds of product or article pages.
- Describe the real content. Do not promise a feature or answer that the page does not provide.
- Read it aloud. If it sounds like a pile of keywords rather than a sentence, rewrite it.
Your focus keyword can appear in the title, but it should sound natural. For a page targeting what is a title tag, that phrase can be part of the heading without filling the entire title with repetitions.
How Long Should a Title Tag Be?
Search-result titles can be shortened according to the device, available width, and font. There is no universal rule that says every title must be exactly 60 characters. Short titles can still be truncated, and longer ones can sometimes fit; display width matters.
I write the complete, useful title first and then remove unnecessary words. I do not delete the main subject merely to satisfy a pixel estimate. The priority is that someone understands the page before deciding whether to click.
What Is a Title Tag? | SiteWhat Is a Title Tag? HTML Title Element and Usage
The second example is longer, but it explains what the page covers. If a brand name is so long that it takes over every title, the problem may be the site template rather than the title itself.
Why Title Tags Matter for SEO
A title tag does not guarantee a ranking. SEO is not the act of placing one keyword into one element. Still, the title connects the page subject, the search-result presentation, and the visitor’s decision to click, so ignoring it is a poor trade.
A search engine may use the title, evaluate the H1, inspect prominent text, and create a different title link when that seems more useful for the query. If you want the displayed title to remain close to your intended version, keep the title, H1, page copy, and link text consistent.
A useful title should answer three questions:
- What is this page about?
- Which question will it answer?
- What makes it distinct from similar results?
VPS by itself is too broad. How Is VPS Bandwidth Calculated? expresses a much clearer search intent. You can see the same principle in What Is Organic Traffic and How to Increase It: the subject and the reader’s likely goal meet in one phrase.
For more context on the topic, VPS Bandwidth Explained: How Much Do You Need? is a useful related example. Before changing a title, I look at the page itself, not just the search snippet. If the answer is invisible in the opening content, changing the title alone will not repair the page.
Title Tag Mistakes I Keep Finding
Using the Same Title Everywhere
If a WordPress theme fails to generate a page title, every URL may end up with something like Site Name. Check the templates for the homepage, categories, products, tags, and articles separately.
Keyword Stuffing
What Is a Title Tag, Title Tag Meaning, Title Tag Usage, Title Tag Definition is not a helpful title. Choose one main phrase and make it part of a natural description.
Writing the Entire Title in Capital Letters
WHAT IS A TITLE TAG? HTML TITLE ELEMENT is harder to read and does not provide a technical SEO advantage.
Adding Unrelated Brands or Locations
If the page does not describe VPS hosting in Izmir, adding Izmir only to attract another search is misleading. The title should represent the actual content.
Leaving the Title Empty
An empty or meaningless title becomes a maintenance problem, especially on a large site. Check the generated HTML, the template files, and any server-side output. A meaningful fallback is safer than a blank value.
Checking Titles from the Command Line
Opening one page in a browser and looking at the tab is a reasonable first check. For a more reliable test, inspect the source returned by the server. During development, I start with a small list of representative URLs instead of scanning the whole site and creating a wall of unrelated errors.
curl -sL https://example.com/example-page | sed -n '/<head>/,/</head>/p' | grep -i 'title'This searches the returned HTML for title lines. It may not show a title added or changed later by JavaScript, so inspect the Elements and Network panels in your browser’s developer tools when the page is client-rendered.
On WordPress, check the SEO plugin’s title template, the theme’s header.php, and possible plugin conflicts. When comparing WordPress SEO tools, inspect the actual <title> in the source rather than trusting only the value shown in an admin interface. Best WordPress SEO Plugins to Boost Rankings is a related reference for that part of the setup.
The Test VM That Showed Me the Problem
A while ago, I was building a small static site template in a Debian test VM. I had accidentally left a hard-coded <title> in the shared template. Three pages had different content, but every browser tab said Test Site.
My first instinct was to check file paths. That was wrong; the problem was not CSS or browser caching. I compared the source with curl and confirmed that the server was returning the same title for all three pages. After moving the value into the page data, I ran the check again.
for url in
https://example.com/article-1
https://example.com/article-2
https://example.com/article-3; do
printf '%s: ' "$url"
curl -sL "$url" | grep -io -m1 '<title>[^<]*' | sed 's/<title>//I'
doneDifferent values from the three URLs confirmed that the template was the source of the problem. It was a small test, but the lesson is familiar: a page that looks correct in the browser can still have incorrect document metadata.
After a migration or theme change, I check these cases:
- Choose a homepage, category, product, and article URL.
- Confirm that each source contains one title element.
- Check that the title, URL, and H1 describe the same subject.
- Inspect the final URL after redirects, not just the original URL.
- Test what the template does when a page has no custom title.
Title Tags, Social Titles, and H1 Headings
No, these fields are not interchangeable. The og:title property and other social metadata can control the title shown in a sharing preview. A page can have a correct HTML title and still display another title on a social platform.
| Field | Usually appears in | What it should describe |
|---|---|---|
<title> |
Browser tab and search result | The document’s short, unique name |
<h1> |
Page body | The main heading of the content |
og:title |
Social sharing preview | The title shown on a sharing card |
These values do not have to be identical. If you write them differently, keep their meaning aligned. A visitor should not see three unrelated subjects for the same URL.
A Practical Check Before Publishing
- Does the HTML document contain a title element?
- Is it inside
<head>? - Does every important URL have a unique title?
- Does the title describe the actual content?
- Is the focus phrase used naturally?
- Are there unnecessary repetitions, brand stuffing, or unrelated locations?
- Do the H1, title, and page copy serve the same search intent?
- Does the opening part still make sense on a narrow screen?
- Can JavaScript or a plugin replace the title after the server sends it?
The technical answer to what is a title tag is short: it is the name of an HTML document. In practice, a good title keeps the browser tab, source code, and search-result description pointed at the same page.
Frequently Asked Questions
Does a title tag directly determine Google rankings?
No. It is one signal that describes the page and can supply the search-result title, but it cannot guarantee a ranking. Google may create a different title link from the page when that better matches the query.
Must the title tag and H1 be identical?
No. They can use different wording as long as the subject and search intent remain aligned. The title may be more descriptive for a search result, while the H1 can be shorter inside the page.
How many title tags should one page have?
A normal HTML document should contain one <title> element. Multiple title elements create unnecessary ambiguity for browsers and search engines.
Is it a problem if the title tag is not visible on the page?
No. It normally appears in the browser tab rather than the page body. Use <h1> or another suitable heading element when you need a visible page heading.
One last check I keep coming back to: view the source, not just the rendered page. That habit caught the hard-coded title in my test VM, and it takes less time than guessing which template is lying to you.
Sources
- MDN Web Docs – The HTML title element — developer.mozilla.org
- Google Search Central – Control your title links in search results — developers.google.com
- WHATWG HTML Standard – The title element — html.spec.whatwg.org
