What is an H1 Tag? SEO Best Practices (2024)

The H1 tag is an HTML heading that’s most commonly used to mark up a web page title. Most websites use CSS to make the H1 stand out on the page compared to lesser headings like H2, H3,etc.

What is an H1 Tag? SEO Best Practices (1)

But why is the H1 tag important, how do you add one, and what best practices arethere?

In this guide, you’ll learn the answers to all of these questions:

  • Why are H1 tags important forSEO?
  • How do I add an H1tag?
  • What are the SEO best practices for H1tags?

Why are H1 tags important forSEO?

Here are three reasons:

  1. H1 tags helps search engines understand thepage
  2. H1 tags improve user experience
  3. H1 tags improve accessibility

H1 tags helps search engines understand thepage

Google’s John Mueller saidthat H1 tags help Google to understand the structure of a page. So if you’re using H1s as Google recommendsfor your page title or content heading, your H1 is effectivelytelling Google “here’s what my page isabout.”

What is an H1 Tag? SEO Best Practices (2)

H1 tags improve user experience

H1 tags improve user experience in the sense that they’re part of a web page’s hierarchical structure. The H1 is the most prominent heading on the page, then H2, then H3,etc.

Fail to use H1 tags and other headings properly and pages become harder to skim and digest.

What is an H1 Tag? SEO Best Practices (3)

H1 tags improve accessibility

Millionsof visually-impaired people use screen readers to convert web page copy and images to audio. According to this studyby webAIM, 60%of screen reader users prefer that only the page title be an H1tag.

What is an H1 Tag? SEO Best Practices (4)

How do I add an H1tag?

Most CMS’ make it easy for you to add a H1 tag to your page. Let’s look at how to do it in a few popular ones.

How to add a H1 tag in WordPress

Most WordPress themes are coded to use the page or post title as theH1.

How to add an H1 tag inWix

Most Wix themes have one H1 tag on each page. If you’re not sure which text this is, change the styling of your H1 tags temporarily in the theme editor. This should effectivelyhighlight the H1 in the page builder.

What is an H1 Tag? SEO Best Practices (5)

How to add an H1 tag in Squarespace

Most Squarespace themes have one H1 tag on each page. If you’re not sure where this is, just click around on prominent text boxes until you see one with “Heading 1” styling.

What is an H1 Tag? SEO Best Practices (6)

How to add an H1 tag inHTML

Use an opening H1 tag (<h1>), enter your page title, then add a closing H1 tag (</h1>).

Example:

<h1>This is the H1</h1>

H1 tag SEO best practices

Before we run through the best practices, it’s important to note that breaking any of these is extremely unlikely to wreak SEO havoc on your website. So don’t panic if you’re not doing some of these things. It certainly won’t lead to anything scary like a Google penalty.

Google’s job is to understand, index, and rank the web’s content. It’s impossible to do this without mechanisms to deal with nonideal circumstances like pages without H1tags.

That said, every little bit helps in SEO—so it’s useful to follow best practices where possible.

Here are 9 best practices for H1tags:

  1. Use H1 tags for page titles
  2. Use title case forH1s
  3. Match H1s to titletags
  4. Use an H1 tag on every important page
  5. Use only one H1 perpage
  6. Keep H1 tagsshort
  7. Style headings for hierarchy
  8. Include your target keyword
  9. Make H1 tags compelling

Use H1 tags for page titles

Google saysto “place the title of your article in a prominent spot above the article body, such as in a <h1>tag.”

While many website platforms and CMS’ do this by default, this can be overridden for certain themes.

If you’re curious how your theme handles this, the easiest way to check is to right-click on the title in your browser and select “Inspect.” If the highlighted part includes <h1>, then it’s wrapped in a H1tag.

What is an H1 Tag? SEO Best Practices (7)

If you’re not comfortable with HTML, install Ahrefs SEO Toolbarand check the free on-page report to see your H-tags, including yourH1.

What is an H1 Tag? SEO Best Practices (8)

If you’d prefer to check your H1 tags inbulk:

  1. Sign up for a free Ahrefs Webmaster Toolsaccount
  2. Crawl your website with Site Audit
  3. Go to the On pagereport
  4. Scroll to the “H1 setup” chart
  5. Click the green part of the piechart
What is an H1 Tag? SEO Best Practices (9)

Use title case forH1s

Title case is where you capitalize all words containing four or more letters.

If your CMS uses page titles for both H1 tags and title tags, using title case for page titles helps keep things looking neat in the search results. It’s usually only forum posts that use lowercase or sentence case.

What is an H1 Tag? SEO Best Practices (10)

Match H1s to titletags

Google saysto match your title tag with yourH1.

Most CMS’ like WordPress do this automatically, but it’s possible to set the title tag as something different to the H1 with an SEO pluginlike Yoast.

What is an H1 Tag? SEO Best Practices (11)

The most common reason to do this is when your page title is perfectly fine for a H1, but too long for the titletag.

For example, our title and H1 are slightly different for this post:

What is an H1 Tag? SEO Best Practices (12)

If your title and H1 are slightly different but cast from the same mold, as is the case above, that’s fine. If your title is dramatically different from your H1, it’s probably worth bringing them back into alignment.

Why? Searchers are sold, in part, by your title tag in the SERPs. If they’re greeted with a completely different and unrelated title (H1) on the page, they’ll feelduped.

You can check for mismatched H1s and title tags for free in Ahrefs Webmaster Tools.

  1. Sign up for Ahrefs Webmaster Tools
  2. Crawl your website in Site Audit
  3. Go to the On pagereport
  4. Scroll to the “H1 setup” chart
  5. Click on the green area in the piechart
  6. Look for drastically mismatched title tags andH1s

Here’s a mismatched title and H1 for our guide to anchor text:

What is an H1 Tag? SEO Best Practices (13)

The title tag is angled around a definition whereas the H1 is angled around a study.It’s possible that searchers might feel a little duped or confused after clicking through to this page, so it’d probably make sense to stick with a consistent angle.

PRO TIP

If your website has many pages, sort the report in Ahrefs’ Site Auditby organic traffic to prioritize changes. There’s little point worrying about mismatched titles and H1s if your page doesn’t get any organic traffic in the firstplace.

What is an H1 Tag? SEO Best Practices (14)

Use an H1 tag on every important page

Given that your page title should be wrapped in an H1 tag, it goes without saying that you should use a H1 on every important page. After all, every page has atitle.

If you want to find pages with missing or emptyH1s:

  1. Sign up for a free Ahrefs Webmaster Toolsaccount
  2. Crawl your website in Site Audit
  3. Go to the On pagereport
  4. Scroll to the “H1 setup” chart
  5. Click on the red area in the piechart
What is an H1 Tag? SEO Best Practices (15)

You can see above that some of our pages are missing H1s.

Is this best practice? Not really. But it’s also unlikely to be a huge deal because these pages aren’t particularly important from an SEO perspective. They’re just blog homepages and archive pages that are only likely to attract branded traffic anyway.

So while our developers could “fix” this in minutes, it’s probably not worth wasting their time as the pages look perfectly fine for visitors—and that’s all that matters here.

Use only one H1 perpage

Google’s John Mueller saysusing multiple H1s per page isfine.

If you’re using HTML5, this is strictly true. There’s nothing technically wrong with using multiple H1 tags in different sections.

For example, this HTML5 page has four H1 tags and is technically fine.

<body> <h1>Apples</h1> <p>Apples are fruit.</p> <section> <h1>Taste</h1> <p>They taste lovely.</p> <section> <h1>Sweet</h1> <p>Red apples are sweeter than green ones.</p> </section> </section> <section> <h1>Color</h1> <p>Apples come in various colors.</p> </section></body>

Pretty much all modern browsers will render this correctly, and will display H1 tags in nested <section> elements according to their nesting level. That means H1s in the first <section> will look like H2s, H1s nested in another <section> will look like H3s,etc.

What is an H1 Tag? SEO Best Practices (16)

However, even with HTML5, W3C recommendsthat you use “headings of the appropriate rank for the section’s nesting level.”

For example:

<body> <h1>Apples</h1> <p>Apples are fruit.</p> <section> <h2>Taste</h2> <p>They taste lovely.</p> <section> <h3>Sweet</h3> <p>Red apples are sweeter than green ones.</p> </section> </section> <section> <h2>Color</h2> <p>Apples come in various colors.</p> </section></body>

That’s because some legacy browsers will have trouble rendering things correctly without explicit CSSrules.

But what about if your website doesn’t useHTML5?

John Mueller saysmultiple H1 tags are stillfine:

Regardless of whether you use HTML5 or not, having multiple H1 elements on a page isfine.

Given that this isn’t best practice by W3C standards, why is this Google’s advice?

Answer: Because they’ve developed mechanisms to deal with the common problem of multiple H1s on a webpage.

So although it probably doesn’t matter that much for SEO whether you use one or multiple H1 tags, we still think it’s best practice for most websites.

You can check if there are pages with multiple H1 tags on your site for free in Ahrefs Webmaster Tools.

  1. Sign up for a free Ahrefs Webmaster Toolsaccount.
  2. Crawl your website with Site Audit
  3. Go to the On pagereport
  4. Scroll to the “H1 setup” chart
  5. Click on the yellow area in the piechart
What is an H1 Tag? SEO Best Practices (17)

Keep H1 tagsshort

Many CMS’ use the same copy for your H1 and title tag. If that’s the case for you, unless you plan to write a unique title tag for every page and post, it’s worth keeping your page titles short.

How short? The general rule of thumb is 70 characters orunder.

Here’s a page that breaks this rule:

What is an H1 Tag? SEO Best Practices (18)

The H1 on this page is 80 characters which looks perfectly fine on the page itself. But because WordPress uses this same copy for the title tag, it truncates in the search results.

What is an H1 Tag? SEO Best Practices (19)

We could solve this problem by setting the title tag to a shorter version of the H1 tag. But if we had just made an effort to create a shorter title in the first place, we wouldn’t have this problem.

Style headings for hierarchy

Headings are used to create hierarchy on a webpage. As the H1 tag is usually the most important heading on the page, your CSS styling should reflect that.

In other words, the H1 should be the most prominent tag on thepage.

This might seem obvious but there are plenty of websites with little visible distinction between H1s andH2s.

Include your target keyword

Google’s John Mueller saidin 2020:

And when it comes to text on a page, a heading is a really strong signal telling us this part of the page is about thistopic.

Given that the H1 usually wraps around the page title, it’s arguably the most important heading on the page. So it usually makes sense to include your main keyword to make the topic of the page doubly clear to both Google and searchers.

This is something we do for pretty much all our blogposts.

What is an H1 Tag? SEO Best Practices (20)

Does it always make sense to do this? Of course not.

Sometimes it’s better to use a close variant of your target keyword for readability.

For instance, the primary keyword for this postis “how to get more views on youtube.” But as we wrote a listicle, it didn’t make sense to use this in the H1. So we used a close variation instead.

What is an H1 Tag? SEO Best Practices (21)

You also shouldn’t be afraid to use conjunctions and stop words to keep things sounding natural.

Make H1 tags compelling

H1 tags need to be descriptive. That goes without saying. But if you’re writing titles for blog posts, they also need to be compelling enough to entice clicks.

How do you create a compelling posttitle?

Before you think of using one of those blog post title generators, consider the purpose of your post. If it exists to attract organic traffic from search engines, and your CMS uses page titles for H1s and title tags, the post title needs to be written for search engine users.

How do you know what theywant?

Take inspiration from the top-ranking results for your target keyword.

For example, if we look at the top pages for “SEO techniques,” it’s clear that searchers want actionable and effective SEO techniquesthat help improve search traffic.

What is an H1 Tag? SEO Best Practices (22)

We can use this information to create a compelling page title (H1) for ourpost.

In the SEO world, this is known as optimizing for search intent.

FAQs

Let’s finish things off by answering a few common questions about H1tags.

How long should an H1 tagbe?

H1 tags can be as long as you like but as most CMS’ use the page title for both the H1 and title tag, it’s best to keep page titles short (<70 characters) to avoid title tag truncation.

Can I have more than one H1 tag on apage?

If you’re using HTML5, yes. If you’re not using HTML5, it’s rarely best practice but it’s unlikely to be a huge deal either way.

Can I use an image in an H1tag?

Yes. In fact, W3Cdoes this.

Final thoughts

H1 tags are arguably less important than they used to be. Google has mechanisms in place to understand your content well even if your use of H1 tags isn’tideal.

That said, following best practices isn’t difficult, so it’s something you may as well do. At the very least, it improves user experience.

Got questions? Ping me on Twitter.

What is an H1 Tag? SEO Best Practices (2024)
Top Articles
Latest Posts
Article information

Author: Kieth Sipes

Last Updated:

Views: 6239

Rating: 4.7 / 5 (67 voted)

Reviews: 82% of readers found this page helpful

Author information

Name: Kieth Sipes

Birthday: 2001-04-14

Address: Suite 492 62479 Champlin Loop, South Catrice, MS 57271

Phone: +9663362133320

Job: District Sales Analyst

Hobby: Digital arts, Dance, Ghost hunting, Worldbuilding, Kayaking, Table tennis, 3D printing

Introduction: My name is Kieth Sipes, I am a zany, rich, courageous, powerful, faithful, jolly, excited person who loves writing and wants to share my knowledge and understanding with you.