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
-
Will skipping <H> tags affect your SEO?
Will skipping <H> tags on a page have any impact on your SEO, e.g. skipping a <H2> so your page has a <H1> and then goes to a <H3>? Obviously a page must have a <H1>, but does it matter if you skip other headings?
Technical SEO | | ciehmoz0 -
Adding Schema and No index tags via GTM
If we were to deploy schema and noindex tags to our website via Google tag manager, would these tags be viewed and respected by other search engines?
Technical SEO | | GregLB0 -
Why images are not getting indexed and showing in Google webmaster
Hi, I would like to ask why our website images not indexing in Google. I have shared the following screenshot of the search console. https://www.screencast.com/t/yKoCBT6Q8Upw Last week (Friday 14 Sept 2018) it was showing 23.5K out 31K were submitted and indexed by Google. But now, it is showing only 1K 😞 Can you please let me know why might this happen, why images are not getting indexed and showing in Google webmaster.
Technical SEO | | 21centuryweb0 -
Images, CSS and Javascript on subdomain or external website
Hi guy's, I came across webshops that put images, CSS and Javascript on different websites or subdomains. Does this boost SEO results? On our Wordpress webshop all the sourcescodes are placed after our own domainname: www.ourdomainname.com/wp-includes/js/jquery/jquery.js?ver=1.11.3'
Technical SEO | | Happy-SEO
www.ourdomainname.com/wp-content/uploads/2015/09/example.jpg Examples of other website: Website 1:
https://www.zalando.nl/heren-home/ Sourcecode:
https://secure-i3.ztat.net//camp/03/d5/1a0168ac81f2ffb010803d108221.jpg
https://secure-media.ztat.net/media/cms/adproduct/ad-product.min.css?_=1447764579000 Website 2:
https://www.bol.com/nl/index.html Sourcecode:
https://s.s-bol.com/nl/static/css/main/webselfservice.1358897755.css
//s.s-bol.com/nl/upload/images/logos/bol-logo-500500.jpg Website 3:
http://www.wehkamp.nl/ Sourcecode:
https://static.wehkamp.nl/assets/styles/themes/wehkamp.color.min.css?v=f47bf1
http://assets.wehkamp.com/i/wehkamp/350-450-layer-SDD-wk51-v3.jpg0 -
ADA, WCAG, Section 508 Accessibility and hidden text
I am working on fixing accessibility issues on client's site, and they have contracted with a vendor who provides both tools to monitor the site and consulting to help us fix issues that are found. When there are spatial relationships between elements on a page that would be not be evident to someone listening via a screen reader, a strategy that they recommended to us to is to add text helpers that are not visible, but still read by the screen readers. An example: Directions to our Fifth Avenue Store I have seen this technique used on a major brand site but I am concerned that their brand strength insulates them from a hidden text penalty far more than my client's brand would. Also, their implementation uses class names like "ada_hidden" which may help search engines understand the intent, or may not at all. I am looking for opinions regarding the use of this technique. Normally I wouldn't use it for risk of penalty, but here the intent is to improve the user experience of the pages. Anyone used similar techniques for ADA/WCAG, or solved the problem in a more SEO-friendly way? Thanks, Will
Technical SEO | | WillW0 -
Setting title tag with javascript/jquery
Hi there, I'm looking for some advice. I've recently implemented a few jQuery functions which gets specific content from the page and then sets the title and description. See working example here. It seems to work fine but my question I have is whether Google bots can read it and whether it might actually hinder my SEO efforts? Any advice would be really appreciated! Peter
Technical SEO | | peterallen0 -
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 -
Use of Meta Tag - MSSmartTagsPreventParsing
We've inherited some sites from another developer that had the following tag: All references I can find to it are from 2004. What is the purpose and is it worth including in pages/sites we build?
Technical SEO | | wcksmith0