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!
- topic:timeago_earlier,2 months
-
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
-
Logo Image H1 Tag SquareSpace
We have a site hosted on SquareSpace: Roomhance.com Going through the on-page optimizaton tool, we noticed that the H1 tags weren't fully optimized. If you click on view source on the page, it shows 2 H1 tags on the home page: id="logoImage"><a <span="" class="html-attribute-name">href</a><a <span="" class="html-attribute-name">="</a>/">src="//static1.squarespace.com/static/5bcca055ab1a62465f5b9ee7/t/5c18feb270a6adf771765799/1588613682225/?format=1500w" alt="Virtual Staging For Real Estate | Roomhance" /> style="text-align:center;white-space:pre-wrap;">Virtual Staging The 2nd one shown above it the H1 tag we want. I'm wondering if the H1 tag in the logo image is hurting us for SEO? Can't figure out how to modify it in SquareSpace.
On-Page Optimization | May 5, 2020, 1:23 AM | vikasnwu0 -
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 | Jun 27, 2019, 7:46 AM | henandstag2 -
How to get a mobile thumbnail image next to the search result?
Hey! I noticed the last few months that a lot of google searches now show an image next to your result when on mobile. i managed to get my listing to show an image before but I made some changes to the image and site and can’t seem to get Google to ahow the new image (or any image). I’ve added the image to schema mark up and still no luck. Wouod ahyone have any advice on how to get the image picked up, or st least help increase the odds? The site is https://tourstoniagarafalls.com and you can see it on search (for me it shows on the bottom of page 1) for the keyword “Niagara Falls tours“. Thanks again!
On-Page Optimization | Oct 19, 2018, 3:35 PM | Originaladam0 -
Issues with Multiple H1 tags on homepage?
Hi folks, My homepage has 3 identical H1 tags due to the fact that I have had to create individual hero images (with headings) for desktop, tablet and mobile. I couldn't get my theme to display the layout in exactly the way I wanted on each device without doing a specific hero image and tag for each device type. Does this have a major impact on my SEO? Thanks,
On-Page Optimization | Feb 11, 2018, 8:48 AM | Veevlimike
Mike.0 -
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 | Feb 17, 2016, 8:43 PM | MichaelGregory0 -
NOINDEX, FOLLOW on product page - how about images indexing?
Hi, Since we have a lot of similar products with duplicate descriptions, I decided to NOINDEX, FOLLOW most of these different variants which have duplicate content. However, I guess it would be useful in marketing terms if Google image search still listed the images of the products in image search. How does the image search of Google actually work - does it read the NOINDEX on the product page and therefore skip the image also or is the image search completely dependent on the ALT tag of any image found on our site? Thanks!
On-Page Optimization | Jan 22, 2015, 3:23 PM | speedbird12290 -
SEO Location Pages - ALT Image Tag Question
Hello Guru's, I have a Hire Website whereby you can rent products online. I have created different Location pages for these which are in essence the same pages page but with different location specific urls, title tags , on page content etc etc. This helps me to rank for local search. These location pages also display 20 products per page. My question is Should I make the ALT IMAGE TEXT location specific for each of the 20 products . Example - Steam Cleaner Rental in "location" or should I only amend a few of the Atl Image Texts to be location specific. I don't want to come accross as spammy in google eyes but I also don't want to be seen as having duplicate content , images etc etc What do you think ? thanks Sarah.
On-Page Optimization | Feb 22, 2013, 3:27 PM | SarahCollins0 -
What should I put in the image ALT and title text for blogger?
Hello, I wanted to know what should I put in the image ALT and title text for blogger. I've read so many damn articles about ALT text and Title text for blogger; nothing explained what I put in it though. What am I supposed to put in it that will help me with my on page optimization? (Stuff like do I use spaces or dashes, do I put my keyword in there, how many characters should I not exceed, do I put one word or two words?) If I have a picture of a backpack, what should the alt text be? What if I have 10 different pictures of backpacks on 1 page? How about if I had a backpack next to a tv in an image? A specific answer or a detailed one is nice!
On-Page Optimization | Jun 28, 2012, 12:02 AM | 6786486312640