El atributo alt en <img> no es un truco de SEO ni un requisito burocrático: es la descripción textual de la imagen que usan lectores de pantalla, buscadores y cualquier visitante cuando la foto no carga. En una web de empresa, un alt bien escrito mejora la accesibilidad, refuerza el contexto de producto o servicio y evita señales de baja calidad que Google y tus usuarios interpretan como descuido.
En octubre de 2026, cuando ya has afinado srcset y sizes, el elemento picture y el peso con WebP y AVIF, toca revisar qué cuenta cada imagen con palabras — y qué no debe repetirse.
Qué es el alt y qué problema resuelve
alt (texto alternativo) describe el contenido o la función de la imagen. Si la imagen es puramente decorativa, el alt puede ir vacío (alt="") para que los lectores de pantalla la ignoren. Si transmite información — foto de equipo, captura de panel, diagrama de proceso, icono con significado — el alt debe transmitir esa información sin depender de ver la foto.
En negocio B2B y retail, las imágenes suelen vender confianza: instalaciones, certificaciones, producto en uso. Sin alt, pierdes visitantes con baja visión y oportunidades de posicionar en búsquedas de imagen y consultas long-tail relacionadas con tu sector.
SEO: qué ayuda y qué no
Google usa el alt como una señal entre muchas para entender la imagen y la página. No sustituye un buen título ni un contenido útil, pero un alt específico alinea imagen, encabezados y intención de búsqueda.
- Sí ayuda — Describir qué se ve y por qué importa en la página («Equipo de soporte revisando monitor con métricas de uptime en centro de datos»).
- No ayuda — Listar keywords («SEO Barcelona diseño web barato») o repetir el H1 palabra por palabra.
- Contexto de página — El mismo archivo puede tener alt distinto en catálogo y en caso de éxito si cambia el mensaje.
Combina alt con nombre de archivo razonable y, cuando proceda, optimización de peso sin sacrificar calidad visual.
Accesibilidad: criterios prácticos (WCAG)
Para cumplir espíritu WCAG 2.2 en contenido corporativo:
- Imágenes informativas — Alt que resume la información esencial.
- Imágenes funcionales — Describe la acción («Abrir menú», «Descargar PDF de catálogo»), no el icono en abstracto.
- Imágenes complejas — Alt corto + descripción larga en texto cercano o enlace a sección detallada.
- Decorativas —
alt=""y, si aplica,role="presentation"en SVG decorativo.
Evita «imagen de», «foto de» salvo que aporte claridad; prioriza el sujeto y la acción.
Cómo escribir un buen alt en 30 segundos
Fórmula útil para equipos de marketing y desarrollo:
[Sujeto principal] + [acción o contexto] + [detalle distintivo si aporta]
Ejemplos en web de empresa:
- Mal:
alt="producto" - Bien:
alt="Bomba industrial serie X montada en línea de producción con panel de control visible" - Mal:
alt="equipo" - Bien:
alt="Tres técnicos revisando plano en sala de reuniones con ventanal al taller"
Longitud orientativa: una o dos frases cortas (menos de 125 caracteres si es posible; hasta ~250 si la imagen es densa). Si necesitas más, la descripción larga va en el cuerpo del artículo.
Alt en heroes, galerías y CMS
En el hero, el alt debe coincidir con el mensaje principal sin duplicar el titular al pie de la letra. Si usas fetchpriority en la imagen LCP, el alt sigue siendo obligatorio para accesibilidad.
En galerías de proyectos, evita «proyecto 1, proyecto 2». Nombra cliente (si hay permiso), tipo de obra o resultado. En blogs, las imágenes inline deben ampliar el párrafo anterior, no repetirlo.
Los CMS suelen copiar el título del media al alt: revisa plantillas y bloques reutilizables antes de publicar campañas.
Errores frecuentes en webs corporativas
- Alt igual en todas las imágenes — Típico de plantillas WordPress mal configuradas.
- Omitir alt en iconos con enlace — El lector de pantalla solo oye «enlace»; describe el destino.
- Alt en imágenes de fondo CSS — El contenido importante no puede vivir solo en background-image; usa HTML semántico o aria-label en el bloque.
- Keyword stuffing — Penaliza confianza y puede activar filtros de calidad.
- Duplicar alt y pie de foto — El pie puede ser más literario; el alt, funcional y conciso.
- Olvidar el img dentro de picture — El alt vive en el
imgfinal del picture.
Alt vacío, SVG y logos
Logo en cabecera enlazando a inicio: alt con nombre de la empresa una vez; si el texto «Inicio» ya está al lado, valora alt="" para no repetir. Iconos sociales: nombre de la red («LinkedIn de AATSOFT»), no «icono».
En SVG inline informativo, usa <title> dentro del SVG o aria-label en el contenedor según el patrón de tu diseño system.
Relación con rendimiento y lazy loading
El alt no afecta al peso, pero sí a cómo perciben la página cuando falla la red o el lazy loading retrasa la carga: el usuario ve el texto alternativo. Mantén coherencia con width y height para no romper el layout cuando aparece el alt en caja reservada.
Checklist antes de publicar una página con imágenes nuevas
- ¿Cada img informativa tiene alt específico?
- ¿Las decorativas tienen
alt=""? - ¿Los botones-imagen describen la acción?
- ¿El hero y el LCP tienen alt alineado con la propuesta de valor?
- ¿Has revisado traducciones (ES/EN/CA) con el mismo criterio, no traducción literal del filename?
- ¿Auditoría rápida con lector de pantalla o extensión de accesibilidad en una plantilla?
Conclusión
Un buen alt es copy de producto en miniatura: aclara, convence y abre tu contenido a más personas y más contextos de búsqueda. En webs de empresa, tratarlo como parte del brief de cada imagen — junto a formato, peso y decoding — evita retrabajo legal, de marca y de SEO técnico.
¿Quieres que revisemos catálogo, blog o plantillas de tu CMS? En aatsoft auditamos imágenes, textos alternativos y rendimiento en un mismo informe accionable.
