Document Title.

SEO SEO Fundamentals

The most important on-page SEO element — appears in search results and browser tabs

What does this check test?

This check verifies that every page has a unique, descriptive `<title>` element in the `<head>`. The title should be 50–60 characters to avoid truncation in search engine results pages (SERPs). It should frontload the primary keyword, be unique across the site, and follow a consistent pattern (e.g., "Page Name | Site Name" or "Page Name — Site Name"). Empty titles, duplicate titles, and titles that are just the site name are flagged as failures.

Why does it matter?

The `<title>` tag is the single most important on-page SEO element. It is the clickable headline in search results, the text shown in browser tabs, and the default name when a page is bookmarked or shared on social media. Google weighs title tag content heavily when determining what a page is about and which queries it should rank for. Pages without titles or with generic titles like "Home" or "Untitled" are effectively invisible in search results. A well-optimized title directly impacts both rankings and click-through rates.

Who is affected?

SEO specialists optimizing page titles for target keywords, content authors naming their pages, front-end developers setting up page templates with dynamic titles, and CMS developers ensuring every content type generates a proper title. Product teams should define title conventions for each page type.

Where does this apply?

Every single page on the site. The homepage, all product/feature pages, blog posts, documentation, legal pages (privacy policy, terms of service), error pages (404, 500), and any dynamically generated pages (search results, user profiles). Server-rendered and statically generated pages must have the title in the initial HTML — not injected by JavaScript after load.

How to fix it

Follow the pattern: Primary Keyword — Secondary Keyword | Brand. Keep it under 60 characters. Frontload the most important keyword — Google bolds matching query terms in the title. Never use the same title on two pages. HTML title tag:

html

<head>
  <!-- Homepage: brand + value proposition -->
  <title>AppVet — AI-Powered Security, Performance & Accessibility Testing</title>

  <!-- Interior page: primary keyword | brand -->
  <title>Free Web Security Scanner | AppVet</title>
</head>

Next.js App Router static and dynamic titles:

// app/pricing/page.tsx — static title
export const metadata = {
  title: 'Pricing & Plans | AppVet',
};

// app/blog/[slug]/page.tsx — dynamic title
export function generateMetadata({ params }) {
  return { title: \`\${post.title} | AppVet Blog\` };
}

Lighthouse flags missing titles, and SEO crawlers like Screaming Frog detect duplicates across the site.

References

AppVet checks Document Title automatically

Run a free seo scan and get a full report with actionable fixes, including a Fix with AI prompt you can paste into any coding tool.

Run Audit

← All checks