El reemplazo de imágenes por medio de CSS es una técnica de diseño web que lo que hace es llamar a un logo o una imagen especifica por medio de un hoja de CSS, mientras que esconde texto por detrás de ella en la página web.

El código normal para un logo se vería así:

<h1>
<img src=”images/logo.jpg” alt=”logo seowicked”/>
</h1>

Usando la técnica de reemplazo de CSS, primero debe de crear una clase de CSS que se vería así:

h1.logo {
width: 300px; height: 50px;
background: url(images/logo.jpg);
text-indent: -9999px;
}

Y despúes usted llamaría el logo de la página web con el siguiente código:

<h1>Logo SEOWicked</h1>

El resultado visual en ambos casos es el mismo, solo que con el reemplazo de imágenes por CSS usted tendría “logo seowicked” escondido en la página.

¿Por qué? ¿Y por qué no?

¿Por que las personas empezaron a usar esta técnica? Principalmente por que hace el logo más accesible. Por ejemplo, los robots de los motores de búsqueda podrán saber de que se trata. (ya que pueden leer texto pero no pueden leer imágenes.)

¿Cuál es la controversia alrededor de esta técnica?

Toda la controversia alrededor de esta técnica es debido a que ha sido explotada con para la optimización de páginas web. Esconder texto es un truco muy viejo, que el día de hoy es penalizado por la mayoría de los motores de búsqueda. La teoría del reemplazo de imágenes por medio de CSS es una razón legítima para ocultar texto, pero no siempre está claro si Google y los otros motores de búsqueda están a gusto con ella.

¿Qué dice Google al respecto?

Matt Cutts, líder del equipo anti spam de Google dijo:

“Si está utilizando CSS exclusivamente  para esconder texto, no se sorprenda de ser penalizado por spam. No digo que mouseovers, texto DHTML, o bien tener un logo y texto es spam. Si usted muestra el nombre de su compañía y si logo y ambos tienen la misma información está bien. Pero si compañía se llama Expo Mercadeo y tiene en el CSS de la imagen “Expo Mercadeo la más barata compañía de servicios de mercadeo en internet” en este caso si sería más cuidadoso, por que se podrían meter en líos.”

Entonces sacando una conclusión de lo que dice Matt de la técnica, es que dependerá de que uso le de cada uno a esta técnica. Asegura que hay formas de emplearla que lo meterían en problemas si no le da el uso correcto.

¿Quién lo Usa?

A parte de hacer una investigación de lo que dice la gente, sería interesante saber quien utiliza esta técnica entre los expertos de Optimización de páginas web.

• Rand Fishkin de SEOMoz pareciera ser un gran defensor de la técnica. El usa el reemplazo de imágenes por CSS en su popular sitio y también escribió un artículo al respecto.

• Por otro lado Aaron Wall de SEOBook no lo utiliza.

• Wikipedia pareciera estar utilizando el reemplazo de imágenes por CSS, mientras que Google no pareciera estar utilizándolo en ninguna de sus páginas.

¿Ustedes que Opinan?

Ustedes opinan que usar el reemplazo podría traer problemas en el posicionamiento en buscadores? Definitivamente me refiero a usarlo de forma correcta y no abusando de esta técnica. Dinos que opinas al respecto y si la usas.

Tagged as: esconder texto css, Optimizacion de Paginas Web, posicinamiento en buscadores, reemplazo de imagenes por css, seo y css