El uso correcto del atributo de texto ALT y el atributo de título no solo puede mejorar la capacidad de búsqueda de las imágenes, sino que también es muy útil para la experiencia del usuario.
El texto alternativo está destinado a proporcionar descripciones de texto a los espectadores que no pueden ver las imágenes en su documento. Esto incluye a los usuarios que usan navegadores que no admiten la visualización de imágenes o la pantalla de imagen apagada, los usuarios que tienen discapacidad visual y usuarios que usan lectores de pantalla. Entonces, el texto de reemplazo se usa para reemplazar la imagen en lugar de proporcionar texto literal adicional. El texto alternativo también juega el papel del título en el navegador IE: el texto indica cuando pasa el mouse. Es decir, el navegador engaña a todos. En IE, ALT se convertirá en un mensaje de texto porque IE no es estándar. Firefox hace esto mejor.
El título es una explicación y adición adicional a la imagen. Si necesita usar el mensaje de texto cuando el mouse pasa a través de la imagen, debe usar el título de atributo. El atributo del título tiene una prioridad más alta que el texto ALT. Sin embargo, debido a la guía incorrecta, muchos principiantes solo agregan el atributo ALT a la etiqueta IMG.
Veamos un ejemplo a continuación, y podemos ver la diferencia entre el texto alternativo y el título más claramente:
//*La imagen no se muestra
<IMG SRC = VEVB.JPG Width = 400 Height = 104Alt = Web Design>
<img src = VEVB.JPG Width = 239 Height = 104 Title = Web Design/
//*Pantalla de imágenes
<img src = VEVB.PNG Title = Web Design/
<img src = vevb.png alt = diseño web/
En el navegador IE, aparecerán las indicaciones de texto cuando el mouse pase a través de la imagen para estos cuatro códigos.
En el navegador Firefox, los primeros tres códigos, cuando el mouse pasa a través de la imagen, aparecerá el indicador de texto, y el último código, el mouse pase a través de la imagen, no mostrará la solicitud de texto (como se muestra en la figura a continuación).
Es decir, cuando no se puede mostrar la imagen, el contenido del texto de reemplazo se mostrará cuando el mouse pase a través de la imagen, y cuando se pueda mostrar la imagen, el texto de reemplazo no se mostrará cuando el mouse pase a través de la imagen.
Ahora que sabemos cuál es la diferencia entre el texto alternativo y el título, ¿cómo podemos usarlos correctamente?
1. El texto y el título alternativo son muy importantes para los visitantes (el texto alternativo será más importante para los motores de búsqueda), por lo que al definir los objetos IMG, es mejor escribir todos los atributos de texto y título alternativos para garantizar que puedan usarse normalmente en varios navegadores.
2. Incluya palabras clave en el texto y el título alternativo, y el contenido de los dos es mejor diferente.
3. No acumule palabras clave en el texto y el título alternativo, de lo contrario puede conducir a las penalizaciones de los motores de búsqueda.