When Google looks at anchor text on a website, will it pickup the text if it is inside nested elements?

So for example:

<a href="http://www.google.com/">Visit Google</a>


<a href="http://www.google.com/">
    <div class="circle">
        <span>Visit Google</span>

The reason I ask is because I want to use css3 elements for certain links on my website, to style them as circles. But the anchor text needs to be picked up for these links, so I want to know wether or not the above is bad practice in this case.


1 Answer 1


It looks perfectly legal to me. If you have a Google Webmaster Tools account, I believe that you can use Labs, Instant Previews and Fetch as Google to see if it is working okay. Create an example somewhere toward the top of a page, use the tools, then compare the results. You can make a fast and temporary change and not worry about the effects in the index/SERPs as long as you Fetch as Google again after you change the code back which actually may not be necessary. You may want to toggle on and off the effects of your div in your CSS too. I think that between these two tools and toggling the effects in the div, you should be able to get your answer.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.