Imagenes de fondo y SEO

suudobal · #1 (**permalink**) 08/06/2011, 10:39

Buenas,

tengo una web que muestra un listado de productos y por estética para que todas las imágenes tuvieran un tamaño "estándar" (es decir, todas con el mismo tamaño), las pongo de fondo centrada en una capa DIV y sobre ellas una imagen gif transparente sin nada que la agrando hasta ocupar el espacio completo del div y así puedo hacer que clickeen sobre ella. A esta imagen transparente les pongo el Alt y Title correspondiente con el nombre del producto. Quedaría así por ejemplo:

Código HTML:

Ver original<div style="background:url('mi-empresa.jpg') center no-repeat">
<a href="pagina-empresa.html"><img src="transparente.gif" width="150" height="100" alt="Mi empresa" title="Mi empresa"></a>
</div>

Obviamente queda muy bien pero no pense en el SEO y claro, el alt y el title son de una imagen transparente...

Mi pregunta es, ¿puede pensar Don Google que le estoy dando información falsa al poner una imagen transparente ya que no contiene nada? O de alguna manera posicina correctamente ya que la del fondo sí está en el código y aquí no pasa nasa?

Espero se me entienda...

P.D.--> Las imágenes las insertan los clientes por eso uso esta técnica para que la imagen sea siempre igual y no la deformo, aunque se corte algo el producto.

luciio · #2 (**permalink**) 08/06/2011, 12:21

¿En vez de una imagen transparente porque no utilizar algun span para dar el link?

Saludos

masclet · #3 (**permalink**) 08/06/2011, 12:23

Bufff....No se yo si llegará a hilar tan fino google. Amos que con la de barbaridades que se hacen por ahí, no creo que una imagen transparente con un alt, lo vaya a penalizar, o piense que le estés dando información falsa......

Daniel Ulczyk · #4 (**permalink**) 08/06/2011, 12:48

Google no "mira" dentro de las imágenes (todavía). No hay problema—al respecto—de pensar en una penalización.

Offtopic: desde el punto de vista del diseño y del maquetado es un práctica no muy bien llevada a cabo. Pero esto es sólo un comment

suudobal · #5 (**permalink**) 09/06/2011, 01:12

Cita:

Iniciado por luciio

¿En vez de una imagen transparente porque no utilizar algun span para dar el link?

Saludos

¿Exactamente cómo sugieres esto?

Cita:

Iniciado por Daniel Ulczyk

Google no "mira" dentro de las imágenes (todavía). No hay problema—al respecto—de pensar en una penalización.

Offtopic: desde el punto de vista del diseño y del maquetado es un práctica no muy bien llevada a cabo. Pero esto es sólo un comment

No es que mire dentro de la imagen, es que pesa unos 40 bytes, se llama igual en toda la página (transparente.gif) y los alt y title son distintos para cada empresa del listado... es lo que me preocupa.

Con respecto a tu offtopic siempre vienen bien los consejos, jeje. ¿Sugieres otra forma de mostrar imágenes distintas para que mantengan una misma forma?

Saludos y gracias a todos.

Daniel Ulczyk · #6 (**permalink**) 09/06/2011, 05:17

Cita:

Iniciado por suudobal

No es que mire dentro de la imagen, es que pesa unos 40 bytes, se llama igual en toda la página (transparente.gif) y los alt y title son distintos para cada empresa del listado... es lo que me preocupa.

ALT y TITLE—en las imágenes—tienen dos lecturas diferentes.

TITLE es bueno para la usabilidad y le da un buen valor agregado a la experiencia de usuario; al SEO no le agrega nada.
ALT es pura información alternativa, debe transmitir la información que muestra la imagen y es 100% accesibilidad. Es positivo para el SEO + imágenes y Google le presta mucha atención.

Pero un tu caso el crawler debe inferir algo más o menos así:

mismo nombre de archivo
distinta información vía ALT
mismo tamaño de archivo
mucho muy chico
40 bytes??
WTF!?

En resumen, no le estás dando nada de nada al buscador que rastrea e indexa. Ya que en vista de lo anterior, te descarta de plano lo que ALT contenga y no indexa imágenes.

Una buena práctica es hacer las cosas como las haríamos naturalmente. Una gestión previa con el tratamiento de imágenes, un markup en línea vía SCR y no CSS y a esperar que Google te indexe (además) las imágenes.

suudobal · #7 (**permalink**) 09/06/2011, 08:45

Jejeje genial explicación Daniel, me has aclarado todo.

Con respecto a la forma de mostrar imágenes lo tengo más complicado el tratarlas ya que aunque las trate algo ajustando un tope de tamaño al ser insertadas por los clientes pueden ser de cualquier forma (alargadas, más altas que anchas, etc.) entonces por eso uso ese "apaño" y surgieron mis dudas.

Gracias por todo y un saludo.

rodrypaladin · #8 (**permalink**) 09/06/2011, 09:32

En lo unico que te puede interferir en el seo es que tu web tarde mas en cargar. Y siendo 40 bytes ya que al cargar una las otras tb las carga el tiempo de carga apenas subirá. Yo no me preocuparía de momento...hasta que google pueda ver dentro de las imágenes claro...

Bernardao · #9 (**permalink**) 10/06/2011, 12:14

Cita:

Iniciado por Daniel Ulczyk

Una buena práctica es hacer las cosas como las haríamos naturalmente. Una gestión previa con el tratamiento de imágenes, un markup en línea vía SCR y no CSS y a esperar que Google te indexe (además) las imágenes.

Qué es un markup en línea vía SCR?
Supongo que será una especie de marco para mostrar imágenes, una especie de fancybox, a ver si alguien me puede indicar un ejemplo o dónde documentarme.
También debo indicar que todavía no estoy muy puesto en todos los acrónimos SEO.
Muchas gracias