Mobile app version of vmapp.org
Login or Join
Michele947

: H1 Tag on Logo in Header So I have a theme that has my Logo as an H1. The logo itself is an SVG file. I am curious if this is bad practice for SEO purposes. My audit shows 2 H1 tags

@Michele947

Posted in: #Heading #Seo

So I have a theme that has my Logo as an H1. The logo itself is an SVG file. I am curious if this is bad practice for SEO purposes. My audit shows 2 H1 tags on my pages due to this and I am curious if I should take out the H1 tag from my logo in my header now. I feel like it wouldn't make too much sense to leave it there since my logo is not text based.

Here is how the code sits:

<h1 class="logo-collapse">
<a href="https://example.com/" title="My Brand Name" class="logo">
<img src="https://example.com/path/to/logo/logo.svg" alt="My Brand Name" width="150"height="55">
</a>
</h1>

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Michele947

2 Comments

Sorted by latest first Latest Oldest Best

 

@Sarah324

The H1 tag for logo is a valid option only if you want to make the logo of some text otherwise you can simply change the css and seperate the h1 tag from it and put DIV tag in it so the alignment is not hampered.

for example:

<div class="logo-collapse">
<a href="https://example.com/" title="My Brand Name" class="logo">
<img src="https://example.com/path/to/logo/logo.svg" alt="My Brand Name" width="150"height="55">
</a>
</div>


as you logo is a svg file it has nothing to do with a H1 tag you can change it.

10% popularity Vote Up Vote Down


 

@Annie201

The H1 tag needs to contain a phrase of some sorts that directly indicates to the user in text what the webpage is about.

Without this text, robots will have a hard time understanding the page, and as a result, it won't be indexed properly. In fact, it might not be indexed at all depending on the search engine you expect to have the page indexed with if any.

What I would do is have the logo image separate from H1, or if you need the text as part of the logo, you can use CSS.

Here's an example on a valid use of H1.

<h1>Some corporation</h1>
<a href="logoinfo.htm">
<img src="someimage.jpg" width=100 height=100>
</a>
<p>This is a page about some corporation.</p>

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme