Moz Q&A is closed.
After more than 13 years, and tens of thousands of questions, Moz Q&A closed on 12th December 2024. Whilst we’re not completely removing the content - many posts will still be possible to view - we have locked both new posts and new replies. More details here.
Hidden H1 Tag on Image
-
Hi,
In the page I'm working on, I encountered an
tag in an image, rather than in a text form.
Do you think it's an issue when it comes to SEO?
What do you suggest I should do if there is an issue?Keen to hear from you!
-
Short answer; I think you can get more value from an H1 tag, so its a small SEO issue.
However, it really depends what image you're talking about. Is this just a logo? If so it doesn't adequately describe page content in a way that people or search engines can understand. Regardless, putting that image in an H1 tag does nothing for the image.
H tags should display a hierarchy. As James mentions above, H1 tags should contain an editorial description of the page; a headline, this is best for usability (which trickles down to SEO impact).
Anecdotally I've found keywords in H1 tags to have greater sway over page relevance than keywords in body copy. They are certainly one of the areas I pay more attention to. Despite that, it's not unusual to find logos in H1 tags, especially on homepages. But I'd encourage you to consider putting that H1 tag around a keyword optimised mission statement/heading on your homepage instead. The logo can remain visually as prominent. Ranking for your companies name is rarely hard so why have the code focus on that?
What about standards? Well interstingly w3c uses img in an H1 tag. With an alt tag of "w3c". That will be machine readable, but not very helpful as a page heading. Then again w3c goes on to use h1 tag for its page titles as well thus committing the sin of multiple H1 tags. Only thing of relevance they say is that you can include HTML in an H1 tag, so one option is an image and text.
In summary;
- one H1 tag per page
- the right place in the hierarchy (with h2 etc)
- keyword optimised but not spammy/stuffy (for deeper pages consider long tail kewords)
- Short, descriptive and engaging text*
*for example mission statements should say who the website represents, what they do and why they're special. Ideally in less than 20 words; think snappy newspaper headline. Answer user intent!
-
It's an issue in that it's not correct.
A "header tag" is always text based. They are used to determine, to search engines, what a page is about. The search engines can't really "see" images in the traditional sense so this application is incorrect.
A lot of designers mistakenly wrap the logo in a H1 tag and call it a day. I call it out in audits all the time. It's just not correct or the best practice. It will have no effect for SEO or for image optimization in that format.
Your goal is always to communicate to users (and Google) what the page is about. The proper application of H1 tags is part of that process.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
Can a H1 Tag Have Multiple Spans Within It?
H1 tags on my client's website follow the template [Service] + [Location]. These two have their own span, meaning there are two spans in an H1 tag. class="what">Truck Repair near class="where">California, CA How do crawl bots see this? Is that okay for SEO?
Technical SEO | | kevinpark1910 -
Brand name as H1 on every page
Hi, Along with the title of each page, a Wordpress client has their brand name as a H1 on every single page. This is situated in the footer and just sits within the company info/address. Should these tags be removed, leaving just the page titles as H1s? Cheers, Lewis
Technical SEO | | PeaSoupDigital0 -
Loading images below the fold? Impact on SEO
I got this from my developers. Does anyone know if this will be a SEO issue? We hope to lazy-load images below the fold where possible, to increase render speed - are you aware of any potential issues with this approach from an SEO point of view?
Technical SEO | | KatherineWatierOng1 -
Special Characters in Title Tags & Meta Descriptions
Do special characters, such as the "&" symbol or a "," in title tags and meta descriptions negatively affect your ranking in search engines? Any feedback is much appreciated. Thank you!
Technical SEO | | ZAG1 -
Does image domain name matter when using a CDN?
Has anyone does studies on using a different CDN domain name for images on a site? Here is an example:
Technical SEO | | findwell
or
http://cdn.mydomain.com/image.jpg>
mydomain.com ranks highly and many images show up in Google/Bing image searches. Is there any actual data that says that using your real domain name for the CDN has benefits versus the default domain name provided by the CDN provider? On the surface, it feels like it would, but I haven't experimented with it.
0 -
Hiding H1 with background colour
Will the H1 tag be visible to the bot if it is hidden from the human eyes using background color. Will Google penalize my website if I hide the H1 tag using the background color so it is visible to the search engine bot but not visible to the human eye. If I place the H1 tag in the footer (front-end location) for the human eye but at the top of the page in HTML for the bots, will the search bot still consider this as the H1 tag and rank it accordingly Finally will you categorize this under blackhat ( I think it is not too sure)
Technical SEO | | YvonneMartin0 -
Replace Header Text With Image
I have a static website that I would like to retheme. I have the mockup, and its spliced. The website holds nice rankings right now, and I want to keep them in place. The one thing that will change with this new design is the header will no longer be text, but instead an image. Is there a way to ensure googlebot still sees the H1 tag header exactly how it is now but use an image for the header instead? I dont want any blackhat tricks that will get me banned. Just wondering if there is a simple way to have googlebot see the header as text (not ALT img txt) so the site does not appear to have changed at all. (It hasnt, I only am changing the graphics and colors of background, and header image for better branding.
Technical SEO | | getbigyadig0 -
Page with h1 and h1 class=
Hi, If a page in the source code has boht following elements: class="blogg_rubrik">TITLE OF THE PAGE Is that bad for SEO, since the first H1 is empty? Shouldn't a page use only one H1?
Technical SEO | | Ypsilon0