Heading Structure and Search Engine Optimization

This article is the fifth part of our series of SEO (Search Engine Optimization) related articles - Web Page Content Search Engines See. In this article we will look at web page heading structure.

What are Headings?

Web page headings are just like headings in a book:

Example of heading structure

There are 6 heading tags available in HTML coding. H1 is the largest and at the top of the heading structure hierarchy. H6 is the smallest and at the bottom of the heading structure hierarchy.

Heading tags can be formatted in the stylesheet if the defaults are not suited to the web page.

How Search Engines Read Headings

Search engines find the heading tags in the web page coding. e.g. <h2></h2> would surround a heading 2.

Each search engine has a different way of prioritizing the importance of headings therefore it is important to use the heading tags correctly to create proper heading structure.

If we use the heading structure feature in the Web Accessibility Toolbar we can check that the page has proper heading structure:

Checking heading structure

As the instructions in the image above state, check that:

  1. The web page title and headings are present.
  2. Headings are properly nested. Heading 1 being main title, and the rest flow in correct order.
  3. The heading structure used is laid out to give an effective overview of the web page subject.

Importance of Proper Heading Structure

From the W3C Accessibility guidelines 1.2.1 Section headings:

...Use header elements to convey document structure and use them according to specification....

Since some users skim through a document by navigating its headings, it is important to use them appropriately to convey document structure. Users should order heading elements properly. For example, in HTML, H2 elements should follow H1 elements, H3 elements should follow H2 elements, etc. Content developers should not "skip" levels (e.g., H1 directly to H3). Do not use headings to create font effects...

Source: HTML Techniques for Web Content Accessibility Guidelines 1.0 - 1.2.1 Section headings

If the web page visitor uses a screen reader it will indicate to the visitor when they reach a heading in the text.

In summary, each search engine has a different way of prioritizing the importance of headings therefore it is important to use the heading tags correctly to create proper heading structure.

Search Engine Optimization Articles

If you found this web page a useful resource for your own website please link as follows:

HTML Basic Tutor - www.htmlbasictutor.ca/

Each search engine prioritizes the importance of headings differently therefore it is important to use heading tags correctly to create proper heading structure.
URL: