Heading Elements
  • 20 Oct 2023
  • 1 Minute to read
  • Contributors
  • Dark
    Light
  • PDF

Heading Elements

  • Dark
    Light
  • PDF

Article Summary

Heading elements are a fundamental way to structure and convey the content within your web pages. They play a pivotal role in SEO, as search engines utilize the keywords found in heading elements to index and categorize your content. HTML provides six different heading elements, each with a specific hierarchy, indicating the level of importance and organization within your page:

  • <h1> is the most important and serves as a general summary of the page.
  • <h2> is used to define secondary sub-segments within the content.
  • <h3>, <h4>, and <h5> are employed to highlight paragraphs or sub-sections of content.
  • <h6> is typically used to emphasize keywords within sentences, akin to <b> and <strong> elements.

Example Implementation:

<body>
    <article>
        <h1>Best SEO Practices</h1>
        <p>....</p>

        <div>
            <h2>Technological Solutions</h2>
            <p>....</p>
        </div>

        <div>
            <h3>1. User Prerendering</h3>
            <p>
                To allow your content delivery team to enhance the UX for your site, you must use a prerendering solution to ensure high-quality <h6>SEO</h6> for crawlers, while providing enjoyable content for your customer.
            </p>
        </div>
    </article>
</body>

Heading Elements SEO Scoring

Heading elements are crucial for SEO, helping search engine crawlers understand the structure and topics of your page's content. The presence or absence of these elements and their correct use significantly impacts SEO categorization.

Scoring Criteria:

  • If Any Heading Element Exists (+5 points): The presence of any heading element, such as <h1>, <h2>, etc., is rewarded with a score increase of +5 points.

  • Missing <h1> Element But Has Other Heading Elements (-1%): While not mandatory, having an <h1> element helps crawlers understand the page's main topic. If you have other heading elements but lack an <h1>, a score deduction of -1% is applied.

  • Too Many <h1> Elements (Penalty: -(5 + Math.min(5, h1.length - 3))%): Defining too many <h1> elements can confuse crawlers. A penalty is applied based on the number of <h1> elements; you lose 5% plus an additional percentage for each extra <h1> element beyond three.

  • Between 1-3 <h1> Elements (+5%): Having between 1-3 <h1> elements is considered optimal and is rewarded with a score increase of +5%.

  • Missing Heading Elements (-10%): If your page lacks any heading elements, a penalty of -10% is applied to the score.


Was this article helpful?