The title tag is the HTML element that defines the title of a web page. In SEO terms, it is one of the most powerful on-page signals: Google uses it to understand the subject of a page, display it in search results, and decide which queries it should match.
HTML syntax of the title tag
<head> <title>Your SEO title here (50-60 characters)</title> </head>
In Next.js (App Router):
export const metadata: Metadata = {
title: 'Women Trail Running Shoes | RunningPro',
}Where the title tag appears
In Google SERPs
The title tag is the blue clickable text in search results. It is what the user reads first — before the meta description. A poor title kills CTR even at a good position.
In the browser tab
The title appears in the Chrome or Firefox tab. For a user with 20 open tabs, a short and distinct title helps find your page again.
In social media previews
When someone shares your URL on LinkedIn or Twitter, the title is often used as the preview title (alongside og:title if defined).
| Error | Example | Fix |
|---|---|---|
| Duplicate title | "My Store" on 2000 pages | "[Product] [Attribute] | My Store" |
| Too long | 75 visible characters | 50-60 characters max |
| No keyword | "Ref. 12345-A" | "Salomon XT-6 Women Trail Black" |
| Keyword stuffing | "Shoes Shoes Running Sport" | "Salomon XT-6 Women Trail 2026" |
Use Google Search Console (Coverage > Page titles) to detect duplicate or missing titles across your entire catalog in 5 minutes.
Audit your title tags
30 min call · report provided
Created in France (Annecy – Chantilly) · Email & Google Meet support
FAQ
They are the same thing. "Title tag" is the HTML term (<title>) and "meta title" is the common SEO term. Both refer to the text displayed in the browser tab and in Google results.