How to properly link to products from category pages?
-
Hi All,
We have an e-commerce website and the category pages are built so that there is a product image and below it there is the title. Both the image and the title are in a href (each on its own).
I encountered the following unfinished discussion here at MOZ:
http://www.seomoz.org/q/how-to-optimize-achor-text-links-on-ecommerce-category-page#post-93758The discussion states that its improper.
The question is - if it is wrong then why? (maybe because Google will give its weight to the image anchor instead of the text anchor since it is higher in the page).
The other question is how to resolve the matter?
Should I add nofollow to the image href?Thanks
-
Dear Everett,
Can you supply the link to the article?
Thanks
-
Also see this page for more information on using named anchor links (i.e. page.html#image) to avoid the "first link counts" issue. This is what Alan Mosley is recommending. I think it is much safer than using CSS to try and "trick" search engines. You can put the image on product pages in a named anchor like #image.
Resources:
http://www.seomoz.org/blog/results-of-google-experimentation-only-the-first-anchor-text-counts
http://www.seomoz.org/ugc/3-ways-to-avoid-the-first-link-counts-rule
http://www.seomoz.org/blog/the-first-link-counts-rule-and-the-hash-sign
-
No problem, glad I could help!
-
Works amazing!!!!!
Thanks a lot for all of your help.
-
I would do something like this: http://jsfiddle.net/D7vMG/3/ (do you see the z-indexes? it makes sure the anchor is higher positioned then the paragraph.)
You can of course use only the <a>-tag and not a heading. In that case you can put the position: absolute on the a-tag.</a>
<a>Hope it helps! Good luck!</a>
-
THANKS!!! I've been working on it since your first reply
Last question (I'm a bit rude now) -
I also have price beneath "The New Ipad" anchor. Currently it is not in the href and I'm thinking of keeping it this way (which would mean it will be in the H3 but not in the href).
Also, the href's are simple href's not surrounded by h3's, What do you think? Changing them? (keeping the price outside the href but inside the H3)
It seems correct but changing would mean of a lot of anchors will be changed on the entire website... scarry
-
Yeah of course, you can style the link any way you want. Even hide it although I wouldn't recommend that hehe.
I made this jsfiddle for you: http://jsfiddle.net/D7vMG/1/
good luck trying it yourself!
-
It is pretty much as if the anchor flows over the entire image.
I did this a while back on a dutch telecom website called typhone dot nl. Check it out, it's on the frontpage (the offer blocks all have it)
The H3 is just there as an example. If I just got an H1 above all products, i use h2's, if there is a h2, i use h3's. and so on.
-
That's what the css code above does, it puts the link beneath the image visually when users look at the site, while keeping the link above the image in the actual code.
-
I should not of said 2 pages, but it has been shown that both links will give link text relevancy.
The javascript link will be followed, it will not help
-
Is there a way to do so and having the link appearing beneath the image?
I don't want to change the design
-
Dear Alan,
If Google will see it as two pages I'm guessing I will need to add a canonical to the # version. Is that the case?
What about having the image with a javascript link? (location.href) or is that suspicious?
-
Dont use no-follow, you will just leak link juice.
One way around this, is to use a anchor # in your url for the image. like page.html#someterm
This will in fact give you link text relevancy for both, google will see this as 2 different pages.
Make sure you have alt text for the image.
This tataic and well as what x-com may in the future be seen as over optimization, so it may be tter to do somthing like this
Your link text
You can just link the whole lot in the one link.
Or move your text to above the image.
-
Thank you for the answer.
I'm not too strong with css besides for the basics,
what you mean is that the anchor will be displayed beneath the image for the user even though the code is placed before the image and also that clicking on the image will actually be like clicking on the anchor since its size includes the image???
Brilliant, it will also give more "engagement credit" to the anchor instead of splitting it (actually ppl usually clicking on the image).
By the way, do you put all of your products on the page as H3?
Thanks
-
Hi Noamflint, we develop a lot of e-commerce websites and I want to fill you in how we tackled this problem several months ago and how.
We deleted the anchor of the image! In our code it looks something like:
The New iPad
As you see at the moment there is no anchor on the image, but our clients do want this. because of usabilty. and people just love clicking images.
We solved this with CSS:
div { position: relative; padding-top: 30px; display: block; }
div h3 { position: absolute; top: 0px; left: 0px; display: block; }
div h3 a { width: 200px; height: 230px; display: block; }
div img { width: 200px; height: 200px; display: block; }
This code above is pseudo of course, but i hope you see what we are trying to accomplish. The anchor tag is positioned absolute in the parent div. With the dimensions on it, the link is above the image, so when people hover the image. they automatically hover the link. Clicking in it, takes them to the detail page.
You should try it! Maybe it will help you out.
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
-
How do we avoid duplicate/thin content on +150,000 product pages?
Hey guys! We got a rather large product range (books) on our eCommerce site (+150,000 titles). We get book descriptions as meta data from our publishers, which we display on the product pages. This obviously is not unique, as many other sites display the same piece of description of the book. It is important for us to rank on those book titles, so my question to You is: How would you go about it? I mean, it seems like a rather unrealistic task to paraphrase +150,000 (and growing) book descriptions. As I see it, there are these options: 1. Don't display the descriptions on the product pages (however then those pages will get even thinner!)
Intermediate & Advanced SEO | | Jacob_Holm
2. Display the (duplicate) descriptions, but put no-index on those product pages in order not to punish the rest of the site (not really an option, though).
3. Hire student workers to produce unique product descriptions for all 150,000 products (seems like a huge and expensive task) But how would You solve such a challenge?
Thanks a lot! Cheers, Tommy.0 -
Product Pages & Panda 4.0
Greeting MOZ Community: I operate a real estate web site in New York City (www.nyc-officespace-leader.com). Of the 600 pages, about 350 of the URLs are product pages, written about specific listings. The content on these pages is quite short, sometimes only 20 words. My ranking has dropped very much since mid-May, around the time of the new Panda update. I suspect it has something to do with the very short product pages, the 350 listing pages. What is the best way to deal with these pages so as to recover ranking. I am considering these options: 1. Setting them to "no-index". But I am concerned that removing product pages is sending the wrong message to Google. 2. Enhancing the content and making certain that each page has at least 150-200 words. Re-writing 350 listings would be a real project, but if necessary to recover I will bite the bullet. What is the best way to address this issue? I am very surprised that Google does not understand that product URLs can be very brief and yet have useful content. Information about a potential office rental that lists location, size, price per square foot is valuable to the visitor but can be very brief. Especially listings that change frequently. So I am surprised by the penalty. Would I be better off not having separate URLs for the listings, and for instance adding them as posts within building pages? Is having separate URLs for product pages with minimal content a bad idea from an SEO perspective? Does anyone have any suggestions as to how I can recover from this latest Panda penalty? Thanks, Alan
Intermediate & Advanced SEO | | Kingalan10 -
Best practice for retiring old product pages
We’re a software company. Would someone be able to help me with a basic process for retiring old product pages and re-directing the SEO value to new pages. We are retiring some old products to focus on new products. The new software has much similar functionality to the old software, but has more features. How can we ensure that the new pages get the best start in life? Also, what is the best way of doing this for users? Our plan currently is to: Leave the old pages up initially with a message to the user that the old software has been retired. There will also be a message explaining that the user might be interested in one of our new products and a link to the new pages. When traffic to these pages reduces, then we will delete these pages and re-direct them to the homepage. Has anyone got any recommendations for how we could approach this differently? One idea that I’m considering is to immediately re-direct the old product pages to the new pages. I was wondering if we could then provide a message to the user explaining that the old product has been retired but that the new improved product is available. I’d also be interested in pointing the re-directs to the new product pages that are most relevant rather than the homepage, so that they get the value of the old links. I’ve found in the past that old retirement pages for products can outrank the new pages as until you 301 them then all the links and authority flow to these pages. Any help would be very much appreciated 🙂
Intermediate & Advanced SEO | | RG_SEO0 -
Value in .EDU Link When Listed on Internship Offered Page
My company is looking to hire an Intern and a university - ".edu" - has including the job description on a page with list of "Available Internship", which includes a list of 100 other companies looking for an Intern. Our profile includes a link to our homepage like all other listings. Question: do we know search engines will give zero value to such link as they can tell it is an Internship posting page or is there a good chance it will actually be quite a valuable link?
Intermediate & Advanced SEO | | khi50 -
ECommerce keyword targeting: Blog post vs Category page
I'm targeting short head and chunky middle keywords for generating traffic to an ecommerce website. I guess I have two options both with great content: blog posts category pages with content (essentially the blog post). On the basis that it is great content that gets links, I would hope that I could garner links into the heart of the eCommerce website by doing this through option 2: category pages. Any thoughts on blog vs ecommerce category pages for tageting keywords?
Intermediate & Advanced SEO | | BruceMcG0 -
Should we move a strong category page, or the whole domain to new domain?
We are debating moving a strong category page (and subcategory, product pages) from our current older domain to a new domain vs just moving the whole domain. The older domain has DA 40+, and the category page has PA 40+. Anyone with experience on how much PR etc will get passed to a virgin domain if we just redirect olddomain/strongcategorypage/ to newdomain.com? If the answer is little to none, we might consider just moving the whole site since the other categories are not that strong anyway. We will use 301 approach either way. Thanks!
Intermediate & Advanced SEO | | Durand0 -
Product pages content
Hi! I'm doing some SEO work for a new client. I've been tasked with boosting some of their products, such as http://www.lawnmowersdirect.co.uk/product/self-propelled-rear-roller-rotary-petrol-lawnmowers/honda-hrx426qx. It's currently #48 for the term Honda Izy HRG465SD, while http://www.justlawnmowers.co.uk/lawnmowers/honda-izy-hrg-465-sd.htm is #2, behind Amazon. Regarding links, there's no great shakes between the pages or even the domains. However, there's major difference in content. I'm happy to completely revamp it, I just wanted to check I'm not missing anything out before starting to rewrite it altogether! Thanks
Intermediate & Advanced SEO | | neooptic0 -
Duplicate Page Title/Content Issues on Product Review Submission Pages
Hi Everyone, I'm very green to SEO. I have a Volusion-based storefront and recently decided to dedicate more time and effort into improving my online presence. Admittedly, I'm mostly a lurker in the Q&A forum but I couldn't find any pre-existing info regarding my situation. It could be out there. But again, I'm a noob... So, in my recent SEOmoz report I noticed that over 1,000 Duplicate Content Errors and Duplicate Page Title Errors have been found since my last crawl. I can see that every error is tied to a product in my inventory - specifically each product page has an option to write a review. It looks like the subsequent page where a visitor can fill out their review is the stem of the problem. All of my products are shown to have the same issue: Duplicate Page Title - Review:New Duplicate Page Content - the form is already partially filled out with the corresponding product My first question - It makes sense that a page containing a submission form would have the same title and content. But why is it being indexed, or crawled (or both for that matter) under every parameter in which it could be accessed (product A, B, C, etc)? My second question (an obvious one) - What can I do to begin to resolve this? As far as I know, I haven't touched this option included in Volusion other than to simply implement it. If I'm missing any key information, please point me in the right direction and I'll respond with any additional relevant information on my end. Many thanks in advance!
Intermediate & Advanced SEO | | DakotahW0