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
-
Can Javascript Links Be Used to Reduce Links per Page?
We are trying to reduce the number of links per page, so for the low-value footer links we are considering coding them as javascript links. We realize Google can read java, but the goal is to reduce level of importance assigned to those internal links. Would this be a valid approach? So the question is would converting low-value footer links to js like below help reduce the number of links per page in google's eyes even though we're reasonably sure they can read javascript. <a <span="" class="html-tag">href</a><a <span="" class="html-tag">="</a><a class="html-attribute-value html-external-link" target="_blank">javascript:void(0);</a>" data-footer-link="/about/about">About Us
On-Page Optimization | | Jay-T0 -
Link to social network
I have very powerfull social network but i do not link to them from my website to improve page speed and avoid external links on main page. Althought i do link from my twitter acounts , facebook and google to my site. Should i link to my twitter or social on main page. I do not want to send people to there. I want to send people from there to my page.
On-Page Optimization | | maestrosonrisas0 -
Cornerstone Page And Outbound Links
I have a cornerstone page and 10 related articles that all have links to the cornerstone page. My question is, should the cornerstone page link back to those 10 articles as well or will it lose juice by doing so? Thanks in advance 😉
On-Page Optimization | | Humanovation0 -
Internal Linking
I am trying to figure out internal linking. Please help me. Your "root domain" (the top level example.com) is the easiest to rank on a SERP. When you build Page Rank on this page, you want to make sure the majority of the PR goes into internal pages that matter. To do this you determine what internal pages are most important and put them on the menu bar. You then link to these pages in the body text, or via side bars. This will ensure that the PR is flowing from the root domain into the internal pages multiple times. The second part is to link from these secondary pages back to the main page. Correct? When you build back links on the internal page, you want to pass the PR back to the main page... Please discuss this...
On-Page Optimization | | JML11790 -
Homepage vs. Product page competition
I think my homepage and basic product listing page may be competing.. We have a very old domain with lots of links w/ generic anchor text ( click here, etc. ) That page is http://mybrand.com which Google ranks for our "widgets" search term. We have a page http://ourbrand.com/widgets that lists the 5 or 6 basic widgets we sell. This page is indexed also, but doesn't have nearly as many links since it is new compared to the age of the domain. After reading this.. http://www.seomoz.org/blog/how-to-solve-keyword-cannibalization I I'm not really sure I can remove all "widgets" links from our homepage, since that's a core part of our site's menu / hierarchy. So maybe my best effort would be to reorganize the page so that the homepage focuses on Our Brand Name Widgets .. and let the product page focus on the widgets keyword. Is having those two pages serve to represent those two separate but similar keywords feasible? Thoughts?
On-Page Optimization | | minutiae0 -
What is html text?
I am using the "page attributes" tool for a guideline for what I am filling in on each page of my website. I feel like I've done my homework on this, but I can't figure out what "html text" is. URL Page Title Meta Description Meta Keywords H1 H2 **HTML Text ** ... not sure what to put here, how long it should be, what it's purpose is, etc. Any SEOMoz links helping me figure that out? I'm not finding it in the "Basics of Search Engine Design" article posted here on SEOMoz.
On-Page Optimization | | amandahx20 -
CSS background images weight impact
Hi,
On-Page Optimization | | GianniCuccu
do you think that the use of a single 1.8Mb background image sitewide could have a big negative impact and make a website disappear from SERPS? thank you0 -
On page internal link text
Hi, I'm in the process of rebuilding/designing an existing well ranking niche bespoke software site and have the following question - In the footer, I'm planning on linking to the main landing pages (blue widget software, red widget software etc theres about 7 in total). In these links I want to know if its best to have the word "software" in each link as I'm scared of it looking spamy. We sell custom software, and a lot of the keywords that currently attract traffic (as reported in analytics) end in the word software, for example - blue widget software red widget software In the footer would you end each link with software or not? How much effect would this have on rankings? Thanks in advance.
On-Page Optimization | | JamesJacobs0