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?
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
-
Is using a H1 tag in a logo image bad for SEO?
We have brand logos on certain pages that have H1 tags in them - the H1 text being the brand's name, as this is what we'd want the title of the page to be. The logos are at the top of the page instead of a written title. But is this the best option for SEO? Do search engines value H1 tags in images as highly as a standard H1 tag?Would it be better for SEO to add an alt tag to the logo and add a separate H1 tag on the page that's also the name of the brand?
On-Page Optimization | | DVLighting0 -
Optimizing images and more for page speed
Hey everyone! I run a comparison/affiliate site for men's clothing. On the side of that, I have a Squarespace site for inspiration, articles and outfit pictures. I've tried to optimize site speed for the Squarespace site without much success. I've run all pictures trough JPEGmini to decrease file size but it doesn't seem to be enough. Below I attached the result I got when I run one of the pages trough Lighthouse and GTmetrix. Do you have recommendations of what I can do to improve the results? Is it a good idea to use next-gen formats for pictures as Google suggests as an example? Kind regards,
On-Page Optimization | | JonastriesSEO
Jonas XU131T0.png sPD3w13.png1 -
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 | | Originaladam0 -
How to write an optimal h1?
I am working on optimizing the content on my site and am currently reviewing my h1s and seeing how they can be improved. What is the exact purpose of the h1 and how should it differ from the meta title?We sell clothing apparel on my site. So for example- my meta title for women's printed tops category is- Printed tops for women I Patterned Shirts & Tunics I Company Name. How should my h1 differ from this? Thanks.
On-Page Optimization | | whiteonlySEO0 -
I still don't understand how rel=canonical works. Help?
So here's the deal. I write for many different outlets. I also have many different pages on my blog that have duplicates (authorized, of course). On my blog, I have many different pages that redirect to "the original" content. I've only recently discovered the existence of rel=canonical. However I don't understand how it works. I have very specific questions. Can anyone help? If, on my blog, I have a blog post that's the original. And another website has the same content, used with authorization. If I want to tell search engines that the original content is on MY blog, what can I do? Is the only solution to ask the owner of the other blog to add a rel=canonical in the header of the specific post? If, on my blog, I have a blog post that's NOT the original. Do I simply add rel=canonical to the header, then add a link to the original in the body? If, on my blog, I have THE FIRST 300 WORDS of a blog post, then add a link saying "to read the whole article, click here" with a link pointing to the original, do I need to have a rel=canonical tag somewhere? Does it HAVE to be in the header? Can rel=canonical be used in the - What penalties are included with having duplicate content of my work everywhere on the web? I've been trying to find specifics, but can't. Thanks for the help. I'm quite confused, as you can see.
On-Page Optimization | | cedriklizotte0 -
H1 Tag on Homepage
The name of our company is LEDSupply; our tag line is: "For All Your LED Project Needs!". Currently the H1 Tag for our homepage is LEDSupply: For All Your LED Project Needs - Low Prices, Big Bulk Discounts & Free Shipping My questions is should I break out everything but the tag line so the new H1 tag is: LEDSupply: For All Your LED Project Needs! Which is better in your opinion? Here is a link to our homepage: http://www.ledsupply.com/ Thanks! -Brooke
On-Page Optimization | | saultienut0 -
Nofollow images to sculpt internal anchor tags
One of my client tags image-links with nofollow if those links are before a regular HTML link in the source code, e.g.:
On-Page Optimization | | Sebes
.
.
.
Check our page aboutreally cool shoes. They do this to "better pass anchor tags" to the page /page-about-shoes.html. My question: Is this a good practice to do? Thanks Sebes0 -
How can I stop google reading a certain section of text with my H1 tag?
Hey Mozzers, I'm wondering if anybody knows of a way that I can stop google reading a certain part of text within my H1 texts? My issue is that I have individual office pages on my site, but many offices are based in the same city; such as 'London'. I want to keep London within the H1 tag for user experience but I do not want it to be picked up by the search engines and start a canonical issue. I've seen some people say to use document.write or use an image. Does anybody know of a correct way of doing this? Many Thanks.
On-Page Optimization | | Lakeside0