{"id":29853,"date":"2024-11-12T12:40:22","date_gmt":"2024-11-12T12:40:22","guid":{"rendered":"https:\/\/www.seobility.net\/en\/blog\/wiki\/h1-h6-headings\/"},"modified":"2025-02-26T09:23:06","modified_gmt":"2025-02-26T09:23:06","slug":"H1-H6_headings","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/en\/wiki\/H1-H6_headings","title":{"rendered":"H1-H6 headings"},"content":{"rendered":"

Why you should use headings on your website<\/span><\/h2>\n
\n
\"H1-H6<\/a> <\/p>\n
Figure:<\/b> H1-H6 headings – Author: Seobility – License: CC BY-SA 4.0<\/a><\/div>\n<\/div>\n<\/div>\n

Headings are an important element of any website, as they structure content and text in a meaningful and hierarchical way. Thereby they significantly improve the readability of content for visitors of a site. When users visit a web page, they often scan the text on this page using headings to get an idea of the content and relevance of the page.\n<\/p>\n

This works similarly with search engines. The headings of a page help Google get an overview of the page content and subtopics. Thus headings contribute to search engines’ better understanding of complex documents.\n<\/p>\n

In the following sections, we will explain to you how to define headings in HTML and what you should consider when choosing headings for SEO and users.\n<\/p>\n

\n
\n

Headings SEO Checker<\/h3>\n

Check if the heading structure on your web page is correct<\/p>\n<\/div>\n

\n
\n<\/form>\n<\/div>\n

How to define headings in HTML<\/span><\/h2>\n

In the HTML code of a website, headings are defined by special HTML tags, with six hierarchies of headings existing, namely H1-H6. The H stands for “heading” and the number expresses the importance of a heading, whereby the relevance decreases from H1 to H6. These HTML heading tags look like this:\n<\/p>\n

<h1> H1 heading <\/h1>\r\n\r\n<h2> H2 heading <\/h2>\r\n\r\n<h3> H3 heading <\/h3>\r\n\r\n<h4> H4 heading <\/h4>\r\n\r\n<h5> H5 heading <\/h5>\r\n\r\n<h6> H6 heading <\/h6><\/pre>\n
Example<\/span><\/h2>\n
To make the whole thing clearer, we have a small example here:\n<\/p>\n
Imagine a web page that contains text about different types of shoes. The H1 heading of this page, in this case, would be “shoes”. Then, a division by seasons can be made, resulting in the two H2 heading tags “Shoes for summer” and “Shoes for winter”. Then these two areas can be further divided so that  H3 heading tags like “Sandals”, “Flip-Flops” or “Ballerinas” are included in the section about shoes for summer.\n<\/p>\n
What to consider when choosing headings for SEO and users<\/span><\/h2>\n
Below you will find some points you should consider when choosing headings for SEO and for optimizing user experience.\n<\/p>\n
H1 heading<\/span><\/h3>\n
The H1 heading is the most important heading on a web page. Therefore, it should summarize the entire content of a page<\/strong> and contain important SEO keywords<\/a>. In addition, it has to arouse users\u2019 interest in the content of a website.\n<\/p>\n
Furthermore, each web page should contain only one H1 heading<\/strong>, since it should be the main heading of the page. Although Google confirmed that their systems don’t have a problem with multiple H1 headings on a page[1]<\/a><\/sup>, it could still be confusing for visitors. Therefore, you should only use multiple H1 heading tags if this is absolutely necessary. But even then, it\u2019s generally considered bad practice.\n<\/p>\n
Furthermore, your H1 heading should neither be too short nor too long<\/strong>. You can use a maximum length of 80 characters as a very rough guideline to make sure that a heading describes the content of the following paragraph in a concise but also informative way.\n<\/p>\n
Frequently made mistakes<\/strong> in the design of H1 heading tags also include overly general wording (e.g. Welcome) or using the same heading for multiple pages (e.g. company name).\n<\/p>\n
General best-practices when choosing headings for SEO and for users<\/span><\/h3>\n
Basically, headings should always match the content of a page<\/strong> and, if possible, contain the most important keywords for that section<\/strong>. However, these keywords should always reflect the actual content of a section. Otherwise, you will get headings constructed for SEO that do not provide any value to users. Google recognizes this kind of keyword stuffing and punishes it. In addition, your heading tags will inevitably contain SEO keywords if your web page is logically structured and contains high-quality content<\/a>.\n<\/p>\n
Furthermore, when selecting HTML heading tags, ensure that they structure your text logically<\/strong> and summarize the central theme of your page. In addition, heading tags should have high information content so that users know what a page is about without having to read every paragraph completely. Basically, you can imagine your own website as a Word document. Just like this document, you have to divide your page into sections using meaningful HTML headings and thus structure it logically and hierarchically.\n<\/p>\n
Another thing you should consider for SEO is to adhere to the correct, hierarchically descending order of HTML heading tags<\/strong>, i.e. first comes H1, followed by H2, then H3, etc. No hierarchy level should be skipped (e.g. H4 should not follow H2). Also, you should always choose the number of heading tags in appropriate relation to the total amount of text. While too many headings are no longer of value to users, too few headings can make a text confusing and difficult to scan.\n<\/p>\n
Another important aspect, which is often ignored, is the fact that heading tags should only be used for semantic marking of text<\/strong> in HTML and not for optical adjustment of the font size, etc. The layout and size of headings can be adapted via CSS later on. Additionally, heading tags should not be used for navigation elements such as menus or links or for surrounding layout (e.g. contact form, blogroll etc.), but should always refer to the specific content of a page.\n<\/p>\n
\"Example\n<\/p>\n
An example of how we use H1 and H2 tags on our blog post on website relaunches<\/a>, with the main heading at the top of the page and subheadings (h2) explaining the different sections of the post listed in the table of contents.\n<\/p>\n
Accessibility considerations for headings<\/span><\/h2>\n
When creating content, it’s crucial to ensure that it’s accessible to all users, including those with disabilities. Headings play a significant role in this, as they help screen readers and other assistive technologies navigate through the content. Some key accessibility considerations for headings are the same as the SEO best practices described above:\n<\/p>\n