Skip to main content

H1 Heading

The H1 is the main heading of a page, just like the text above this sentence.

What does H1 mean?

The H1 heading is the title of a single page on a domain. The abbreviation stands for “Heading 1” and is the top-level heading.

On websites, content is technically organized into heading levels: The H1 is at the very top, followed by H2 for main sections, H3 for subsections, and so on. For many standard websites, H1 through H3 are sufficient, but for more deeply structured content, H4 through H6 may also be useful.

As a general rule, there should be one clear H1 as the main heading per page. This can be followed by several H2 headings as appropriate. This hierarchy gives visitors an overview of the content and helps search engines understand what the page and its individual sections are about.

Where do H1 tags and the heading hierarchy come from?

Heading levels have been part of HTML since its early days and are thus part of the fundamental language used to build websites. They serve to logically structure documents, similar to headings in a printed text.

The H1 tag has gained additional importance due to search engines, as it helps identify the central topic of a page. Furthermore, a clean heading hierarchy has become an important component of accessibility, as it allows people using screen readers to navigate content efficiently using headings.

Why is the H1 important?

The H1 shows at a glance whether a visitor is in the right place. A clear, accurate main heading confirms what a search result or ad promised. A vague or missing H1, on the other hand, can raise doubts and cause a visitor to leave the page.

The H1 provides visitors with orientation and helps search engines categorize the content, thus serving a dual purpose. And since headings serve as important reference points for screen readers, a meaningful H1 is essential for accessibility.

Benefits

  • A good H1 improves navigation, discoverability, and accessibility with minimal effort.
  • It can be quickly drafted and customized.
  • It provides immediate clarity for visitors.
  • The H1 gives search engines an important clue about the page’s topic, which can help with categorization for relevant search terms.

Challenges

A common mistake is having multiple H1s or none at all per page. They should also not be viewed merely as a design element used to display text in large font. Headings are part of the content structure and must be meaningful to both people and search engines. Sometimes there’s also a lack of understanding regarding the hierarchy, so here’s an example:

H1: The Hierarchy of Headings

H2: Why the H1 Is Important

H2: Other Heading Levels

H3: The heading for main sections in the text—the H2.

H3: A heading within a main section? Use H3.

H3: For those who like to get creative: unconventional heading levels

H4: H4—a last resort, but it happens sometimes

H5: H5 – only in long documents, if at all

H6: H6 – don’t get too cute here

H2: Setting Headings Correctly

H2: Buying Headings Online

Example

On the services page of an electrical contractor, the only main heading is “Welcome.” Neither visitors nor search engines know what this is about.

The company changes the H1 to “Electrical Installation for Commercial and Industrial Clients in the Alb-Donau District.” Now it’s immediately clear to everyone what the page is about. Search engines also receive a much clearer indication of the page’s topic.

Related terms

Meta Title (Title Tag) The meta title is the clickable headline of a page that appears in search results. SEO (Search Engine Optimization) Search Engine Optimization, or SEO for short, is the process of optimizing a website so that it can be found by search engines like Google—ideally at the very top of the search results. UX (User Experience) User Experience (UX) is the experience a visitor has on a website or app. Structured Data Structured data is additional information in the source code that helps search engines and other systems categorize a page’s content more accurately.