How to Use CSS To Improve Retail Product Rankings
How to Use CSS To Improve Retail Product Rankings
...while maintaining your pleasing design aesthetics! – by John Heard
With the increasing importance of retail search engines looming on the horizon (think Froogle) now's the time to explore the best way we know of to place relevant, indexable, text in relative position to product images in a way that enables the engines to "see" the relationship between product image and a corresponding block of text.
Positioning with CSS (Cascading Style Sheet) gives a web designer and search engine optimizer terrific design flexibility as well as optimization advantages. That's because, when used properly, you can use it to get more text indexed on a product page without sacrificing layout preferences and design aesthetics.
To see how it's done, let's begin by looking at an example of an actual product listing that used an image on a retail site to illustrate the product and its features. Below we see the consumer item along with a description...
![]() Image with non-indexable text |
|
The image above, with its embedded description, is all image. In other words, the keyword "text" is part of the image itself and therefore is not indexed by Google, Froogle, Yahoo, or any other SE. Of course, search-engine-wise, it would be highly desirable to render such relevant product descriptions readable by the SE bots. And, you can! ...so you should. Take a look at the image with the same description below.
|
|
ZD7000 Series
|
