Anchor Tag around Table / Block
-
Our homepage (here) has four large promotional sections taking up most of the real estate. Each promo section has an image and styled text.
We want each promo section to link to the appropriate page, so we created the promo sections as and wrapped each
in an anchor. That works fine for users but I tried viewing our site in a text-only browser (Lynx) and couldn't follow those links! My fear is that GoogleBot can't follow them either and doesn't know what anchor text to pull.
So, my question: What's the best way to make this entire block clickable, but still have it crawlable by robots? Or is our current implementation ok?
For reference, here's a simplified version of the relevant code block:
| |
All Diamonds
Extra 20% Off
|
-
[| |
Jessica Simspon
Extra 20% Off
-
-
Heck yes! Very grateful. Thank you!!
-
I don't think it's that big of a problem, but if you really want anchor text, you could try this: Use a javascript onclick event for the image instead of an anchor tag. Then turn the promotion title into a link:
-
onclick="javascript:location.href='link.html';">
Jessica Simspon
Extra 20% Off
Or if you don't want to use javascript, you could have 2 links:
-
Jessica Simspon
Extra 20% Off
[
style="float:left; margin-top:-XXpx;
position:relative; z-index:-2">](link)
Hope that helps!
-
-
Thank you! Last follow-up (promise): If we do it that way, there's no associated anchor text. But if we use alt-text on the image, that's less authoritative than the
and
tags we are using, plus it's duplicate content... Do you think that's a problem?
-
-
Thanks for the reply, Takeshi! That's pretty much what we are doing, I think... Can you help me understand better?
We are using CSS and a table structure to float the text and the CTA button on top of the image. Then the entire block is wrapped in an anchor so it's clickable. If only the image is inside the anchor, doesn't that mean the rest of the block won't click through to the destination?
Would rather not make the whole thing an image because that hurts our text/image ratio and makes our homepage even less SEO-friendly. But we still want the entire area to go to the destination URL.
-
One solution would be to make each of the promo sections an image (like http://i.imgur.com/sA8DFYk.png), then make the image a link. You can then use css to float some text on top of the image, or if you don't care, just make the whole thing an image. You could also separate out the product image from the grey background if you're feeling really nit picky.
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
-
Page auto directing to /#/id0 but no 301 in place?
I'm a little perplexed and hope someone technically savvy can help. Wordpress site. Our page: www.curveball-media.co.uk/animation Redirects to: www.curveball-media.co.uk/animation/#/id0 I cannot see any reason for this. No 301s, nothing.
Intermediate & Advanced SEO | | curveballmedia0 -
Heading Tags & Content Count
Hi everyone I am looking into this page on our site http://www.key.co.uk/en/key/sack-trucks Just comparing it against competitors in SEMRush, the tool shows a wordcount of this page for over 4089 words, compared with http://www.wickes.co.uk/Wickes-Green-General-Purpose-Sack-Truck-200kg/p/500302 which only has 2658 - it has a lot more written content than our page - where is this word count coming from? Also looking at the same page on our site Woorank suggests we have the word 'sack truck' in the h1 and title too many times - it's only there once, but its this showing because its an exact match keyword? I'm just wondering if there is something wrong with the html or how the page is being crawed?
Intermediate & Advanced SEO | | BeckyKey0 -
Visibility for https://goo.gl/gJH7eh
Hi Mozzers, I am wondering if anyone can help me with the following. At the start of May this year we really lost visibility for the homepage of this site https://goo.gl/gJH7eh. This was particularly noticeable by tracking rankings for the term 'oak furniture'. We previously ranked on page 1 for the term 'oak furniture', but since May the homepage has struggled to make the top 100 positions for this term. We're confident that we have done everything within Google's guidelines, but it seems something is really holding the homepage back. The site ranks on page 1 for 'oak furniture' on Bing. The site had previously had a manual penalty for unnatural links (warning received several years ago). These links had a particular emphasis on using the anchor text 'oak furniture'. When we took over the site we did an extensive link clean up and disavow and managed to get the penalty removed at the end of October 2013. Any help would be greatly appreciated. Karen
Intermediate & Advanced SEO | | OFS0 -
Product Tag Pages - Shopify
My website is Sportiqe.com. We sell t-shirts and use Shopify. We're finding that Google is assigning a higher than normal (normal being "1") page authority ranking on our product tag pages (ie - Products Tagged "knicks"). Would it make sense to do 301 redirects for these product tag pages to the Product pages we want to rank for? (ie - would we do a 301 redirect for a page called "Products Tagged 'Knicks'" to our "New York Knicks Shirts" page?) OR Would it make sense to change these Product Tag Page titles to another key term to have multiple search results (assuming that ordering the products in a different way would eliminate any Duplicate Page Content issues?) For example, renaming the page title from "Products Tagged Knicks" to "TAG NAME | Sportiqe Apparel" Appreciate any insight from the Moz community, Shopify store managers and fellow t-shirt enthusiasts.
Intermediate & Advanced SEO | | farmiloe0 -
Philosophy & Deep Thoughts On Tag/Category URLs
Hello, SEO Gurus! First off, my many thanks to this community for all of your past help and perspective. This is by far the most valuable SEO community on the web, and it is precisely because of all of you being here. Thanks! I've recently kicked off a robust niche biotech news publishing site for a client, and in the first 6 weeks, we've generated 15K+ views and 9300 visits. The site is built on the WordPress platform. I'm well aware that a best practice is to noindex tag and category pages, as I've heard SEOs say that they potentially lead to duplicate content issues. We're using tags and categories heavily, and to date, we've had just 282 visits from tag & category pages. So, that's 2.89% of our traffic; the vast majority of traffic has landed on the homepage or article pages (we are using author markup). Here's my question, though, and it's more philosophical: do these pages really cause a duplicate content issue? Isn't Google able to determine that said page is a tag page, and thus not worthy of duplicate content penalties? If not, then why not? To me, tag/category pages are sometimes better content pages to have ranked than article pages, since, for news especially, they potentially give searchers a better search result (particularly for short tail keywords). For example, if I write articles all the time about the Mayo Clinic," I'd rather have my evergreen "Mayo Clinic" tag page rank on page one for the keyword "mayo clinic" than just one specific article that very quickly drops out of the news cycle. Know what I mean? So, to summarize: 1. Are doindexed tag/category pages really a duplicate content problem, and if so, why the heck? 2. Is there a strategy for ranking tag/category pages for news publishing sites ahead of article pages? Thanks as always for your time and attention. Kind Regards, Mike
Intermediate & Advanced SEO | | RCNOnlineMarketing0 -
Are pages with a canonical tag indexed?
Hello here, here are my questions for you related to the canonical tag: 1. If I put online a new webpage with a canonical tag pointing to a different page, will this new page be indexed by Google and will I be able to find it in the index? 2. If instead I apply the canonical tag to a page already in the index, will this page be removed from the index? Thank you in advance for any insights! Fabrizio
Intermediate & Advanced SEO | | fablau0 -
Canonical Meta Tag Best Practices
I've noticed that some website owners use canonical tags even when there may be no duplicate issues.For examplewww.examplesite.com has a canonical tag.......rel="canonical" href="http://www.examplesite.com/" />www.examplesite.com/bluewidget has a canonical tag.......rel="canonical" href="http://www.examplesite.com/bluewidget/" />Is this recommended or helpful to do this?
Intermediate & Advanced SEO | | webestate0 -
Would you use images inside H1 tags?
Hi everyone I know what you are thinking but I am being serious. Would you use images inside H1 tags? Personally I don't see the benefit having an image included within the H1 tags but when looking at the Apple website today they actually did this. On http://www.apple.com/iphone/features/#performance they have two H1 tags within the same page. One for an image on top and one for text midway on the page. **The image tag is ** Picking up where amazing left off. **The text tag is ** **Siri. The intelligent assistant that helps you get things done. All you have to do is ask.** Having two H1 tags in on the same page does not make sense at all and is against SEO best practices but including an image in the H1 tags ? Does anyone know any benefits of doing this? Thanks in advance for all your help.
Intermediate & Advanced SEO | | DRTBA0