Cuándo utilizar esta comprobación
Evalúe la finalidad de la imagen en su ubicación concreta. Una foto de una reparación puede explicar un procedimiento, decorar una sección o actuar como enlace; cada uso necesita una alternativa textual distinta.
Sepa qué está comprobando.
El SEO de imágenes conecta la finalidad del elemento visual con su entrega. Las imágenes informativas necesitan una alternativa textual adecuada. Una imagen decorativa puede usar correctamente un atributo alt vacío.
Ejemplo práctico
<img src="repair.webp" width="960" height="640" alt="Técnico sustituyendo una junta del grupo de preparación" />
<img src="decoration.svg" alt="" />Error frecuente
Un alt idéntico en todas las fotos rellena un atributo sin explicar las imágenes. Una regla estática tampoco puede verificar que la descripción sea correcta.
Entienda el resultado. Aplique el cambio adecuado.
Cuándo una imagen necesita texto alt o alt vacío
Una misma fotografía puede explicar un procedimiento o decorar una introducción. Redacte la alternativa según la información que faltaría en ese contexto.
- Dé a la imagen informativa una alternativa concisa y factual.
- Conserve alt="" en imágenes puramente decorativas.
- Explique también en texto cercano los datos importantes de un gráfico complejo.
Cómo nombrar un enlace o botón de imagen
Si el logotipo es el único contenido de un enlace al inicio, su alternativa aporta el nombre. Describir color o forma del icono no explica la acción del botón.
- Compruebe el nombre anunciado de un enlace que contiene solo imagen.
- Haga que explique el destino o la acción.
- Evite descripciones redundantes del icono si el texto contiguo ya nombra el control.
Cómo dimensionar imágenes sin desplazamientos
Una vista pequeña no necesita la fotografía original de muchos megapíxeles. Aun así debe verse clara en pantallas densas: evalúe el tamaño renderizado real.
- Ofrezca variantes adaptables adecuadas y un valor sizes exacto.
- Reserve espacio con dimensiones o relación de aspecto.
- Revise detalle y transferencia innecesaria en móvil.
Cuándo usar carga diferida
Una imagen importante de la primera pantalla puede ser el elemento LCP. Retrasarla innecesariamente ralentiza el resultado visible; evalúe por separado las imágenes posteriores.
- No aplique automáticamente carga diferida a la imagen principal visible.
- Considere diferir imágenes por debajo de la primera pantalla.
- Verifique con mediciones de Core Web Vitals y la página renderizada.
Referencia principal: www.w3.org ↗
Preguntas frecuentes
¿Todas las imágenes necesitan un alt largo y lleno de palabras clave?
El alt depende de la finalidad. Las imágenes informativas necesitan un equivalente conciso, las decorativas suelen necesitar alt vacío y las enlazadas necesitan describir el destino o la función. Repetir palabras clave dificulta la escucha. En variantes de producto, describa una diferencia visible, como el color, cuando importe para la compra.
Cuándo puede cerrar la tarea
Compruebe si la página sigue teniendo sentido sin imágenes. Reserve espacio en el diseño y verifique por separado la carga de la imagen principal; el tamaño del archivo no demuestra un buen LCP.