Heading hierarchy

Heading hierarchy is the organisation of headings and subheadings on a web page in a hierarchical structure.

The primary heading on a page, known as the H1 tag, should be used for the main title or headline of the page, and should accurately reflect the content of the page

Subsequent headings, such as H2, H3, and so on, should be used to organise the content on the page into clear and concise sections

Let's have an example

H1: Introduction to web design

H2: Design fundamentals

H3: Typography

H3: Creating Graphics

H3: Illustration

H2: Web development fundamentals

H3: HTML

H3: CSS

H3: JavaScript

This is a very basic example, and by no means the only topics involved in web design, but hopefully you can understand why heading hierarchy is important. It provides hierarchy and overview and helps quickly communicate what a web page is about in a very clear manner.

Using keywords in headings can help to improve the relevance of the content for specific search queries, but it is important to use keywords in a natural and meaningful way that accurately reflects the content of the page, and avoid "keyword stuffing".

Overall, a well-structured heading hierarchy can improve a website's search engine ranking and visibility, as well as improve the user experience by making content more organised, easier to read, and more accessible.