What are Header Tags?

HTML Header tags, as their name suggests, are used to differentiate the headings and sub-headings of a page from the rest of the content. These tags are also known to webmasters as heading tags or simply header tags.

HTML Header tags

The most important heading tag is the h1 tag and least important is the h6 tag. In HTML coding, the heading tags from h1 to h6 form a top-down hierarchy. This means that if you skip any of the tag numbers the heading structure will be broken, which is not ideal for on-page SEO.

For example, if your site is introduced with an h1 tag followed by an h3 tag, the hierarchy will be broken, meaning the heading structure is not as SEO-friendly. This doesn't apply, however, to the bottom-up structure, which could jump from an h4 to an h2 without issue. Ideally, every page should have an h1 tag, but never more than one.

Advantages of Using Heading Tags

The heading tag is used to represent different sections of web page content. It has an impact on both the SEO and usability of your site.

Header tags from an SEO point of view

Header tags from a usability point of view

Things you should not be doing with heading tags

Recent guides