Skip to main content

Headings

TL;DR

Headings represent header tags used to structure a text in order to guide people and search engines through the page and to raise the accessibility of a page.

What is the heading?

Headings are also named header tags, and they help people and search engines understand a text easily by guiding them through the article or content.

Why and how to use headings on a website?

The header tag indicates the text structure as they are very informative and point what a section or paragraph is about. This is a very good and clean way to make the content easy to read by readers, accessible, and easy to crawl and index by search engines as well. 
Most CMSs offer multiple heading levels, usually starting from Heading 1 (H1), up to Heading 6 (H6), and H1 represents the most important information - such as a title and will have the largest size as well. As the heading number goes up, the importance and the text size will decrease. 

A simple guideline on how to use headings within an article

  • H1 tag should be used for the page or article title, and you should only add the tag once on the page. If the website is an e-commerce, the H1 should be the product name on the product page. 
  • H2 and H3 tags are used to add subtitles or to introduce multiple sections and sub-sections within the same page or article. 
  • The text can go deeper in terms of sub-sections, but it is a rare case to use H4, H5, or H6 headings.
  • Use the structure logically and add the focus keywords to keep the relevance for the content.

Here's how to structure a page or post using headings logically:

  • H1: Smartphones are awesome!
    • H2: 3 reasons we think smartphones are awesome
      • H3: They are tiny pieces of computers in our pockets
      • H3: They're suitable for more than just calling or playing
      • H3: They're great tools to work with while on the go