Um h1 por página: nomeando o tópico principal

The h1 is your page's headline. Screen reader users often jump straight to it to learn what this page is actually about. 🔎

A page is about one main thing, so it gets one h1. Think of it as the title on a book cover, not a chapter heading.

Pick h1 for meaning, never for looking big. If you want smaller text, style it with CSS and keep the heading level correct.

A good h1 describes the content below it. Reading the h1 alone should tell a user roughly what they will find on this page.

Your h1 should echo the browser tab title. When both agree, users feel confident they landed on the right page.

Your site name in the corner usually is not the page topic. The h1 belongs to this page's content, not your brand logo. 🏷️

Several h1 tags blur the outline, so users cannot tell the real topic from a section. One clear top level keeps the page focused.

Place the h1 high in your main content, before the sections it introduces. It sets the stage for everything that follows.

Starting a page at h2 leaves the outline without a root. Give the page its single h1 first, then nest sections below it.

Write the h1 in plain words a stranger would understand. Skip clever puns that hide what the page really does.

An h1 that wraps only an image or icon may read as nothing. Give it real text, even if you hide that text visually.

How many h1 elements should a typical page have?

You learned the h1 names a page's one main topic, sits high in the content, and is chosen for meaning over size. One page, one h1. ✅