Cómo agregar TITLE y ALT a una imagen de fondo (CSS Sprites)?

Question

En mi proyecto había usado CSS sprites ya que había muchas imágenes, ahora nuestro equipo de SEO decía que las imágenes deberían tener las etiquetas ALT y TITLE. Sé Title & ALT no se puede agregar en el fondo. Entonces se les ocurre una idea que coloca una imagen transparente en html sobre esas imágenes en segundo plano, pero me parece muy ilógico (si la imagen no es relevante con la palabra clave, entonces, ¿cómo importa?). Así que por favor ayúdenme con esto, ¿cuál es la mejor práctica para esto con una razón muy lógica en apoyo de su respuesta? para que pueda manejar el equipo de SEO

Answer 1

Yo diría que no use imágenes transparentes ya que las versiones anteriores de IE no las admiten muy bien. Verás bloques negros. Pero esto es evitable con algunos hacks de javascript.

Si solo son imágenes de fondo que no agregan el significado del sitio, consérvelo solo como una imagen de fondo, pero si la imagen agrega significado al sitio, debería usar etiquetas img y usar etiquetas alt como ellos sugieren. Las etiquetas Alt ayudan con SEO.