Title Tag
What is a title tag?
A title tag is an HTML element, written <title> and placed in the <head> of a page, that defines the page's title. Browsers display it in the tab, and search engines use it as the clickable headline of a result on the search engine results page (SERP). It is one of the strongest on-page signals: it tells users and crawlers what a page is about before anything else is read.
Google can rewrite a title it considers inaccurate, too long or too generic. A clear, specific title remains the best way to keep control over how your page appears.
How a title tag works
Each page has a single title tag, declared once in the head:
<head><title>Title Tag: Definition & Best Practices | BeBranded</title></head>
Crawlers read the tag when they index the page and use it to judge relevance to a query. The same text is reused in browser tabs, bookmarks, history and, when no og:title is defined, in social sharing previews. The title is not the <h1>: the H1 is the visible heading inside the page, while the title lives outside it, in the tab and in search results.
Length, format and truncation
Google truncates titles by pixel width (about 600 px on desktop), not by character count. In practice, 50 to 60 characters keep a title fully visible. Some guidelines help:
- Place the main keyword near the beginning.
- Put the brand name at the end, separated by a pipe or a dash.
- Write a unique title for every indexable page.
- Describe the page accurately: the title should match the search intent.
- Avoid keyword stuffing, all caps and repeated separators.
Title tag vs H1 vs meta description
These elements are often confused. They serve different readers and different moments of the visit.
| Element | Where it appears | Main role | Typical length |
|---|---|---|---|
| Title tag | Browser tab, search result headline | Describe the page to engines and users | 50 to 60 characters |
| H1 | Top of the page content | Orient the visitor on the page | Short and free |
| Meta description | Snippet under the title in results | Encourage the click | 120 to 160 characters |
| og:title | Social share cards | Headline when the URL is shared | 40 to 60 characters |
Best practices and common mistakes
The most frequent issues are missing titles, duplicates across templates, generic labels such as "Home" and titles that are too long and get cut. To write better titles:
- Start from the target query found during keyword research, then add a clear benefit or qualifier.
- Match the wording to the intent: definition, comparison, price, tutorial.
- Test titles that earn impressions but few clicks, since a better title can lift the click-through rate without any ranking change.
- Crawl the site regularly to catch duplicate, empty or oversized titles.
Title tags and generative search
AI search engines and answer engines also read titles to understand what a page covers and whether it deserves to be cited. A descriptive, factual title, consistent with the H1 and the opening paragraph, makes a page easier to summarise and to attribute correctly.
Title tags at BeBranded
In our SEO and GEO projects, we audit the title of every template, write unique titles by page type and set CMS patterns so that each new item gets a distinct, readable title from day one. Discover our SEO & GEO service.