SEO title tags: write clear, useful page titles

What is a title tag?

The HTML title element names a document and usually appears in its browser tab. It is separate from the visible H1. Google may use it for a search result's title link, but can choose other page text instead.

Why a specific title matters

A visitor comparing several results needs to distinguish a product, a category and a how-to article. A useful title sets the right expectation. Repeating the same keyword or brand slogan does not make that choice easier.

Treat the audit as a prompt to review the page, not a promise about rankings. A title-length warning is a heuristic: there is no universal character count that guarantees an uncut search title.

Choose the page's main promise

Finish this sentence before editing: this page helps someone find or do ___. Use that answer as the core of the title. Add a location, model or service detail only when it distinguishes this page and is supported by its content.

Keep the title and H1 consistent in meaning; they need not be identical. If a topic-match check flags an accurate synonym, review the wording rather than forcing the exact keyword into both fields.

1. Find the source of the current title

Open the page source and search for <title>. Check the rendered document too if JavaScript changes metadata. More than one title often means the theme and an SEO extension both output one. Identify the owner before deleting anything.

2. Replace vague or repeated wording

Replace titles such as Home or Services with a specific description. For a collection, describe the collection rather than one item. For an article, state the question it answers. Keep a short brand suffix if useful, and remove boilerplate that hides the page-specific part.

3. Check the page and its template siblings

Reload after clearing the relevant cache. Confirm one non-empty title, a matching page purpose, and a readable browser tab. Check another page using the same template: fixing one record will not repair an incorrect shared default.

Record the change date. After recrawling, review Search Console queries and clicks alongside impressions; a title change alone cannot explain every traffic change.

Example: a repair service page

Use a precise service and location only if this page actually offers them. This is a writing pattern, not a required title length.

<title>Bicycle brake repair in Vilnius | Example Cycles</title>

Next.js App Router: give metadata one owner

Export metadata from a server page, or generateMetadata for data-dependent titles. Check the parent layout's title template so you do not append the brand twice. Verify the final head output, not just the source object.

export const metadata = {
  title: "Bicycle brake repair in Vilnius",
};