Por qué importa el texto alternativo
Google no ve las fotos como nosotros: se apoya en el texto que las rodea, el nombre del archivo y, sobre todo, el alt. Un buen ALT ayuda a que la imagen aparezca en Google Imágenes y refuerza el tema de la página. Además, en España la normativa de accesibilidad obliga a muchas webs a describir las imágenes que aportan información.
Cómo escribir un buen ALT
Describe lo que se ve, como se lo contarías a alguien por teléfono.
<img src="IMG_4021.jpg" alt="cocina">
<img src="IMG_4022.jpg" alt="reformas cocinas valencia reformas baratas"><img src="cocina-blanca-isla.jpg" alt="Cocina blanca con isla central y encimera de madera tras la reforma">- Concreto: color, objeto, acción o contexto que importe.
- Sin «imagen de» ni «foto de»: el lector de pantalla ya avisa de que es una imagen.
- Con la palabra clave solo si encaja: si la foto es de una cocina reformada, decirlo es natural.
- Vacío en las decorativas:
alt=""es correcto y deliberado.
Cómo corregirlo en los gestores más usados
WordPress
En la biblioteca de medios, abre la imagen y rellena el campo «Texto alternativo». Ojo: cambiarlo ahí no actualiza las imágenes ya insertadas en entradas antiguas; en esas hay que editar el bloque de imagen.
Shopify
En cada producto, pulsa sobre la imagen y elige «Agregar texto alternativo». En las imágenes del tema, desde el editor de la tienda.
Webs a medida
Si las imágenes salen de una base de datos, añade un campo de descripción y úsalo en el atributo alt. En Next.js, el componente Image exige la propiedad alt, lo que evita olvidarla.