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
-
Multiple H1s and Header Tags in Hero/Banner Images
I work on education websites, and our sites are being flagged by SEO and accessibility checkers for having multiple H1s. The home pages have the site name as an h3 in the hero image, and an aspirational headline (think: Be Like Mike) as an H1. The sub-pages have two H1s: one on the site name in the banner image, and the other on the page title. Note that the site name is very keyword-rich. If we were to remove the H1 and H3 tags from the hero/banner images, would it do any SEO harm? At the same time, we’d rewrite the H1 on the home page to be more keyword-focused. Any other options? I also read that it’s OK to have multiple H1s as long as it’s clear which H1 belongs to the heading area and which one belongs to the body area of the page. Thanks in advance!
On-Page Optimization | | UWPCE0 -
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 | | vikasnwu0 -
SEO Implications of using Images for Article Titles
Hi guys! New to Moz Pro. I just recently completed an online course with Moz... I have a client who is writing some new content for their site, and we are approaching it with SEO in mind. I was wondering about using an image with text on it as the article title, instead of an actual "text on the page" title. Wondering if that's going to "cost" us anything, SEO wise. I guess we could use alt-text/title/description fields to make sure the keywords are crawlable for our article title but do they have less "weight" than a standard title? How does that work? Hope my question makes sense. Article header attached mB0PXsA.jpg
On-Page Optimization | | JakeWarren1 -
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 -
Should I watermark my product images
I am in the process of creating new images for my products to use on my website. Are there any advantages or disadvantages of watermarking each image? Is there an SEO impact good or bad? I am aware that filename and Alt tags are important, but am unsure if google dislikes watermarked images.
On-Page Optimization | | BipSum1 -
Is it ok to use the H1 tag for bullet points?
Our search results page doesn't have a typical H1 tag because adding a true header would take up space unnecessarily. Therefore, we've assigned the h1 tag to be the breadcrumb. As filters are applied, the breadcrumb grows to include these filters. This breadcrumb is coded as bullet points, even though they're not the typical style of bullet points. Here's a screenshot: http://screencast.com/t/AjGC9iAYR3 For example, the breadcrumb: Home >> NYC Social Media Classes >> Adult >> Manhattan is currently coded as: | |
On-Page Optimization | | mevseo
| | * class="first"><a <span="">href</a><a <span="">="</a>/">Home |
| | * <a <span="">href</a><a <span="">="</a>/nyc/classes/social-media/age-adults/neighborhood-manhattan" class="Selected">Search results |
| | |
| | |
| | id="cat_social-media" type="checkbox" checked onclick="setCategory('social-media')" /> |
| | # style="font-size: 12px; display: inline;">NYC Social Media Classes |
| | <label <span="">for</label>="cat_social-media"> |
| | |
| | |
| | |
| | <nobr>id="age_adults" type="checkbox" checked onclick="setAge('adults')" /><label <span="">for</label>="age_adults">Adults</nobr> |
| | |
| | |
| | <nobr>id="nbhd_manhattan" type="checkbox" checked onclick="setNeighborhood('manhattan')" /><label <span="">for</label>="nbhd_manhattan">Manhattan</nobr> |
| | |
| | | Right now that H1 tag just relates to 'NYC Social media classes', but we'd like to expand it to include both 'Manhattan' & 'Adults' - would that be ok? And if so, would it be better to put the tag before and after the tag?0 -
Sequence of heading tags (H1, H2, H3, etc) important?
Meaning heading tags (H1, H2, H3, etc) are a critical part of good on-page optimisation. Fair enough. It helps humans and bots make sense of a page's content. 3 questions regarding implementation of heading tags: Should heading tags appear in sequence in the HTML code. I.e. H1 first, then H2 lower down, etc.? Can the page contain more than one H1 tag? Can the page contain multiple H2, H3, H4 tags?
On-Page Optimization | | AndreVanKets1 -
Image file name, is it important
If I use the same image all over my site, do I need to change the file name to avoid duplicate? Different alt text will be use on those images
On-Page Optimization | | BigBlaze2050