Imágenes y textos alternativos
Las imágenes necesitan una descripción alternativa, un formato moderno y compresión.
Qué es
El atributo alt es una descripción de texto de una imagen. Lo leen los motores de búsqueda (que no pueden ver la imagen) y los lectores de pantalla, y se muestra cuando la imagen no se carga.
Por qué importa
Los textos alternativos ayudan a clasificar en la búsqueda de imágenes y a hacer que el sitio sea accesible. Las imágenes no optimizadas (JPEG/PNG grandes sin compresión) son la causa más común de carga lenta y una peor puntuación de velocidad.
Cómo hacerlo
- 1Agregue un alt descriptivo a cada imagen de contenido (las decorativas pueden tener alt="").
- 2Describe lo que hay en la imagen de forma natural y, cuando corresponda, con una palabra clave, no "imagen1.jpg".
- 3Utilice formatos modernos WebP/AVIF en lugar de JPEG/PNG (entre un 25 % y un 50 % más pequeños).
- 4Comprimir y cambiar el tamaño a las dimensiones realmente necesarias; agregue carga diferida para imágenes fuera del área visible.
Ejemplo
<img src="DSC_0042.jpg"><img src="kids-winter-jacket-blue.webp" alt="Kids' winter jacket in blue with a hood" loading="lazy" width="600" height="800">Conclusión
Maneja imágenes en dos niveles: textos alternativos (SEO + accesibilidad) y optimización del peso (velocidad). Ambos son fáciles y aportan un doble beneficio. Un formato moderno + compresión + carga diferida a menudo aumentan significativamente la puntuación de velocidad por sí solos.
Temas relacionados