Comments on: How do you replace text in a div tag with images and will the text still be recognized in search engine? http://topblogplacement.com/how-do-you-replace-text-in-a-div-tag-with-images-and-will-the-text-still-be-recognized-in-search-engine?utm_source=rss&utm_medium=rss&utm_campaign=how-do-you-replace-text-in-a-div-tag-with-images-and-will-the-text-still-be-recognized-in-search-engine Just another WordPress weblog Tue, 22 May 2012 01:13:13 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Mehdi http://topblogplacement.com/how-do-you-replace-text-in-a-div-tag-with-images-and-will-the-text-still-be-recognized-in-search-engine/comment-page-1#comment-2160 Mehdi Fri, 05 Feb 2010 00:39:44 +0000 http://topblogplacement.com/how-do-you-replace-text-in-a-div-tag-with-images-and-will-the-text-still-be-recognized-in-search-engine#comment-2160 You only use image replacement for headers, not for entire paragraphs. To make sure search engines can still see the real headers, you can use a number of methods, the simplest is to add an overflow: hidden to the DIV, set the height to 0, and add padding to the top of the div, set to the same height as the image. The image will fill the padding of the div, and the text will be"hidden" in the zero pixel height of the div itself. I cannot stress enough, though: You only use image replacement for headers, not for entire paragraphs. Using images for text may look cool, but you're adding download time to your page, and excluding screen readers, text to speech browsers and people with impaired vision. You only use image replacement for headers, not for entire paragraphs.

To make sure search engines can still see the real headers, you can use a number of methods, the simplest is to add an overflow: hidden to the DIV, set the height to 0, and add padding to the top of the div, set to the same height as the image.

The image will fill the padding of the div, and the text will be"hidden" in the zero pixel height of the div itself.

I cannot stress enough, though:

You only use image replacement for headers, not for entire paragraphs.

Using images for text may look cool, but you’re adding download time to your page, and excluding screen readers, text to speech browsers and people with impaired vision.

]]> By: just "JR" http://topblogplacement.com/how-do-you-replace-text-in-a-div-tag-with-images-and-will-the-text-still-be-recognized-in-search-engine/comment-page-1#comment-2161 just "JR" Fri, 05 Feb 2010 00:39:44 +0000 http://topblogplacement.com/how-do-you-replace-text-in-a-div-tag-with-images-and-will-the-text-still-be-recognized-in-search-engine#comment-2161 You can put your navbar as images, and swap them with javascript. ... But IMAGES are not read by SEs. Make sure you do NOT forget the "alt" and "title" arguments in your images: these are read by SE. You can put your navbar as images, and swap them with javascript.
… But IMAGES are not read by SEs.
Make sure you do NOT forget the "alt" and "title" arguments in your images: these are read by SE.

]]>