Headings and subheadings create a navigable table of contents for assistive devices, and are used to create structure on a page. They should have a logical, descending order that helps all visitors understand how the information on a page is related. 

Heading levels are meaningful and should not be used out of order. They should correctly show the relationships of all the sections on a page. For example:

Heading Two (H2)

First section on a webpage.

Heading Three (H3) 

Sub-section of content related to Heading 2

Heading Four (H4)

Sub-section for content related to Heading 3

Heading Two (H2)

Second section on a webpage, and so on.

Importance for SEO

Heading tags can also improve a webpage's search engine optimization (SEO). Headings are ranked in order of importance, from Heading 1 to Heading 6. Heading 1 is typically reserved for the title of a page. Search engines crawling webpages favor headings, so it's also a good practice to include keywords in headings. 

Best Practices

  • Keep headings brief and clear.
  • Format headings using the tools in the text editor. 
  • Do not skip heading levels.
  • Never use headings decoratively or to make text a preferred size.
  • Do not use bold text to create fake headings.