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
-
Should we set up redirects for all deleted TAGS?
We recently found our site had 65,000 tags (yes 65K). In an effort to consolidate these we've started deleting them. MOZ is now reporting a heap of 404 errors for tag pages. These tag pages should not have links to them so not sure how come they're being crawled. Any suggestions from experience in this area would be useful.
Technical SEO | | wearehappymedia0 -
Size of image for article Schema
Hi, I implemented schema markup for an article and all tested fine and I can see it being fired in preview mode of Google Tag Manager. But when I run the URL which has it applied through Google Structured Testing tool it is not appearing. I have now read that the image needs to be a certain size. For AMP articles this appears to be 12oo pixels wide http://www.thesempost.com/google-changes-image-size-requirements-amp-articles/ But what about non-AMP articles? Does it need to be that big too?
Technical SEO | | AL123al0 -
Is Base64 encoding images in general better for SEO or worse?
We've made a lot of changes to our website (https://refreshcartridges.co.uk/) over the years, with our website developer putting a heavy emphasis on improving page loading times in general. One of the those changes has been to base64 encode or in-line the majority of images on our site which has reduced our loading times down to under a second for most of our pages for our visitors which are mainly based in the UK. My question is whether in-lining the images, thus removing the images filenames for index association results in this technique being a net-good or net-bad for our sites SEO in general, particularly on our frontpage.
Technical SEO | | ChrisHolgate0 -
Does Google read dynamic canonical tags?
Does Google recognize rel=canonical tag if loaded dynamically via javascript? Here's what we're using to load: <script> //Inject canonical link into page head if (window.location.href.indexOf("/subdirname1") != -1) { canonicalLink = window.location.href.replace("/kapiolani", ""); } if (window.location.href.indexOf("/subdirname2") != -1) { canonicalLink = window.location.href.replace("/straub", ""); } if (window.location.href.indexOf("/subdirname3") != -1) { canonicalLink = window.location.href.replace("/pali-momi", ""); } if (window.location.href.indexOf("/subdirname4") != -1) { canonicalLink = window.location.href.replace("/wilcox", ""); } if (canonicalLink != window.location.href) { var link = document.createElement('link'); link.rel = 'canonical'; link.href = canonicalLink; document.head.appendChild(link); } script>
Technical SEO | | SoulSurfer80 -
Duplicate title while setting canonical tag.
Hi Moz Fan, My websites - https://finance.rabbit.co.th/ has run financial service, So our main keywords is about "Insurance" in Thai, But today I have an issues regarding to carnonical tag. We have a link that containing by https://finance.rabbit.co.th/car-insurance?showForm=1&brand_id=9&model_id=18&car_submodel_id=30&ci_source_id=rabbit.co.th&car_year=2014 and setting canonical to this url - https://finance.rabbit.co.th/car-insurance within 5,000 items. But in this case I have an warning by site audit tools as Duplicate Page Title (Canonical), So is that possible to drop our ranking. What should we do, setting No-Index, No-Follow for all URL that begin with ? or keep them like that.
Technical SEO | | ASKHANUMANTHAILAND0 -
Create Page Titles from H1 using Yoast?
I'm working on a site that has 280 blog posts that have either been migrated from an old CMS site or created on the Dev version of the new WordPress site. We've written 280 unique meta descriptions so they don't truncate but it there a quick way I can export the current H1s and then import them into Yoast so they are set as the Page Titles? I've written unique Page Titles and meta descriptions for all the Service and Products page and just want a way to speed up the blog posts as their H1s are really good and what I would use as Page Titles anyway. Any help, greatly appreciated!
Technical SEO | | Marketing_Today0 -
The Mysterious Case of Pagination, Canonical Tags
Hey guys, My head explodes when I think of this problem. So I will leave it to you guys to find a solution... My root domain (xxx.com) runs on WordPress platform. I use Yoast SEO plugin. The next page of root domain -- page/2/ -- has been canonicalized to the same page -- page/2/ points to page/2/ for example. The page/2/ and remaining pages also have this rel tags: I have also added "noindex,follow" to page/2/ and further -- Yoast does this automatically. Note: Yoast plugin also adds canonical to page/2/...page/3/ automatically. Same is the case with category pages and tag pages. Oh, and the author pages too -- they all have self-canonicalization, rel prev & rel next tags, and have been "noindex, followed." Problem: Am I doing this the way it should be done? I asked a Google Webmaster employee on rel next and prev tags, and this is what she said: "We do not recommend noindexing later pages, nor rel="canonical"izing everything to the first page." (My bad, last year I was canonicalizing pages to first page). One of the popular blog, a competitor, uses none of these tags. Yet they rank higher. Others following this format have been hit with every kind of Google algorithm I could think of. I want to leave it to Google to decide what's better, but then again, Yoast SEO plugin rules my blog -- okay, let's say I am a bad coder. Any help, suggestions, and thoughts are highly appreciated. 🙂 Update 1: Paginated pages -- including category pages and tag pages -- have unique snippets; no full-length posts. Thought I'd make that clear.
Technical SEO | | sidstar0 -
How do I fix the h1 tag?
No More Than One H1 Tag Easy fix <dl> <dt>Number of H1s</dt> <dd>2</dd> <dt>Explanation</dt> <dd>Best practices for both SEO and accessibility require only a single H1 tag. The H1 is meant to be the page's headline, and thus, multiple H1s are confusing. Consider employing H2, H3 or CSS styles to achieve the same results with text visualization.</dd> <dt>Recommendation</dt> <dd>Remove multiple instances of the H1 tag, so that only one exists on the page.</dd> <dd>I get this error yet it does not tell me how to fix it. I'm not even sure what the H1 tag is?
Technical SEO | | 678648631264
</dd> </dl>0