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
-
Multiple H2 tags
Is it advisable to use only one H2 tag? The template designs for some reason is ended up with multiple H2 tags, I realise if any think it's that each one is that are important and it is all relative. Just trying to assess if it's worth the time and effort to rehash the template. Has anyone done any testing or got any experience? Thanks
Intermediate & Advanced SEO | | seoman101 -
Facet Values as Anchor text
Hi I've reviewing our internal linking structure & have found that the facets/filter buttons on a category, are crawled and have anchor text to each link, for example: The anchor text to filter the product listing results by those under £50 would be: | Facet Value Less than £50.00 (15) Less than £50.00 (15) | This also has the source URL & destination URL of http://www.key.co.uk/en/key/lockers I haven't come across this before - is this an issue?
Intermediate & Advanced SEO | | BeckyKey0 -
How does Googlebot evaluate performance/page speed on Isomorphic/Single Page Applications?
I'm curious how Google evaluates pagespeed for SPAs. Initial payloads are inherently large (resulting in 5+ second load times), but subsequent requests are lightning fast, as these requests are handled by JS fetching data from the backend. Does Google evaluate pages on a URL-by-URL basis, looking at the initial payload (and "slow"-ish load time) for each? Or do they load the initial JS+HTML and then continue to crawl from there? Another way of putting it: is Googlebot essentially "refreshing" for each page and therefore associating each URL with a higher load time? Or will pages that are crawled after the initial payload benefit from the speedier load time? Any insight (or speculation) would be much appreciated.
Intermediate & Advanced SEO | | mothner1 -
<aside>Tag Use</aside>
Hi Guys, Just after some clarification - I have recently been told that by placing content in <aside></aside> tags spiders will ignore the content. Is this the case? I always thought that content placed in these tags was to identify related content. To put the query into some context, we have the same content on multiple pages on a site, which is relevant to the main body copy - but could throw up duplicate content issues... Thanks in advance.
Intermediate & Advanced SEO | | SEOBirmingham811 -
Circular Canonical/Redirect
My client's site has an issue (see below) and I'm wondering how much it could be affecting crawlability. Has anyone seen a major rankings bump after fixing something like this? 1. In each page the rel=canonical is pointing to the http version of the page while the http version is redirecting to the https version. Basically, a circular redirect-canonical loop is occurring.2. The sitemap.xml is also referring to the http version of the pages rather than the https.
Intermediate & Advanced SEO | | elenaroi0 -
C Block IP Links Strategy
Hi guys i run a web design company and have around 50 sites that i have designed most dont have links but to us i was considering adding a footer link that will link to a blog page within that site, each post on each site will have unique content about the project and about us as a design company. As you can see most of my ip address are c blocks, any advice here please, thanks in advance Example Ip list
Intermediate & Advanced SEO | | Will_Craig
abc.32.230.1
def.20.252.37
ghi.48.68.82
zz.32.229.131
zz.32.231.208
zz.32.253.87
xx.170.40.170
xx.170.40.172
xx.170.40.232
xx.170.40.247
xx.170.40.32
xx.170.43.200
xx.170.44.103
xx.170.44.105
xx.170.44.108
xx.170.44.111
xx.170.44.127
xx.170.44.137
xx.170.44.146
xx.170.44.157
xx.170.44.77
xx.170.44.81
xx.170.44.86
xx.170.44.95
xx.170.44.96 [question edited by staff to remove full IP addresses]0 -
Article/ Blog Post submissions
Hello All, I'm looking to perform a 'Standard' guest blog post link building tactic, but i'm a little unsure as where to start. Does anybody have a list/ guide to websites that accept guest posts? Preferably ones that are useful for SEO purposes, I have been link building for about 3 months now, but to be honest, most of these links are NoFollow, which isn't too great! Paul
Intermediate & Advanced SEO | | Paul_Tovey0 -
Should I be deleting spam trackbacks/pingbacks?
I'm getting spammy trackbacks/pingbacks on my Wordpress site. Should I bother deleting these or do these count as backlinks?
Intermediate & Advanced SEO | | 10JQKAs0