Alt Text

Rolul textului alternativ

Alt Text, numit și text alternativ, este valoarea atributului alt din elementul HTML <img>. El oferă un înlocuitor textual pentru imagine. Cititoarele de ecran pot citi această valoare, astfel încât utilizatorii să înțeleagă semnificația imaginii fără să o vadă.

Textul alternativ poate apărea și atunci când imaginea nu se încarcă. Cauzele pot include erori de rețea, blocarea conținutului, un fișier invalid sau o adresă care nu mai funcționează.

<img src="cana-ceramica-albastra.jpg"
     alt="Cană albastră din ceramică, cu mâner rotund">

Imagini informative și imagini decorative

O imagine care transmite informație trebuie să aibă o valoare alt utilă. Descrierea trebuie să exprime ceea ce înseamnă imaginea în contextul paginii.

Pentru o imagine pur decorativă se folosește un atribut gol:

<img src="separator-decorativ.svg" alt="">

Valoarea goală arată browserelor non-vizuale că imaginea nu este o parte importantă a conținutului și poate fi omisă. Atributul nu trebuie eliminat doar pentru că imaginea este decorativă.

Legătura cu pagina

Google recomandă folosirea unor nume de fișiere, titluri și texte alternative descriptive. De asemenea, imaginile trebuie plasate lângă text relevant și pe pagini care tratează subiectul reprezentat. Google extrage informații despre imagine și din conținutul paginii, inclusiv din legende și titlurile imaginilor.

Alt Text nu înlocuiește celelalte elemente ale optimizării imaginilor. Descoperirea imaginii depinde și de utilizarea elementelor HTML standard, precum <img>, iar pagina în care apare imaginea oferă context despre subiectul acesteia.

Importanța pentru SEO clasic

Google recomandă texte alternative descriptive în cadrul bunelor practici pentru Google Images. Alt Text oferă o reprezentare textuală a imaginii și completează contextul furnizat de conținutul paginii, legendă, titlul imaginii și numele fișierului.

Google poate găsi și procesa imaginile introduse prin elemente HTML standard <img>. Imaginile definite numai ca fundaluri CSS nu sunt indexate de Google. Prin urmare, un text alternativ bun trebuie asociat unei implementări HTML potrivite și unei pagini relevante pentru subiectul imaginii.

Alt Text este important și pentru accesibilitate. Cititoarele de ecran îi folosesc valoarea pentru a comunica semnificația imaginii. Dacă fișierul nu se încarcă, textul poate înlocui vizual imaginea în pagină.

Legătura cu sistemele AI

GEO este un termen folosit în industrie, nu o funcție Google. Pentru AI Overviews și AI Mode nu există cerințe SEO speciale suplimentare. Textul alternativ trebuie folosit conform rolului său obișnuit: să ofere o reprezentare textuală utilă și coerentă cu imaginea și cu pagina. Folosirea sa nu garantează includerea paginii sau a imaginii într-un răspuns generat.

Un magazin românesc publică o pagină pentru o cană artizanală produsă în Horezu. Imaginea principală arată produsul pe o masă.

Implementare potrivită:

<img src="cana-ceramica-horezu-albastra.jpg"
     alt="Cană albastră din ceramică de Horezu, pictată manual">

Textul identifică obiectul și caracteristicile vizibile relevante. Dacă aceeași pagină include un model grafic folosit numai pentru separarea secțiunilor, imaginea poate avea un atribut gol:

<img src="motiv-decorativ.svg" alt="">

Descrierea produsului, titlul paginii și textul din apropierea imaginii trebuie să rămână coerente cu ceea ce este prezentat.

1. Deschide pagina în browser și inspectează fiecare element <img> cu instrumentele pentru dezvoltatori.
2. Verifică dacă elementul are atributul alt, inclusiv atunci când valoarea corectă este alt="".
3. Compară valoarea atributului cu imaginea și cu textul din apropiere. Descrierea trebuie să reflecte rolul imaginii în pagină.
4. Blochează temporar încărcarea imaginii sau folosește o adresă invalidă într-un mediu de testare pentru a vedea înlocuitorul textual.
5. Testează pagina cu un cititor de ecran pentru a verifica dacă textul alternativ comunică sensul imaginii fără informații inutile.
6. Într-un audit automatizat, verifică imaginile semnalate ca având atributul alt lipsă sau gol. Analizează manual rezultatele, deoarece o valoare goală poate fi corectă pentru o imagine decorativă.

1. Adaugă atributul alt tuturor elementelor <img>.
2. Descrie scopul și semnificația imaginilor informative în contextul paginii.
3. Folosește alt="" pentru imaginile strict decorative.
4. Plasează imaginile lângă conținut relevant pentru subiectul lor.
5. Folosește nume de fișiere scurte și descriptive.
6. Introdu imaginile de conținut prin elemente HTML standard, nu exclusiv ca fundaluri CSS.
7. Verifică manual textele alternative generate automat înainte de publicare.