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
-
Google blocks certain articles on my website ... !
Hello I have a website with more than 350 unique articles, Most of them are crawled by Google without a problem, but I find out certain articles are never indexed by Google. I tried to rewrite them, adding fresh images and optimizing them but it gets me nowhere. Lately, I rewrite an article of those and tried to (fetch and render) through Google Webmasters, and I found this result, can you tell me if there is anything to do to fix that? BMVh4
Intermediate & Advanced SEO | | Evcindex0 -
Are my language tags correct?
Hello, I have a Spanish website for Spanish speaking people es.example.com. I also have example.com for all English speaking people across the world. I want that users who go to google.es and search in English get our example.com site and others who search in Spanish on google.es get the Spanish site. Should the tags be like this: Or should we also have this tag aswell to specify? Otherwise we might only show the es.domain even for english queris? :
Intermediate & Advanced SEO | | advertisingtech0 -
Should I use **tags or h1/h2 tags for article titles on my homepage**
I recently had an seo consultant recommend using tags instead of h1/h2 tags for article titles on the homepage of my news website and category landing pages. I've only seen this done a handful of times on news/editorial websites. For example: http://www.muscleandfitness.com/ Can anyone weigh in on this?
Intermediate & Advanced SEO | | blankslatedumbo0 -
Will have /index in my url hurt?
I am trying to setup permalinks on a wordpress blog that is installed on iis. I can't update the web.config file so I have to make every page /index/pagetitle. as shown here-http://codex.wordpress.org/Using_Permalinks#PATHINFO:_.22Almost_Pretty.22 How much of a difference is there between no /index and having the /index in there?
Intermediate & Advanced SEO | | EcommerceSite0 -
New domain or wait - Anchor Text Penalty
Hi We are confident we have an anchor text penalty and have removed nearly all offending links about 3 months ago, and since have only engaged on 100% natural linking with good content and simply asking people to share our site. However we have made no progress all in terms on position for our main keyword - we now thinking of starting a fresh on a new domain as Google doesn't seem to be able to forgive us... Any ideas please?
Intermediate & Advanced SEO | | jj34340 -
Canonical tag vs 301 in this Panda situation - trying to wrap my brain around this!
Here's the situation. Let's say you have a development site that was created on a subdomain such as examplesite.webdesign.com. When the new site, examplesite.com launches, the developer forgot to remove examplesite.webdesign.com from the index. As such, two copies of the site exist. Because the development site existed first, examplesite.com ends up being affected by Panda and drops out of the search results. As a result only the development site is visible on Google searches. I've been trying to wrap my head around whether using canonical tags or 301 redirects would be best. On one hand you could insert a canonical tag on each page of the subdomain to tell Google that the correct version to index is examplesite.com. On the other hand you could do a 301 redirect from every page of the development site to to examplesite.com. Now, here's where it gets complicated. Because the new site has been flagged as a Panda site, in either case will it need to see a Panda refresh in order to be included in the index?
Intermediate & Advanced SEO | | MarieHaynes0 -
Impact of slight character variations in anchor text
Does anyone have experience of how Google deals with slight character variations, e.g. Facade v Façade? From an SEO perspective, are these treated as two completely separate words or is Google clever enough to determine the intent of the searcher & the site?
Intermediate & Advanced SEO | | bjalc20110