For a typical article page, one clear h1 for the main subject followed by h2 sections is an easy structure to understand and navigate. Do not treat the number of h1 elements as an automatic search penalty or a guarantee of good SEO.

Use a hierarchy that matches the content

This is a complete isolated document with its own legitimate h1. Its h2 headings introduce sections and h3 introduces a subsection; it does not alter the surrounding lesson’s outline.

Logical heading hierarchyLink

HTML and CSS

HTML

<h1>Learning HTML</h1>
<h2>Document structure</h2>
<p>Begin with the page’s main subject.</p>
<h2>Forms</h2>
<h3>Labels</h3>
<p>Connect each label to its control.</p>

CSS

body {
  max-width: 35rem;
}

Edit HTML or CSS to update the preview as you type. Copy code snippet copies the selected tab. Preview spacing and font defaults are not included.

Choose rank by relationship

Heading rank should describe nesting, not the desired font size. Use CSS to change appearance. A section element does not reliably turn its nested h1 into a lower-rank heading for users; use explicit appropriate h2/h3 ranks. Do not rely on an old proposed document-outline algorithm to repair a page full of equal-rank headings.

A site title or logo in a repeated header does not need to be another h1 on every article. Readers should be able to identify the article’s title and scan its section headings. Inspect the accessible heading list as well as the visual page.

What current search guidance supports

Google’s title-link guidance asks for a distinctive main title and warns that multiple headings with equal visual prominence can make it unclear which text is the main title. It does not establish a universal “exactly one h1 earns better rankings” rule. Keep your document understandable first; search appearance can still use other page signals.

The historical Google video is background context, not a substitute for current heading and title guidance. This lesson now provides a directly inspectable document instead of requiring that video to load.

Learn h1, section, and semantic HTML.

Sources

Reference 1 Reference 2 provide the technical details and current compatibility information.