Title Tag

A title tag is the HTML element that sets a web page's title, shown as the clickable headline in search results and in browser tabs.

Summarize this

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 &amp; 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.

ElementWhere it appearsMain roleTypical length
Title tagBrowser tab, search result headlineDescribe the page to engines and users50 to 60 characters
H1Top of the page contentOrient the visitor on the pageShort and free
Meta descriptionSnippet under the title in resultsEncourage the click120 to 160 characters
og:titleSocial share cardsHeadline when the URL is shared40 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.

FAQ

A title tag is the HTML element placed in the head of a page that defines its title. It appears in browser tabs and as the clickable headline in search results.
Aim for 50 to 60 characters. Google truncates by pixel width, about 600 px on desktop, so shorter titles are safer than long ones.
The title tag appears in the browser tab and in search results, while the H1 is the visible main heading inside the page. They can be similar but do not have to be identical.
Google rewrites titles that are missing, too long, stuffed with keywords or unrelated to the page content. A clear, accurate and concise title reduces the chance of a rewrite.
Yes, it is a relevance signal, although a modest one. Its influence on clicks is often greater, because a good title makes users choose your result.
Crawl the site with a tool such as Screaming Frog, Ahrefs or Semrush. Filter for missing, duplicate and over-length titles, then fix them template by template.

Ready to boost your conversions?

Our team is here to understand your needs & work with you to create your next projects.
Get news, infos and resources.
Actionable tips delivered straight to your inbox.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.