Title Tag

You might say

Give every product detail page a tab title containing its product name, while keeping the H1 in the page.

The HTML title that identifies the current documentThe browser uses it in a tab or window title, and a search system may use it when generating a result title. It should distinguish the current page, but the page H1 and a search result title are not the same field.

Know first

HTML

HTML title

Who sees the page title

product.html

1<head>

2<title>Noise-cancelling headphones · Pine Store</title>

3</head>

4<h1>Noise-cancelling headphones</h1>

Browser tabNoise-cancelling headphones · Pine Store

Search title candidateNoise-cancelling headphones · Pine Storepine.example/products/headphones

The H1 and document title can be related, but they are separate objects to verify.

How the title and page content divide the job

It first serves the browser tab: The title lives in the document head and identifies the current document in the browser. A detail page should include a name that distinguishes the object rather than reuse one generic title everywhere.

Search results are not a fixed echo: A search system may use the title, page text, or other signals to generate a result title. Verify the browser tab and source metadata; do not treat exact search echoing as guaranteed.

Quick checkChoose the best answer

Two product pages share the tab title Product details, so people cannot tell them apart. How should it change?

Include the matching product name in each page's title and keep the page H1Change only the page H1 and leave the title in the head unchangedOnly tune title keywords and promise that search will always copy them exactly

You can say this to an AI Agent

Give each product detail page a distinct title that includes the product name, while keeping the page H1. Switch between two products and verify that the browser tab changes; do not promise that search results will copy the title exactly.

Learn next

1Page Metadata→2SEO→