The <title> tag is one of the highest-leverage SEO and UX signals on a page. It shapes browser tabs, bookmarks, and often the search result headline, and duplicate or vague titles are a common discoverability pitfall.
What does the <title> tag do?
Direct answer
The <title> tag defines the document title, but in production it acts as more than tab text. It becomes a search-facing headline, a bookmark label, and a debugging clue when many pages look similar. The common mistake is shipping duplicate or generic titles like Home, which hurts click-through and makes tabs hard to scan.
<head>
<title>React Interview Questions | Frontend Atlas</title>
</head>
Where it appears | Why it matters |
|---|---|
Browser tab | Helps users quickly identify the page among many open tabs. |
Bookmarks/history | Becomes the saved label users scan later. |
Search results (often) | Influences click-through and search relevance signals. |
How to write a strong title
Rule | Example |
|---|---|
Be specific to page intent |
|
Keep it concise (roughly 50-60 chars as a practical target) |
|
Include brand when helpful |
|
<!-- Weak -->
<title>Home</title>
<!-- Stronger -->
<title>Home Workout Planner | FitTrack</title>
Common mistakes
- Same title reused on many pages.
- Generic titles like Home, Page, Untitled.
- Overly long keyword-stuffed titles.
Practical scenario
You ship 40 guide pages. Distinct titles let users reopen the right tab instantly and increase the chance of relevant search clicks.
Trade-off or test tip
Brand-first titles are consistent but can hide intent; intent-first titles usually perform better for users scanning tabs and search pages.
Think of <title> as the label on a folder tab. If every folder says "Home", nobody can find the right one quickly.
<title>belongs in<head>.- It drives tab clarity, bookmark clarity, and often SEO clickability.
- Make each page title unique, clear, and intent-focused.
Use the relevant interview-question hub first, then move into a concrete study plan before targeted company sets.