Tip 12 of 31: Give Every Page One Clear Main Heading

The main heading is one of the clearest ways to tell readers what a page is about.

Get it wrong and visitors may struggle to understand the page’s purpose. A vague heading can also give search engines and other automated systems less useful context about the content.

What the Main Heading Is

In website terms, the main heading is normally the H1: the most prominent heading near the top of the page.

Think of it as the headline on a newspaper article. If the headline is unclear, readers may leave before reading the first line. If it is clever rather than informative, readers may not understand what the page is about.

A clear H1 should identify the page’s main subject in language the intended audience will recognise.

Common Problems

The most frequent mistakes are:

• using the company tagline as the H1;
• omitting a clear page-level H1;
• using several H1 headings without a clear structural reason;
• writing H1 text that only repeats the logo or brand name; and
• using a heading that does not describe the page content.

HTML can contain more than one H1, and multiple H1 elements do not automatically create an SEO problem.

However, using one clear page-level H1 is normally the simplest and most consistent approach. It gives readers an obvious main heading and makes the page hierarchy easier to maintain.

Use H2 headings for the main sections beneath it and H3 headings for relevant subsections.

What Good Looks Like

A service page for recruitment website design could have an H1 such as:

Recruitment website design for UK staffing agencies

A case study showing client results could include the client name or the result achieved.

A guide about switching website providers should say so directly.

One of our clients generated £45,000 in placement fees from their website in a single month.

The pages responsible for that business do not rely on vague, brand-focused headings. They communicate what the page is for to anyone who lands on it.

Clear headings can also provide useful context for search engines and AI-assisted systems, but they do not guarantee rankings, recommendations or citations.

Keep the H1 and Page Title Aligned

The visible H1 and the page’s HTML title element do not need to be identical.

They should, however, describe the same subject.

The title may need to be shorter because it can be displayed as a title link in search results. The H1 can be slightly more detailed where that helps the reader understand the page.

Avoid creating a title and H1 that appear to promise two different things.

Make the Main Heading Accessible

Use a genuine HTML heading element rather than enlarging or bolding ordinary paragraph text.

The H1 should be visible and distinguishable as the main heading. Do not hide it merely because the design already displays a logo, banner or decorative slogan.

Heading levels should represent the structure of the content rather than being selected according to their default visual size.

A logical hierarchy helps readers scan the page and enables people using assistive technologies to navigate between headings.

What to Do

Review the H1 headings on your ten most important pages.

Look for:

• missing main headings;
• more than one H1 without a clear structural reason;
• promotional rather than descriptive text;
• headings that only repeat the business name;
• H1 text that does not match the page content; and
• headings that are visually styled but not marked up correctly in HTML.

Rewrite any that fail this test and ask your developer to confirm that the HTML heading hierarchy is clear and logical.

Up Next

Tip 13 of 31 covers what happens once a reader arrives: why burying the main answer halfway down the page can make content less useful and harder to understand.

Frequently Asked Questions

Can I have more than one H1 on a page?

HTML can contain more than one H1, and multiple H1 elements do not automatically cause an SEO problem.

However, using one clear page-level H1 is normally the simplest way to communicate the main topic and maintain a logical heading hierarchy. Use H2 and H3 headings for sections and subsections.

Does the H1 need to match the page title tag exactly?

No, but they should be closely aligned.

The title element may appear as the title link in search results, while the H1 is the visible main heading on the page. They can be phrased differently, but both should accurately describe the same subject.

What if my website uses a visual design in which the H1 is styled to appear small or subtle?

Visual presentation is separate from HTML structure, so an H1 can be styled at an appropriate size without changing its semantic role.

It should still be visible, recognisable as the main heading and easy for readers to distinguish from ordinary text.

Do AI tools specifically look at H1 headings?

Automated systems may use headings as part of a page’s structural context.

A clear H1 can help identify the main topic, but it does not guarantee that an AI-assisted system will use, recommend or cite the page.

Should my H1 include my keywords?

It should use natural language that accurately describes the page.

This will often include words people use when searching for the subject, but the heading should be written for readers rather than filled with repeated keywords.

Darren Revell, Co-Founder, RecruiterWEB