L'atribut alt en <img> no és un truc de SEO ni burocràcia: és la descripció textual de la imatge que usen lectors de pantalla, cercadors i visitants quan la foto no carrega. En una web d'empresa, un alt ben escrit millora l'accessibilitat, reforça el context de producte o servei i evita senyals de baixa qualitat que Google i els usuaris interpreten com descuit.
A l'octubre de 2026, quan ja has afinat srcset i sizes, l'element picture i el pes amb WebP i AVIF, toca revisar què explica cada imatge amb paraules — i què no s'ha de repetir.
Què és l'alt i quin problema resol
alt (text alternatiu) descriu el contingut o la funció de la imatge. Si és purament decorativa, l'alt pot anar buit (alt="") perquè els lectors de pantalla l'ignoren. Si transmet informació — foto d'equip, captura de panell, diagrama — l'alt ha de transmetre-la sense veure la foto.
SEO: què ajuda i què no
- Sí ajuda — Descriure què es veu i per què importa a la pàgina.
- No ajuda — Llistes de paraules clau o repetir l'H1 mot per mot.
- Context de pàgina — El mateix fitxer pot tenir alt diferent en catàleg i cas d'èxit.
Accessibilitat: criteris pràctics
- Imatges informatives — Alt que resume la informació essencial.
- Funcionals — Descriu l'acció («Obrir menú», «Descarregar PDF»).
- Complexes — Alt curt + descripció llarga al text proper.
- Decoratives —
alt="".
Com escriure un bon alt en 30 segons
[Subjecte principal] + [acció o context] + [detall distintiu si aporta]
Alt en heroes, galeries i CMS
En el hero, l'alt ha d'alinear-se amb el missatge principal sense copiar el titular. Si fas servir fetchpriority a la imatge LCP, l'alt segueix sent obligatori.
Errors freqüents
- Alt igual en totes les imatges
- Ometre alt en icones amb enllaç
- Contingut important només en fons CSS
- Keyword stuffing
- Oblidar l'img dins de picture
Rendiment i lazy loading
L'alt no afecta el pes, però sí l'experiència quan falla la xarxa o el lazy loading retarda la càrrega. Mantén width i height coherents.
Checklist abans de publicar
- ¿Cada img informativa té alt específic?
- ¿Les decoratives tenen
alt=""? - ¿Els botons-imatge descriuen l'acció?
- ¿Has revisat ES/EN/CA amb el mateix criteri?
Conclusió
Un bon alt és copy de producte en miniatura. En webs d'empresa, tractar-lo com part del brief de cada imatge — junt amb format, pes i decoding — evita retrabal legal, de marca i de SEO tècnic.
Vols que revisem catàleg, blog o plantilles del teu CMS? A aatsoft auditem imatges, textos alternatius i rendiment en un mateix informe accionable.
