What are header tags?
Header tags, also known as heading tags or HTML header tags, are used to structure a webpage’s content. The six heading tags, typically called h1 – h6, range in importance.
H1 is the most important and should be used for the page’s main title; it’s usually the largest font size and boldest text. The remaining header tags each have a successively lower level of importance.
H2 is usually the second-most important title and can feature slightly smaller font sizes and lighter styling than H1. H3 – h6 follow suit with decreasing levels of importance and styling modifications.
Using header tags correctly will help search engines index a web page’s content more accurately and provide users with an easier way to navigate through information on a website. Header tags can help organise content on the page on a specific hierarchy. We can compare this to the document outline and hierarchy. It sorts the information and allows crawlers to understand better the content structure.
Header tags are often combined with other HTML elements, such as paragraphs, lists, images, videos, tables and more, to create a comprehensive website structure that helps visitors quickly understand what the page is about.