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
-
Does adding more outgoing links on a high PA page decrease the juice passed to previous links?
Hi, I'm not sure how PA DA exactly works when the goal is to create backlinks to your site in order to have the most impact on passing PA DA juice (if there is such a thing) to ones money site. For example let's say you have a blog and the PA is 40 DA is 30. Let's say I create a backlink pointing to my site on the homepage of this blog, in which I desire better rankings for, and the links I created are only 1-3 outgoing links on this post which is again on the homepage. Then say in a months time, I want to add another post on the homepage (so the 40 PA and 30 DA stays the same) creating a backlink to one of my other money sites. Does adding this second round of backlinks result in sending less juice to the first? This is what I want to know. Thank you!
Intermediate & Advanced SEO | | z8YX9F800 -
Client would like to 301 redirect the homepage to a category page
Hello MOZ Community!!! I would like your expert opinions on a scenario, please! My client is an ecommerce company, and currently has one of its category pages outranking its homepage for a few key phrases. The homepage, however, has a better conversion rate. So, the client is asking that we make the homepage the category URL, so http://www.theirsite.com/blue-clothes. The existing homepage URL - http://www.theirsite.com - would 301 REDIRECT to the category page - which would render the current version of the homepage. Therefore, there would be nothing, ZERO content, on the MAIN URL: http://www.theirsite.com Has anyone ever done this before? What are the pros and the cons of this practice? Here is my same client, for reference: https://moz.com/community/q/issue-with-category-ranking-on-page-1-vs-homepage-ranking-on-page-2
Intermediate & Advanced SEO | | accpar0 -
SEO: Can you rank Amazon product Pages ?
Hi Guys Just a general question about doing SEO for our product pages... We have a range of products on Amazon and wondered if it is worth build some good links to our product pages to get them ranked higher in Google ?? Is it easier to rank Amazon product pages ?? Thanks Guys G Gareth
Intermediate & Advanced SEO | | GAZ090 -
Ranking for homepage & category page?
We lost our Google organic ranking (position 1 - 3) for our highest converting key phrase (cotton tees) in February. The ranking was for our homepage (brandname.com) which is very image heavy and doesn't have much readable content. We noticed that all of our competitors are ranking above us for their category page, not their homepage. The difference between us and our competitors is that we specialize in this key phrase and they just offer one category of the key phrase. For example, we only sell cotton tee's and they sell cotton tees, handbags and shoes. When we dropped we noticed that Google began showing our homepage AND category page in the results, so we pointed our brandname.com to brandname.com/cotton-tees canonically. The idea was that this would assure that the homepage and category page were not competing with each other. The homepage was not really optimized for cotton tees so we thought this might help. 1. Is there any harm in removing the canonical and allowing both pages to rank? (We're also working on redesigning the homepage to add more readable text & optimize for cotton tees.) 2. Our homepage URL used to be "brandname.com/cotton-tees" and we consistenly ranked between 1 and 3 for cotton tees during that time. We modified the homepage URL because it seemed spammy and are now just "brandname.com". Does it make sense to go back to the URL with the key phrase in it if that is our main product and we want to rank for it?
Intermediate & Advanced SEO | | EileenCleary0 -
I've seen and heard alot about city-specific landing pages for businesses with multiple locations, but what about city-specific landing pages for cities nearby that you aren't actually located in? Is it ok to create landing pages for nearby cities?
I asked here https://www.google.com/moderator/#7/e=adbf4 but figured out ask the Moz Community also! Is it actually best practice to create landing pages for nearby cities if you don't have an actual address there? Even if your target customers are there? For example, If I am in Miami, but have a lot of customers who come from nearby cities like Fort Lauderdale is it okay to create those LP's? I've heard this described as best practice, but I'm beginning to question whether Google sees it that way.
Intermediate & Advanced SEO | | RickyShockley2 -
Ecommerce SEO - Indexed product pages are returning 404's due to product database removal. HELP!
Hi all, I recently took over an e-commerce start-up project from one of my co-workers (who left the job last week). This previous project manager had uploaded ~2000 products without setting up a robot.txt file, and as a result, all of the product pages were indexed by Google (verified via Google Webmaster Tool). The problem came about when he deleted the entire product database from our hosting service, godaddy and performed a fresh install of Prestashop on our hosting plan. All of the created product pages are now gone, and I'm left with ~2000 broken URL's returning 404's. Currently, the site does not have any products uploaded. From my knowledge, I have to either: canonicalize the broken URL's to the new corresponding product pages, or request Google to remove the broken URL's (I believe this is only a temporary solution, for Google honors URL removal request for 90 days) What is the best way to approach this situation? If I setup a canonicalization, would I have to recreate the deleted pages (to match the URL address) and have those pages redirect to the new product pages (canonicalization)? Alex
Intermediate & Advanced SEO | | byoung860 -
How do I best deal with pages returning 404 errors as they contain links from other sites?
I have over 750 URL's returning 404 errors. The majority of these pages have back links from sites, however the credibility of these pages from what I can see is somewhat dubious, mainly forums and sites with low DA & PA. It has been suggested placing 301 redirects from these pages, a nice easy solution, however I am concerned that we could do more harm than good to our sites credibility and link building strategy going into 2013. I don't want to redirect these pages if its going to cause a panda/penguin problem. Could I request manual removal or something of this nature? Thoughts appreciated.
Intermediate & Advanced SEO | | Towelsrus0 -
Link Acquisition - link building
When using Site Explorer to find out my competiters links so I can do some link aquisition SEO do I look for the "inbound" links or or "linking domains"? Also, what filters should I choose? I want to make a spreadsheet as Rand suggested in his video and start to prioritize my link building.
Intermediate & Advanced SEO | | musicforkids0