How to use H1 and heading tags correctly

Headings (<h1> to <h6>) give your page a structure that people, screen readers and search engines use to understand the content.

Why it matters

The H1 is the main heading of the page. It should tell visitors and search engines what the page is about, and it works best when it shares key terms with the title tag.

Screen-reader users jump between headings to navigate, so skipping levels (an H2 followed by an H4) or using headings just for styling makes a page harder to use. Long text without subheadings is also harder to scan, and visitors leave sooner.

How to fix it

1. Use one H1 per page that describes its main topic, ideally with your main keyword.
2. Make sure the H1 contains real text. An image-only H1 has no text unless the image has alt text.
3. Use H2s for main sections and H3s for sub-sections inside them, without skipping levels.
4. Add a subheading every 300 words or so on long pages.
5. Don’t use heading tags just to make text big or bold; use CSS for styling instead.

<h1>Handmade leather wallets</h1>
  <h2>Bifold wallets</h2>
    <h3>Slim bifolds</h3>
  <h2>Card holders</h2>
  <h2>Care and repairs</h2>