Every page needs a clear main heading: the line that tells visitors and search engines what the page is about. In HTML, that is the H1 tag. It is one of the simplest elements on a page and one of the most often handled badly: missing, duplicated, stuffed with keywords or hidden by a theme.
In this guide we explain what an H1 is, what it is for, why it matters for SEO, how to write one, how to style it, how to add or fix it on WordPress, how many H1s a page should have, how it differs from the meta title and from H2 and H3 headings, and examples for different page types.
What Is an H1?
The HTML element that defines the main heading of a web page, written as <h1>Main Heading of the Page</h1>.
What Is the H1 Tag Used For?
It Explains the Main Topic of the Page
Visitors see at a glance what the page is about.
It Builds the Content Hierarchy
H1 is the top level; H2 and H3 structure the sections beneath it.
It Helps Search Engines Understand the Content
It signals the page’s central topic.
It Improves the User Experience
A clear heading orients users, especially those arriving from search.
It Supports Accessibility
Screen reader users navigate by headings.
Why Is the H1 Tag Important for SEO?
It Connects the Keyword with the Page
Your main keyword in a natural H1 reinforces what the page targets.
It Helps Meet Search Intent
A heading that matches what the searcher wants reassures them they’re in the right place.
It Gives Confidence to a User Coming from Search Results
When the H1 matches the promise of the result, bounce is less likely; see bounce rate and pogo sticking.
It Keeps Content Sections Organized
A good top-level heading leads to a logical structure. See on-site SEO optimization.
Is H1 a Direct Ranking Factor?
Not on its own. It helps search engines understand the page and is part of good on-page practice, but it doesn’t guarantee rankings.
How to Create an H1 Tag
Add <h1> around the main heading in the page’s HTML. In a CMS, this is usually the title field of the page or post.
How to Style H1 with CSS
h1 {
font-size: 2.25rem;
line-height: 1.2;
font-weight: 700;
}Use CSS for appearance; don’t choose heading levels for their default look.
How to Add an H1 Tag in WordPress
On WordPress:
- In the Gutenberg editor: the post title is typically the H1; choose heading levels for sections.
- In the classic editor: the same: the title is the H1 and the body uses H2 and below.
- In Elementor: choose the HTML tag of the heading widget; use H1 only once per page.
- If the theme already adds an H1 automatically: don’t add a second one in the content. Check the page source.
What Should an H1 Be Like?
It Should Explain the Topic of the Page Clearly
A visitor should understand the page from the H1 alone.
The Keyword Should Be Used Naturally
Include the main phrase where it fits, without stuffing.
H1 Should Be Short and Understandable
Be concise and direct.
The H1 Should Be Visible on the Page
Don’t hide it with CSS or make it invisible to users.
H1 Should Match the Content
The heading must truthfully describe what follows.
Should the Brand Name Be in the H1?
Usually not necessary. Brand names belong in the title tag and logo. On the home page, the H1 can state what the business does.
How Many H1s Should a Page Have?
For most standard pages, one clear, main H1 is recommended.
Does Using More Than One H1 Harm SEO?
It is not an automatic penalty, but it can muddy the page’s hierarchy and sense of main topic. Use one H1 and structure everything else with H2 and below.
H1 vs. Meta Title
The H1 appears on the page; the title tag usually appears in search results and the browser tab. See what is a meta tag. They don’t have to be identical, but they should describe the same topic and intent.
Should H1 and the Title Be the Same?
Not exactly. They can differ in wording while serving the same intent.
H1 vs. H2
The H1 is the main page heading; H2 headings mark the main sections.
H1, H2 and H3 Compared
| Tag | Role |
|---|---|
| H1 | The page’s main heading |
| H2 | Main sections |
| H3 | Subsections within H2 |
Should the H1 and the URL Be the Same?
Not necessarily. The URL should be short and readable; the H1 can be a fuller, natural-language heading.
How to Write an SEO-Friendly H1
- Decide the single main topic of the page.
- Study the user’s search intent.
- Choose the main keyword.
- Write the heading in the user’s language.
- Compare it with the content. See how to write an SEO-friendly article.
H1 Examples by Page Type
- Home page: “Digital Marketing Agency for Growing Businesses”
- Service page: “SEO Consulting for Small and Medium Businesses”
- Blog post: “How to Write an SEO-Friendly Article”
- E-commerce category: “Women’s Running Shoes”
- Product page: “Brand X Trail Running Shoes, Women’s, Blue”
- Local service page: “Emergency Plumber in [District]”
H1 Usage Mistakes
- No H1 on the page
- Multiple H1s without reason
- Stuffed with keywords
- Same H1 on many pages
- Using H1 for styling instead of structure
- An H1 that doesn’t match the content
- Hiding the H1 with CSS
Checking H1 Tags
Use a crawler or the browser’s inspector to check every page; see technical SEO and Google Search Console. A full SEO analysis includes this. Also remember that headings must read well on all devices; see responsive web design. For a start, read what is SEO; for help with your site, see web design.
Frequently Asked Questions
What is H1?
The HTML tag that defines the main heading of a web page.
What is H1 used for?
It shows the page’s basic topic, builds the content hierarchy and helps users understand the page.
How is the H1 tag written?
Like this: <h1>Main Heading of the Page</h1>.
Is H1 important for SEO?
Yes. It helps the page’s main topic and content structure be understood. But it does not guarantee ranking on its own.
How many H1s should a page have?
For most standard web pages, one clear main H1 is recommended.
Is using more than one H1 harmful?
It is not an automatic cause for a penalty, but it can complicate the content hierarchy and the perception of the main topic.
Is H1 the same as the title?
No. The H1 appears within the page, while the title mostly appears in search results and the browser tab.
Should H1 and the title be the same?
They don’t have to be exactly the same. But they should explain the same basic topic and search intent.
What is the difference between H1 and H2?
H1 is the main page heading. H2 marks the main sections of the content.
