What is a title tag? It is the HTML element that gives a web page its name. Search engines use it as the main source for the clickable headline in search results, browsers show it in the tab, and it becomes the default name when someone bookmarks the page. A good title tag tells both Google and a searcher, in a few words, exactly what the page offers and why it is worth the click.
This guide covers what the title tag looks like in code, how Google uses it today, and a simple method for writing titles that match what people search for.
What is a title tag in HTML?
The title tag lives in the <head> section of a page, not in the visible content:
<head>
<title>Commercial Roof Repair for Warehouses | Example Roofing</title>
</head>You rarely type this by hand. In WordPress, your theme sets a default title from the post title and site name, and an SEO plugin gives you a separate field to write a custom one. In Shopify, each product, collection and page has a “Search engine listing” section where you can edit the page title. Most other CMS platforms have a similar SEO or metadata field.
Where the title tag appears
- Search results. It is usually the main source for the blue headline Google calls a title link.
- Browser tabs. With many tabs open, the first few words are all a visitor sees.
- Bookmarks and history. The title becomes the saved name.
- Social shares. If a page has no Open Graph title, many platforms fall back to the title tag.
That makes the title tag one of the few pieces of text that does double duty: it helps search engines understand the page, and it is the first thing a searcher reads before deciding whether to click.
How Google uses your title tag today
Google does not always display your title tag exactly as written. According to Google’s title link documentation, it generates title links automatically from several sources, including the title element, the main heading on the page, other prominent text and anchor text in links pointing to the page.
In practice, your title tag is still the main input. Google tends to replace it when it is:
- Missing, empty, or the same on many pages, such as “Home” or “Products”.
- Very long, so the meaning is lost when shortened.
- Stuffed with keywords or repeated phrases.
- Out of date or not matching what the page actually contains.
So the goal is not to “control” the title Google shows. It is to write a title so accurate and clear that Google has no reason to change it.
How to write a title tag that ranks and gets clicks
Use this five-step method for any page.
1. Start with the one keyword the page targets
Every page should have one main keyword or topic. We work this way on our own site so pages do not compete with each other. Put that keyword, or a natural version of it, near the start of the title.
2. Match the searcher’s intent
Search the keyword yourself and look at what ranks. If the results are guides, a title that reads like a sales page will look out of place. If the results are service pages, a “complete guide” title signals the wrong thing. Shape the wording to match: “How to…”, “What is…”, “Services”, “Pricing”, “Buy”, and so on.
3. Add a reason to click
Once the topic is clear, add the detail that makes your result more useful than the ones around it: who it is for, what is included, or what makes it different. Examples: “for Small Teams”, “With Examples”, “Same-Week Installation” (only if true).
4. Add your brand where it fits
On service and product pages, a short brand at the end builds recognition: “| Example Roofing”. On long blog titles, you can drop it if space is tight. Keep the format consistent across the site.
5. Check the length and read it aloud
Google truncates title links that are too wide, and the cut-off depends on pixel width rather than an exact character count. Roughly 50 to 60 characters is a common working guideline. Front-load the important words so the title still makes sense if the end is cut. Then read it aloud. If it sounds like a list of keywords, rewrite it.
Title tag examples by page type
| Page type | Weak title | Better title |
|---|---|---|
| Home page | Home | Bookkeeping for Restaurants and Cafes – Example Books |
| Service page | Services – Example Co | Commercial Roof Repair for Warehouses – Example Roofing |
| Product page | Item 4471 | Insulated Steel Water Bottle, 750 ml – Example Outdoor |
| Category page | Shop | Women’s Trail Running Shoes – Example Outdoor |
| Blog post | Tips | How to Choose a Payroll Provider: 7 Questions to Ask |
Notice that each better version names the specific thing on the page, uses the words a buyer would search, and could not be confused with any other page on the site.
Common title tag mistakes
- Duplicate titles across pages, often from templates. Crawl the site and sort by title to find them.
- Brand first on every page, pushing the useful words to the end where they get cut off.
- Keyword stuffing, such as listing three variations of the same phrase separated by pipes.
- Promising what the page does not deliver. A title that says “prices” on a page with no prices leads to quick exits.
- Never updating titles. Dates, years and offers in titles go stale.
- Changing a ranking title without a reason. If a page already performs well, test changes carefully and watch the results.
How to find titles worth improving
Open the Performance report in Google Search Console, switch to the Pages tab and look at pages with many impressions but a low click-through rate compared with similar pages. Those are the ones where the title (and the description under it) is not persuading people. Check which queries each page appears for, and make sure the title speaks to the main one.
The title works together with the snippet underneath it, so review both at the same time. Our guide to writing a meta description, with examples covers the second half of the search result.
If you have hundreds of pages with weak or duplicate titles, fixing them is usually a template and process problem rather than a writing problem. That is the kind of work our on-page SEO specialists handle, page by page and at the template level.
Title tag quick checklist
Before you publish, confirm the title is unique to the page, includes the main keyword near the start, matches the search intent, gives a reason to click, reads naturally, and keeps its meaning if the end is cut off. If you can say yes to all six, you have answered the question “what is a title tag” in the most useful way: by writing one that works.
FAQ
Is the title tag the same as the H1?
No. The title tag sits in the page head and is used by search engines, browser tabs and bookmarks. The H1 is the main heading visitors see on the page. They should describe the same topic and can be similar, but the title is often shorter and includes the brand.
How long should a title tag be?
There is no official character limit. Google cuts off title links that are too wide for the results page, so many SEOs aim for roughly 50 to 60 characters. Put the most important words first so the meaning survives if the end is cut.
Why does Google show a different title from mine?
Google generates title links from several sources, including your title tag, headings and other text on the page. It may rewrite a title that is very long, stuffed with keywords, vague or does not match the page. A clear, accurate, unique title gives it less reason to change it.
Should every page have a unique title tag?
Yes. Duplicate titles make it harder for search engines and searchers to tell your pages apart. Each page should have its own title that describes what makes that page different.
