: Using CSS sprites and hidden text - effect on SEO? I am using CSS sprites for buttons on my website, They are used for stop/play/download etc. If I'm using for example an <i class="preview">preview

@Pierce454

Don't remove it, it's good for you as long as the text written in the element "makes sense" in relation to your icons. Also, you may add additional descriptors through the "title" attribute if you so choose.

I'm not going to pretend to be an expert and say it will improve your SEO, but following logic and how Google for example likes well formatted HTML, I can only assume it reads everything and utilizes all relevant information to analyze and rank your site.

Vote Up Vote Down

@Mendez628

If you plan on using CSS spriting with your <a> tags directly (which is probably the best way to do it for links) you should definitely make sure to have an alt property in each of your sprited image links that explains what the link is to with a few words.

This can literally be the text of what your link image. This will also solve the issue of how your site works for the blind as pages for the blind will read the alt tags. Doing this may allow you to not need the extra hiddens tags though I don't think having them will cause any specific issue.

Vote Up Vote Down

@Megan663

Agreeing fully with John Conde's answer, I want to warn you not to remove the text.

Removing the text will remove information out of the page. Search engines cannot read images, let alone CSS sprites; expect to drop in their rankings. Screen readers used by blind people cannot read or describe images; expect to get disappointed customers.

Finally, I do not know the legal context in your country, but removing that text will make your website inaccessible to blind people, and that may lead to legal problems.

Vote Up Vote Down

@Sarah324

You'll be fine. Hidden text is only a problem when it is done for the purposes of manipulating the search engines. It's not what you do but why you do it that causes most penalties and this is a perfect example of that. Hidden text in this example is simply a fallback for users who do not have CSS capabilities (rare these days for users but bots are a different story as are screen readers).

Vote Up Vote Down