SEO Title Tag: How to Write Titles Google Keeps, With Examples

Every page on a website has a name, whether someone chose it or not. When nobody writes a proper SEO title tag, the page ends up called “Home”, “Untitled”, the name of the template, or the same string of keywords as forty other pages. Search engines then have to guess what the page is about, and people scanning a results page skip it.

The title is the most visible text you control in search: the headline of your result, the label on the browser tab and often the first line of a shared link. This guide explains how it works in 2026, using Google’s own documentation.

What is an SEO title tag?

A title tag is the <title> element in the head of an HTML page. It holds plain text that names the page. Visitors do not see it in the body of the page; they see it in the browser tab, in bookmarks and in history. Search engines read it as a strong statement of what the page is.

“SEO title”, “meta title”, “page title” and “title tag” usually mean the same thing. SEO plugins call the field “SEO title” because they let you write a title for search that can differ from the headline shown on the page. In the final HTML, that field becomes the <title> element.

It also has an accessibility role. The W3C’s Web Content Accessibility Guidelines include Success Criterion 2.4.2, Page Titled, a Level A requirement that web pages have titles that describe topic or purpose. The reasoning is practical: a descriptive title lets every visitor tell pages apart when several tabs are open, and it helps people who navigate by audio know where they landed. A title written for people and a title written for search turn out to be the same title.

Where does the title tag appear?

The text you put in the title element travels further than most people expect. Writing it with every destination in mind saves rewriting it later.

Because the browser tab shows only the beginning of the title, the first words carry most of the weight everywhere. That single fact shapes most of the advice in this guide.

Title tag vs title link: what Google actually shows

Google draws a distinction worth knowing. The title tag is what you write. The title link is what Google displays as the headline of your result. Most of the time they are the same text. Sometimes they are not.

Google’s documentation on influencing your title links in search results lists the sources its system can use to generate a title link: the content of the title element, the main visual title on the page, heading elements such as the H1, the og:title meta tag, other large and prominent text, other text on the page, anchor text on the page, the text of links pointing to the page and WebSite structured data.

The title element comes first on that list for a reason. When Google introduced its current system in August 2021, its announcement on generating page titles said HTML title tags were still used more than 80% of the time, and its advice to site owners stayed the same: focus on creating great HTML title tags. The same post explained that titles generally no longer change based on the query, so a page tends to show one stable title link rather than a different headline for every search.

Google does not replace good titles. It replaces titles that fail to describe the page, so the surest way to keep yours is to write the most accurate name the page could have.

Does the SEO title tag affect rankings?

The title tag helps search engines understand what a page is about, and that understanding is part of how a page gets matched to a search. Google’s documentation describes the title link as critical for giving users a quick insight into a result and why it is relevant to their query, which is why it asks for descriptive, concise titles on every page.

What the documentation does not say is that the title is a lever you can pull to climb. Repeating keywords in a title does not make a page more relevant; Google lists keyword stuffing as a reason it rewrites titles and says stuffed titles can look spammy. A title cannot make a thin page rank, and a great page with a poor title can still rank and then lose the click.

The most useful way to think about it is in two steps. First, the title tells search engines and people what the page covers, which helps the page be matched with the right searches. Second, once the page is listed, the title is the line a person reads before choosing between your result and the others. A clear title helps on both steps. A vague one hurts on both.

That is why we treat titles as part of the wider SEO, AEO and GEO work on a site, not as a box to fill before publishing. If your pages show up in search but rarely get chosen, book a Blueprint Briefing and we will look at your Search Console data with you to find the titles that are costing you clicks.

Why does Google rewrite title tags?

Google publishes the specific problems that lead it to adjust a title. Each one is a writing mistake you can avoid, which makes this list the most practical checklist in the whole topic.

Google also says it does not change title links by hand for individual sites, and that changes to your title element can take from a few days to a few weeks to show up after the page is crawled again. If you fix a title and nothing changes the next morning, that is normal.

One more pattern explains many rewrites: the title and the page disagree. When the title says one thing and the visible headline says another, Google has two candidates and picks the one it believes describes the page better. Keeping them aligned removes the choice.

Title tag length: characters vs pixels

Length is the most searched question about title tags, and Google’s answer is shorter than most guides suggest. Its title link documentation says there is no limit on how long a title element can be, but that title links are truncated as needed, typically to fit the device width.

Two things follow from that. First, the cut happens by display width, not by a fixed character count. Wide letters take more room than narrow ones, so a title made of capital letters and “W”s gets cut sooner than one made of lowercase “i”s and “l”s. Second, the visible space varies by device, so there is no single number that is correct everywhere.

The figures you see in SEO tools, often around 50 to 60 characters, are conventions those tools use to estimate what fits on a typical screen. They are useful as a warning light, not a rule from Google. A practical approach for business sites:

• Put the main topic in the first few words. If the end is cut, what remains should still name the page.
• Pick a house limit and keep to it. On our own blog, every SEO title stays at 60 characters or fewer, which keeps most of them whole on common screens without obsessing over pixels.
• Cut words, not meaning. Drop filler such as “Welcome to”, “Official site of” or “The best” before you drop the detail that makes the page specific.
• Do not go too short. A one-word title like “Services” names a menu item, not a page, and Google lists vague titles like “Home” as something to avoid.

Title tag vs H1: should they be the same?

The H1 is the main visible headline on the page. The title tag is the name in the head of the HTML. They do different jobs and can be worded differently, but they should describe the same thing.

Google’s documentation asks for a main title that is distinctive and the most prominent text on the page, for example in a larger font or in the first visible H1, and it lists the main visual title and headings among the sources it can use for the title link. When the title tag and the H1 point at the same topic, both sources agree and the title tag is more likely to be shown. When they disagree, you have handed Google a choice.

A common and healthy pattern is a shorter title tag and a slightly fuller H1. This article is an example: the H1 adds “With Examples” to promise the format, while the SEO title is trimmed to fit search results. Both lead with the same topic. If you have to choose, keep them close rather than creative.

Title tag vs meta description

The title and the meta description sit together in a search result, so they should be written together. The title is the headline people click. The description is the summary below it. They complement each other and should not repeat each other.

• The title names the page. Topic first, then the detail that makes it specific, then an optional short brand.
• The description explains the page. Who it is for, what it covers and why it fits the search, in one or two sentences.
• Neither should copy the other. If the description starts by repeating the title, it wastes the only other line you get.

Google treats them differently too. The title element is the main source for the title link, while the meta description is used for the snippet only when Google finds it describes the page better than text taken from the page. Our guide to the meta description covers that side in depth, including length, examples by page type and how to audit descriptions.

How to write a title tag, step by step

This is the process we use for a single page. It works the same for a service page, a blog post or a product, and it takes a few minutes once it becomes a habit.

1. Name the search the page answers. Write the main query in plain words, the way a customer would type it. If two pages on your site answer the same query, decide which one owns it before writing any title; our guide to internal linking strategy explains how to give each search one owner.
2. Read the page as it is today. The title must name what is actually there. A title that promises a guide on a page that is really a sales pitch loses both the click and the visitor.
3. Lead with the topic. Put the words people search for at the start, in their natural order. “Roof inspection for property managers” beats “Property managers, here is what you need to know about roofs”.
4. Add the one detail that makes it specific. The audience, the format, the type of service or the product attribute that separates this page from its neighbors on your site and in the results.
5. Decide on the brand. Add a short brand name at the end, after a separator, on pages where the name helps. Leave it off when space is tight and the topic matters more.
6. Read only the first half. If everything after the middle disappeared, would the title still name the page? If not, move the key words forward.
7. Check it against the H1 and the description. The title and H1 should point at the same topic. The description should add what the title cannot.
8. Publish and watch what Google shows. Search for the page over the following weeks. If Google shows a different title link, compare it with the list of rewrite reasons above.

A simple formula helps when you are stuck: topic + specific detail + optional brand. “Commercial Roof Inspections for Property Managers | Brand” follows it. It is not the only shape a good title can take, but it rarely produces a bad one.

Title tag SEO best practices

Most best practices come directly from Google’s title link documentation or from the way results are displayed. Here they are with the reason behind each, so you can apply them with judgment.

Where should the brand name go in a title tag?

Google’s guidance is flexible: brand titles concisely, with the site name at the beginning or the end, separated by a delimiter such as a hyphen, colon or pipe. It suggests the home page as the place for fuller branding, since that is the page people find when they search for the business by name.

In practice, most business sites follow three simple rules:

• Home page: brand first or prominent. People who search your name expect to see it at the start. Add what you do after it, for example “Brand: Commercial Roofing and Roof Inspections”.
• Inner pages: topic first, brand last. On a service page or article, the topic is what searchers are looking for; the brand at the end confirms who is behind it.
• One separator style across the site. Choose a pipe or a hyphen and keep it consistent so titles look like they belong to one site.

Google may drop a domain-level site name from the title link when the result already shows it, and it reads the site name partly from WebSite structured data, separate from the title tag. On long article titles, dropping the brand is usually the right trade.

SEO title tag examples by page type

Here are example titles for common business pages. The businesses are invented for illustration; replace the details with your own facts. Each follows the same pattern of topic first, a specific detail, then an optional brand.

If you are still deciding which pages your site needs in the first place, our guide to the essential pages of a business website covers each one and what it has to say. A title is far easier to write for a page with one clear job.

Not sure your titles match what customers search for? A Blueprint Briefing is a short call where we look at what your pages have to produce and how they are named in search.

Weak vs better: rewriting common title patterns

Google’s documentation teaches by contrast, and so does this table. These are the patterns we see most often on business sites, with a better version of each (details are illustrative).

Title tags for home and service pages

The home page and the main service pages usually bring in most inquiries, so they deserve handwritten titles and a second look every time the offer changes.

Home page. The home page is where people land when they search your business name, so the brand belongs at or near the start. After it, say what the business does in the words customers use. Slogans and mission statements rarely match anything a person types, and they push the useful part out of view.

Service pages. Each service page should be named after its service, not the company. “Commercial Roof Inspections for Property Managers” tells searchers and Google exactly what the page covers. If every service page shares the pattern “Services | Brand”, Google sees boilerplate and has to look elsewhere for a name.

Industry and niche pages. When a page speaks to a specific audience, the title should use that audience’s vocabulary. A page for real estate agents, for example, may need words like listings, buyers or a local market. Our guide to real estate SEO shows how much a niche’s vocabulary shapes what people search for.

Title tags for blog posts, products and categories

Blog posts and guides. An article usually answers one question, which makes the title easier: name the question or the task. “How to choose a CRM for a small sales team” works because it mirrors the search. For comparisons, name both options. For lists and examples, say what kind of examples without inventing a count you might change later. Leave years out of evergreen guides unless you will update the page every year, because an old year is exactly the obsolete title Google rewrites.

Product pages. Product titles should use the words buyers search for, not internal codes, plus the two or three attributes people compare: size, material, capacity, compatibility. Keep prices and stock out; they change too often, and Google’s own guidance gives flight prices as an example of detail it is unlikely to show in a title link.

Category pages. A category title describes the range: “Trail Running Shoes for Men and Women”. It should not copy the title of the best-selling product in it, or two pages end up competing for the same search.

Pages you would rather not have in search. Thank-you pages, internal search results and filtered views often get titles generated by templates. Google notes that robots.txt can stop crawling but does not always keep a page out of the index; the noindex rule does. Decide which of these pages should be indexed before polishing their titles. Our guide to the 404 page covers another page type that needs a clear title even though you hope few people see it.

Title tag HTML: what the element looks like

The title is a single element inside the <head> of the page. It looks like this:

<head>
  <title>Commercial Roof Inspections for Property Managers | Brightline</title>
  <meta name="description" content="What a commercial roof inspection checks, the report you receive and how to schedule inspections across your buildings.">
  <meta property="og:title" content="Commercial Roof Inspections for Property Managers">
</head>

A few technical points worth knowing:

• One title element per page. Two titles usually mean a theme and a plugin are both writing one. Keep one source and remove the other.
• Plain text only. The title element cannot hold links or formatting. Special characters such as an ampersand should be written as HTML entities in the source.
• Rendered pages count. If your site sets the title with JavaScript, check the rendered HTML in Search Console’s URL Inspection tool to confirm Google sees the title you expect.

Sites built on a modern framework or a custom stack set the title in the page template or through a metadata function. When we build custom websites, the title is a required field in every page template from the start, so no page can launch with “Untitled” or a copy of another page’s title. If you want your templates checked for duplicate or missing titles, you can book a Blueprint Briefing and we will review a few with you.

How to change the title tag in WordPress

WordPress builds the title element from the page title, usually followed by the site name. To write a separate SEO title, most sites use a plugin such as Yoast SEO or Rank Math: open the page, find the plugin’s snippet editor, write the title in the title field and watch the length bar and preview. Then check the plugin’s default title pattern for each content type, because that pattern names every page nobody edits by hand. Finally, view the page source and confirm there is exactly one <title>.

Two traps come up often: older themes that print their own title element next to the plugin’s, and page builders that style several headings identically, leaving no clear main title for Google to compare against. Our comparison of a custom website vs WordPress covers how each platform handles this groundwork.

Title tags at scale: templates, generators and AI

Handwrite the titles that matter most: the home page, main services, top categories and pages that already earn impressions. For large sets of similar pages, build each title from real fields of that page. Google warns specifically against titles that vary by only one detail across many pages, so a template such as “[Product type] in [material], [key attribute] | Brand” only works when every field holds real data. Test it on records with missing fields first, or you will publish a batch of half-empty titles.

AI tools can draft titles quickly. Read every draft against its page, remove claims the page does not support and watch for the same opening repeated across dozens of titles. Google’s guidance on people-first content and E-E-A-T applies: the risk is publishing titles nobody read.

Title tags, social cards and AI search

The title also travels outside the classic results page, and in 2026 that includes AI features and chat assistants. Here is how each connection works.

Social and messaging previews. When someone shares your link, most platforms read the Open Graph og:title tag for the bold headline of the card and fall back to the title element when it is missing. Google also lists og:title among its title link sources. SEO plugins usually fill both from one field; a separate social title is worth writing for pages you share often, but it should describe the same page.

AI Overviews and AI Mode. Google’s AI features build answers from indexed pages and link to sources. There is no separate title written for AI. A precise title helps in the same way it helps anywhere: it tells systems and people what the page is, so the page can be matched with the right questions and recognized as a relevant source. Our guide on how to appear in AI Overviews covers what Google documents about those features.

Answer engines and assistants. Assistants that search the web often show a list of sources with their titles. A clear title makes your page recognizable in that list, while the content of the page does the real work of earning a mention. Questions in AI search tend to break into many smaller searches, which is the idea behind query fan-out; pages with one clear topic, named plainly, fit that pattern better than pages that try to cover everything. No one can guarantee an AI citation, and we do not.

How to audit your title tags

1. Find the pages people see. In Search Console’s Performance report, switch to Pages and sort by impressions.
2. Spot weak click rates. Pages shown often but chosen rarely, compared with similar pages on your site, come first.
3. Crawl for patterns. List every title and flag missing, duplicate, brand-only and very long ones.
4. Compare with the title link. Where Google shows something else, match the difference to its list of rewrite reasons.
5. Fix pages, then templates. Rewrite the priority pages by hand, then repair default patterns so new pages stay clean.
6. Date your changes. Recrawling takes days to weeks, and seasonality also moves click rates, so compare over time.

Title audits often uncover bigger problems, such as pages with no clear purpose; our guide on why a website is not getting leads covers those. When titles are a symptom of an outdated site, the website redesign process explains how to rebuild without losing visibility.

Common title tag mistakes

Most of these share one cause: nobody owns the field. Assign it, and read each title next to the page’s main call to action, since both describe what the visitor gets.

How GoSocial writes title tags

GoSocial is a custom web design company in Boca Raton, Florida, building custom-coded and custom WordPress websites for businesses across the United States since 2016. Titles are planned with the page, not added at the end: during architecture each page gets one main search it answers, and its title, H1 and description are written from that decision. On our blog, every SEO title is handwritten, kept at 60 characters or fewer and checked against the H1 before launch.

Every GoSocial website launches with GA4 and Google Search Console connected, tracking form submissions, phone clicks, WhatsApp clicks and bookings, so you can see which pages are shown and which are chosen. We do not promise a ranking or an AI citation; we build for the metrics and show you the measurements. See our portfolio or reach us through the contact page.