Does H1 Around Your Images Give A Ranking Boost?

While the subject of h1 around your images is not a new one, it is something we see frequently as SEOs. The real question is, does it give you an extra benefit or does it hurt your SEO?

We tested it for a true scientific answer. Let’s start with the basics first.

What is an H1 Tag?

H1 tags are called header tag element.  Header tags are a summary of the topic you are discussing.  Heading tags are important for ranking in the search engines.

These elements typically look like this:

<h1>Section Title</h1>
We choose to go to the moon. We choose to go to the moon in this decade and do the other things, not because they are easy, but because they are hard, because that goal will serve to organize and measure the best of our energies and skills, because that challenge is one that we are willing to accept, one we are unwilling to postpone, and one which we intend to win, and the others, too.

<h2>Subsection Title</h2>
Celery quandong swiss chard chicory earthnut pea potato. Salsify taro catsear garlic gram celery bitterleaf wattle seed collard greens nori. Grape wattle seed kombu beetroot horseradish carrot squash brussels sprout chard.

<h3>Subsection Title</h3>
Fromage frais everyone loves say cheese. Pecorino cheese on toast fromage the big cheese macaroni cheese emmental gouda taleggio. When the cheese comes out everybody’s happy fromage frais parmesan the big cheese dolcelatte fromage stilton smelly cheese. Mozzarella.

Title tags can also be completely separate from header tags.

Example: <title>Your keyworded title goes here.</title>

moomba with kapow image of H1

The importance of the H1 tag in SEO

The h1 is a way to tag something as important to Google or other search engines.

We know through testing that your H1 tag is an important,  positive ranking factor.  This simply means that a positive ranking factor can help you rank higher in the SERPs.

For SEO purposes, we want our keyword or keyphrase in our H1 tag.  This gives Google the first indication of what your page or post is about and what keywords to rank you for.

weird guy thinking

How do I get H1 tags

If you use WordPress, you are probably familiar with WordPress titles.  Most themes automatically make your titles H1 tags. 

This is the first onpage SEO element your visitors will encounter on your page.  Besides being the largest letters on a page, the title will tell your visitors (and Google) what your article is about.

Most themes do this, but not all.  It’s always a good idea to double check to make sure your theme creates the H1 tag for you. 

There is an easy way to check if your theme is creating your title as an H1. 

  • Create a post. 
  • Type in your Title. 
  • Save and Publish. 
  • Right click and view page source. 
  • Do a find (control+f or command+f) on the page for h1. 

If your title is an h1, you will see the following:
<h1 class=”heading_title”>Your keyworded title goes here.</h1> If you don’t see an h1, then you will have to manually add your h1 tag.

moomba with bow and arrow

How to Create the Perfect H1 Tag for SEO

If WordPress does not automatically do your H1s for you, here are some general guidelines to creating perfect h1 tags.

  • Start your site off with a strong text based (versus image wrapped) h1.
  • Keyword your title but keep it brief. Too many words will turn your customer off.
  • Write for your customer’s conversions. Make sure to pique their interest.
  • Match your title tag and your h1 for the strongest power.
H1 tag

Can h1 be an image?

The short answer is yes. Since 2016, wrapping an image in an h1 tag has become a practice some SEOs use. 

If you run across this, you’ll typically find logos wrapped in h1 tags, especially found on the home page. 

Remember, the h1 tag usually gives Google and the reader a key to what the article is about. 

Here’s a question to ask yourself: Would an image give enough information to have Google understand your page correctly?

moomba on polaroid with H1 stamps

Should you put an H1 tag on an image?

Just because you can, doesn’t always mean you should. Back in 2016, we became aware that many sites were using an H1 tag on an image file.

We were both surprised and intrigued to see many SEOs starting to use this.

It quickly became known as a super hack.  But is it really?

We decided to test it to see if you should put an H1 tag on an image.

moomba adding H1 file folders

What happens when you put an image file in an H1 tag?

There’s three theories as to why SEOs would wrap an image in an htag:

  1. As a super hack. It became known as a super hack that gave people more SEO power.  But does it really?
  2. If people couldn’t put what they wanted as an H1 title on a page, they would use the h1 image wrapping.

    They felt that adding their desired keyword phrase in the alt text might get the spider bot to consider the image H1 as the header tag.
  3. They want to hide keywords or keyword stuff to increase their onpage keyword count without affecting the visuals of the page.

In the HTML source code, the final result of an image inside h1 example would look like this:

<h1><img src=”https://yoursite.com/images/image-file.jpg” width=”350″ height=”50″ alt=”This is what the source code would look like.”></h1>

h1 in svg example:
<h1><svg height=”1.3em” width=”100%”>

  <text dy=”0.8em”>This is how your source code would look like.</text>

</svg></h1>

you shouldn't put an image in an H1 tag

Why you shouldn’t put an image in an H1 tag?

There doesn’t really seem to be a definitive answer that an image in an H1 tag is harmful for SEO when used prudently.

If your goal is long term stability, anything done in excess could have a negative consequence either now or down the road. 

It’s best to lay out your site with clear semantic headings that make sense for the search engine to understand what your content is about.

Sometimes a theme will wrap the images in an h1 by default.  As one marketer stated, developers can create amazing themes, but their brain works very differently from an SEO’s.  What’s good to a developer can tank an SEO’s site.

It is recommended you always run your site through a software like Screaming Frog to do a site audit.  This will alert you to any potential issues with h1s that you might not be expecting.

Don’t be alarmed if you see that Screaming Frog lists this as a major onpage error.  It is fine to have a couple of h1s on a page, if the design calls for it.  If it is excessive or not what you intended, it may be best to use code to clean it up.

As an alternative to Screaming Frog, you can use this free online tool to check your h1 tags.

On October 3, 2019, John Mueller said Google’s algorithm is fine with a couple h1 tags.  He stated, “Our systems don’t have a problem when it comes to multiple H1 headings on a page.”

Watch the full video here: https://youtu.be/zyqJJXWk0gk

H tags are basically meant for text not for elements

When we look at the original meaning of the header tags, we have a clearer picture of the role they were intended to play.  They are meant to describe the paragraph.  The h1 is meant to describe the topic of the entire article. 

If you look at Google’s guidelines, you’ll find the following: “avoid embedding important text in images for elements like page headings and menu items. To ensure maximum accessibility of your important text based content, keep it in regular HTML”.

moomba doing checklist

Should I Use the H1 Tag for My Website Logo?

This is best answered by first knowing the goal of a website.  If the website is very small, it might make sense to have the logo wrapped in an h1. 

You may be limited on keywords and even content.

Here’s 3 websites that use their H1 for their logo:

  • Facebook
  • W3
  • Sonos

Here’s 3 websites that do not:

  • Amazon
  • Wikipedia
  • BBC
SIA Test [Test #2] H1 Tags Around Your Images

The Results of our SIA Test [Test #2]: H1 Tags Around Your Images

Back in April, 2016 we tested if wrapping an image in a H1 makes the image become a super image.  Did we find a super secret hack?

An SEO professional called to say he has been called in by a company to consult. The company has an inhouse SEO guy that mentioned a ninja hack and was surprised that he didn’t know about it.

The hack is that you can wrap an image in an h1 and it becomes a super h1 or super image.

Since this idea has been spread across the internet, we tested it. 

We had two pages. We pitted them against each other.

For round 2, we did a multi field test where we got one super h1 against a whole bunch of other ones and the idea was to see how it fares.


Result: Round 1: The result was No, it isn’t any kind of super special hack that gives extra ranking power.

Round 2: It lost again. It is simply not a boosting factor.

While this was tested back in 2016 and needs to be retested, we think that it will remain a busted myth.

.

Was this helpful?