Image alt attribute vs. plain text in link?
-
I'm building a product category browsing page for a high-falutin' jewelry retailer where we display only product photos linking to individual product pages, without any text in the links.
From an SEO and link-juice-passing perspective, is it most effective to embed the product titles as the alt attribute in each image, or to leave alt="" and use text substitutions (i.e. an inner which is css'd to display: none) within the <a>to help search engines accept my product titles as the link text with the most credibility?</a>
-
Nope. Sorry. Google can crawl CSS, so anything you do to hide text (z-index, position:relative, etc) is easily detectable (Google can even parse javascript).
Now, sometimes you can get away with such things, like in a drop down menu for example. But if you do it, be sure to use the standards from a site that is well indexed.
You're right, I was looking at that to... hahaha. From my experience though, It's better to have one link.. maybe not much better, but at least a little bit.
Does this help Jonathan?
-
It's interesting to note that Etsy (your example) uses the second option.
What do you think of absolutely positioning the image over the text, so that the text is only visible until obscured by the image as it loads? I don't mind that, and it would allow me to sneak in some decent anchor text past the client's visual look-and-feel regime...
-
Great question. I recently worked on a site with exact same layout, and I chose the first one.
I think it's better for users because they won't have to 'think' about which one they should they click. It's also a bit easier to maintain, so you can focus resources elsewhere.
-
Can I do:
Or will having the alt text and the plain text both in the contents of the same link pollute its keyword focus? Would it be better to do something like:
And then 301 or rel=canonical the two PHP targets to the same page? (I understand that if both links point to the same URL, Google will ignore the second one on the page, considering it a duplicate.)
-
Hey Jonathan,
Chris is right. I strongly recommend:
-
use the alt tag (and don't hide text)
-
use text links along with the images
A great example is http://www.etsy.com/category/jewelry
(except they didn't name the images very well)Does this help?
-
-
I agree.... I would go to these high-falutin' folks and tell them that a little text on the page is a good thing.
As Chris suggests I would name the images and create alt attributes for appropriate keywords.
-
I would be very careful about using the display: none route. Hidden text is considered a no no. If you can't convince the client of the importance of link text then go with the alt tag. I would also name the image files to reflect the anchor text I would like to use.
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
-
ECommerce Website Internal Links
We run an ecommerce website... approx 8K products. When using the page grader, MOZ tools consistently tell me that I have too many Internal Links on the page.
On-Page Optimization | | Ampweb
These are caused from our fairly large menu system, and probably from the sub-category links on the category landing pages as well. I was reading an article that mentioned a no-follow on these Internal links would not really solve the "Too many internal links issue", so wanted to check if anyone has ideas or should I just dis-regard this MOZ suggestion that there are too many in this type of environment?0 -
Author snippet image in results, question!
Hi, Quick question really, I can see how a Google+ profile picture showing up in the results can increase CTR and even trust but would this be a no no for a normal website? I mean if you had a website which offered personal training, so a brand rather than an individual would you not use this snippet? I've seen some website, even ecommerce sites using this tag to just increase their CTR.
On-Page Optimization | | Bondara0 -
Impact of nofollow links
Does anyone know what the impact of a nofollowed link is on the ranking value any given page has to distribute? For example, if I have 2 links on a page, both followed, I know those links each distribute nearly 50% of the total ranking value the current page has to offer. However, if one of those links is nofollowed, does that automatically mean the other link gets the ranking value cast off by the nofollowed link? In other words, the single followed link now distributes nearly 100% of the ranking value the page has to offer? It seems to me I remember hearing this was not the case and that the ranking value a nofollowed link would have if it were followed just evaporates. This would mean the single followed link still only passes on around 50%...not 100%. Is the effect different if the links are internal vs. external? If any citations are available to justify knowledge here, that would be great. I know a lot of people have opinions about this subject, but I'm not sure anyone knows Google's position. Thanks!
On-Page Optimization | | RyanOD0 -
Too Many On-Page Links Reported By SEOmoz
Hi, I recently did run a crawl report for my blog dapazze.com, and found that SEOmoz is reporting many pages on my blog having more than 100 internal links. I opened OSE, and made a search for one of my pages which was reported to contain more than 100 links. And I found it to contain 464 internal links. Here is the link: http://www.opensiteexplorer.org/links?page=1&site=dapazze.com%2F2012%2F10%2Fwin-a-commentluv-premium-single-site-and-multi-site-license-worth-about-154-giveaway-of-october%2F&sort=page_authority&filter=&source=internal&target=page&group=0 Please have a look at it. I have chosen - Show "All" links from "only internal" pages to "this page" option in OSE, which reports me this. I see almost every page in my blog linking to every page. This is not the problem for me. I have also tried to make a search for some popular bloggers, like ProBlogger.net, ShoutMeLoud.com, HellBoundBloggers.com, etc, and all of them have the same problem. Should I be worrying about this problem? What is the problem actually?
On-Page Optimization | | rahulchowdhury0 -
I have a client where every page has over 100 links
Some links are in the main navigation (it has a secondary and tertiary level) and some links are repeated in the left navigation. Every page has over 100 links if crawled. From a practical standpoint, would you (a) delete the 3rd-level links (or at least argue for that) or (b) rel='nofollow' them? From a usability standpoint, this setup works as they are almost one click from everything. From a crawl standpoint, I see some pages missed in google (the sitemap has over 200 links). Looking for the best on-page current SEO advice to set these guys on the road to success.
On-Page Optimization | | digimech0 -
Any opinions about the common anchor text?
Hey guys so I was reviewing my website to make sure there are no exact anchor texts repeated throughout the site. But I was wondering what are your thoughts about the common (and useless) anchor text like "read more", "learn more", "see more information", "contact us", and things of that nature. These are usually repeated across the majority of sites out there, how does Google differentiate between over optimized anchor text and these common anchor texts?
On-Page Optimization | | nrv0 -
Should I include my help desk link?
My website has a link to our help desk. I was considering a 'do not follow' since I don't think it should be included. However, are there any benefits to including it since there are A LOT of articles and pages on our help desk (though it's aimed at our curent customers, not new or potential customers)?
On-Page Optimization | | flightoffice0