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. 13
