How to fix: Pages with more than one H1 tag

Updated on December 2nd, 2024 at 06:34 pm

Estimated reading time: 2 minutes

Issue: Having multiple <h1> tags on a page might confuse users and search engines about the page’s main topic, even though it’s technically allowed in HTML5.

Fix: Use a single <h1> tag per page for the main heading and use <h2> to <h6> tags for subheadings.

How to Fix for Beginners

  1. Identify Extra <h1> Tags: Check your page’s HTML for multiple <h1> tags.
    • Example: <h1>Main Heading</h1> and <h1>Another Heading</h1> are redundant.
  2. Keep Only One <h1>: Select the most important heading to remain as the <h1> tag.
    • Example: <h1>Main Heading</h1> stays, while others change.
  3. Use Subheadings for Structure: Replace additional <h1> tags with <h2> to <h6> tags based on their importance.
    • Example: <h2>Subheading 1</h2> or <h3>Subheading 2</h3>.
  4. Maintain a Logical Hierarchy: Ensure headings flow logically (e.g., <h1><h2><h3>) to make your content easier to read.

Tip: A single <h1> improves clarity and SEO while keeping your page organized for users and search engines.