Seoxpert.io
lowTechnical SEO

Pages with Multiple `<title>` Tags

A page contains more than one <title> tag, which is invalid HTML and can confuse search engines.

By Seoxpert Editorial · Published

Why it matters

Only one <title> tag is valid per HTML document. Multiple <title> tags can signal template errors and cause SEO tools or crawlers to misinterpret your page's main title. This can lead to inconsistent indexing and display in search results.

Impact

Leaving multiple <title> tags can result in unpredictable or incorrect titles in search engine results.

How it's detected

An automated crawler parses the HTML and flags pages containing more than one <title> element in the <head>.

Common causes

  • Both a global layout and a page partial render a <title> tag.
  • Manual <title> tags are added in addition to framework-level title settings.
  • Legacy code or plugins insert extra <title> tags.
  • Copy-pasting HTML templates without removing default <title> tags.

How to fix it

Audit your templates to ensure only one component sets the <title>. In frameworks like Next.js App Router, use metadata.title at the route level and remove manual <title> tags. In plain HTML, check that only one <title> is rendered by your header and page partials. Remove any redundant or leftover <title> tags from your codebase.

Code examples

Problem: Multiple <title> tags in HTML

<head>
  <title>Site Default Title</title>
  ...
  <title>Page Specific Title</title>
</head>

Fix: Only one <title> tag remains

<head>
  <title>Page Specific Title</title>
  ...
</head>

FAQ

What happens if my page has more than one <title> tag?

Browsers and search engines use only the first <title> tag and ignore the rest, which may cause confusion or incorrect titles in search results.

How do I find out which part of my template is adding extra <title> tags?

Review your layout and page templates or use your browser's developer tools to inspect the <head> section for duplicate <title> tags.

Does having multiple <title> tags hurt my SEO?

It can cause inconsistent or incorrect titles to appear in search results and signals poor HTML quality, which may indirectly affect SEO.

How do I fix this in Next.js App Router?

Set the title using metadata.title at the route level and remove any manual <title> tags from your components.

Found this issue on your site?

Run a scan to see if Pages with Multiple `<title>` Tags affects your pages.

Scan my website →