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.
Do images work as a H1
-
Is a h1 tag wrapped image with a optimized alt tag as effective as text wrapped in a h1 tag?
-
I agree 100% with what Theo is saying. The use of CSS to replace images has gotten to a point (from a purely aesthetic standpoint) that you cant tell the difference anymore. It is effective and considered best practice to use text when possible. It compounds your pages SEO weight and can edge out your competition if they are using images as opposed to CSS to render text in its place. Style Sheets RULE!
-
UX: if the image is missing for some reason, the Alt Text will be formatted as H1 and have to fit inside the image area. Not a pretty picture at all.
-
Really interesting that you ask this as I have just recently been researching on this exact same thing. A website where we had 4 H1 tags on homepage (not a good thing!) needed to change - to keep it to just 1. I did not want to introduce new keyword phrase and I struggled to find an existing keyword/title phrase that I could wrap the H1 with. For a sometime I was considering making the logo as H1 as the logo images ALT had the websites main keywords in it but from research and non-scientific test on a dummy site, I found that its not very affective at all.
To some extent, the effect is like an image backlink - Google does not greatly value the ALT of the image that is linking to you, as it would, had the backlink been from a text link with anchor text.
-
Most crawlers that I've used has not recognised the H1 tag wrapped in Alt text used on one of our sites. Once we have used the normal H1 tag we have seen a good increase in one of the keywords we have tried to rank for a while.
-
The functional purpose of H1 tags is to identify sections of text so CSS formatting can easily be applied such as text size, bold, font, etc. Those text modifiers don't apply to images.
I checked and enclosing an image within a H1 tag is actually valid HTML as per the W3C standards.
I doubt this idea has ever been tested to see if the alt tag was given any increased importance because it was contained in a H1 tag. I would not believe it would as the entire point is bold or enlarged text increases visibility, whereas ALT text is not visible to most readers.
This is an instance where you are making a change that does not benefit users in an effort to manipulate search rankings. I wouldn't suggest it as helpful.
-
No. Actual text is slightly more effective than an image alt text. You might want to have a look at CSS image replacement techniques?
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
-
Responsive images srcset
Is delivering scaled images using srcset a good idea? Thinking of delivering one image size to Mobile and another to Desktop. How can I do this for all browsers? Thanks Mike
On-Page Optimization | | henandstag2 -
Multiple H1 tags on Squarespace blog page?
Hi All, I use Squarespace and while running my site (https://www.growmassagebusiness.com) through programs am seeing that my blog posts are being seen as one page with multiple H1 tags. I read through the SS help desk and found back in 2015 someone wrote that it's not a bit deal b/c of HTML5 and that the search engines will read each blog post as a sub-page. I'm not so sure about that and wondering what the experts think? If that is screwy then I'm considering possibly making each blog post it's own page rather than using their blog posting format.
On-Page Optimization | | rajam0 -
Page Title versus H1 title
What's the difference between the Page Title and the H1 title? It seems like both summarize the page. Is it a wasted opportunity to make them the same? Should they be similar but slightly different?
On-Page Optimization | | amybethmegjo1 -
Background Images and ALT text
We pretty much exclusively use background images for our sites. How do I add in alt text? I tried a Google search for this issue and the best answer I could find was "Use the 'title' tag in the containing div", but that was from 2010. Is there a better way to do it? And no, we're not going to switch to using standard images, because background images are way more slick for UX.
On-Page Optimization | | MichaelGregory0 -
Alt Tags on multiple product images
Hi I work on SEO for an ecommerce site and wanted to find out how important it is to optimise all images with alt tags. We have alt tags in place, however have not optimised descriptions for the following example images: Front of cupboard Back of cupboard Side of cupboard etc Is this dangerous for SEO if these images all have the same alt tag? We have thousands of products so it would be a huge job to update these, but if it's crucial for SEO we can work through our priorities. Thank you!
On-Page Optimization | | BeckyKey0 -
How will it effect SEO to have multiple h1 tags on a page?
I have a client who recieved this advice from his marketing consultant: "If there are multiple h1 tags on a page, this can confuse Google and it may have a negative impact on the keyword rankings. If you could ask your web developer to go in and remove the h1 tags on the header images that would be helpful. This way it will be easier for Google to index your site and will help your keyword rankings." How will it effect SEO to have multiple h1 tags on a page?
On-Page Optimization | | GRIP-SEO0 -
Will Google penalize my website if I hide the H1 tag?
If I hide H1 tag (title on the homepage) with CSS, how Google handle with my site?
On-Page Optimization | | joeko0 -
Image titles and alt tags for multiple images
I'm hoping some of you may be able to help me understand the best way to optimize my image titles and alt tags for a specific situation. I'm working on an interior design website and they have hundreds of pictures. each of their projects has about 10 pictures. Is it best for me to us the key phrase in each title and tag? or is that to repetitive? here is what I mean: A project called "urban interior design" all images are of urban interior design, just different angles and features, so my initial idea is to just have each image title like this: Title: "urban interior design dinning area" Alt: "urban interior design dinning area view" Title: "urban interior design living room" Alt:"urban interior design living room couch view" Is this the best way or will it actually hurt my ranking with too much exact keyword use? Thanks for your help!
On-Page Optimization | | TBSEO0