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 -
Moz bar not working on https://www.fitness-china.com/gym-equipment-names-pictures-prices
Moz bar not working on our website about gym equipment names https://www.fitness-china.com/gym-equipment-names-pictures-prices How long fix it?
On-Page Optimization | | ahislop5740 -
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 -
Break in H1 tag - big, small or no problem?
Hi, I've just taken on a new ski client who offers ski instructor courses. The landing page for the keyword [ski instructor courses] was created by the web agency but with no heading tags... http://www.snowrehab.com/ski-instructor-courses Subsequently they've put them in but I've noticed the H1 tag has a break in it where 'ski' is on a separate line to 'instructor courses' Is this an issue that need to be addressed? Also I can't look up the page in the Moz on-page grader - any ideas why? Many thanks! Richard
On-Page Optimization | | richardpatey0 -
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 | | SarahCollins0 -
Hey guys! I was looking at adding the H1 tag lower on the page than the H2 tag because I want the top bit to be a call to action. Is this proper practice?
Hey guys! I was looking at adding the H1 tag lower on the page than the H2 tag because I want the top bit to be a call to action. Is this proper practice?
On-Page Optimization | | Web3Marketing870 -
Can I place H1 tag anywhere on page
Hello, For those of you who use Magento you will know it is not SEO friendly. When you create a category or product, the name of the product or category then becomes the H1 tag. We sell mens business shirts. For example we have a product called 'White poplin classic fit' this is also the H1 tag, nobody is ever going to search for that term so I have had my developer create a new attribute that allows me to keep the product name as it is and let's me create a new SEO friendly H1 tag, for example 'White business shirt' However, placing 'White business shirt' on the page to be visible by the visitor does not look good on the page. My question is. Can I place the H1 tag anywhere on the page? I have some tabs like below. I am thinking of add a tab in between delivery and returns called more info and placing more seo keywords including the H1 tag in this tab. Will this be OK or will this be seen as black hat technique?
On-Page Optimization | | mullsey0 -
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
