Skip to content

H1 tag missing

What this means

The page has no <h1> tag. Google uses the H1 as the primary topic signal for a page — without it, the page has no declared subject, which makes it harder to rank for any keyword and harder for AI search engines to determine what the page should be cited for.

Every page, including the homepage, needs exactly one H1.

How to fix it

Add a single H1 that states the page’s main topic. It does not need to match the <title> tag word-for-word, but it should be clearly related and include the primary keyword.

Next.js App Router

export default function HomePage() {
  return (
    <main>
      <h1>Design systems for product teams</h1>
      {/* rest of page */}
    </main>
  )
}

Next.js Pages Router

export default function HomePage() {
  return (
    <main>
      <h1>Design systems for product teams</h1>
    </main>
  )
}

Astro

<main>
  <h1>Design systems for product teams</h1>
</main>

SvelteKit

<main>
  <h1>Design systems for product teams</h1>
</main>

Nuxt

<template>
  <main>
    <h1>Design systems for product teams</h1>
  </main>
</template>

Plain HTML

<!doctype html>
<html lang="en-GB">
  <head>
    <title>Design systems for product teams | Orino</title>
  </head>
  <body>
    <main>
      <h1>Design systems for product teams</h1>
    </main>
  </body>
</html>

Verify the fix

curl -s https://yourdomain.com | grep -i '<h1'

You should see your H1 in the output. Or re-run the audit:

npx orino audit https://yourdomain.com

The missing-h1 check should now pass.