Scrierea textului Mare Alt pentru imaginile site-ului

Îmbunătățirea accesibilității și a conținutului paginii cu Alt Text

Uită-te la aproape orice site de pe Web de astăzi și veți vedea că unul dintre lucrurile pe care le au în comun sunt imagini. Imaginile pot fi folosite pe site-uri web pentru a adăuga fler vizual, ajuta la ilustrarea ideilor și pentru a adăuga la conținutul general al paginii. Pe lângă alegerea imaginilor potrivite și pregătirea corectă pentru livrarea pe web , asigurarea faptului că toate imaginile site-ului dvs. utilizează corect textul ALT este o parte foarte importantă a utilizării corecte a acestor imagini pentru Web.

Ce este Alt Text

Alt text este textul alternativ utilizat de browserele de text și de alți agenți de web care nu pot vizualiza imaginile. Este, de asemenea, unul dintre singurele atribute cerute de eticheta imaginii. Dacă scrieți alt text eficient, asigurați-vă că paginile dvs. Web sunt accesibile persoanelor care pot utiliza un cititor de ecran sau alt dispozitiv asistat pentru a vă accesa site-ul. De asemenea, vă asigurați că în locul unei imagini nu va fi afișat ceva dacă nu se încarcă din orice motiv (cale greșită, eșec de transmisie etc.). Acesta este scopul real al textului Alt, dar acest conținut vă poate oferi, de asemenea, mai multe locuri pentru a adăuga un text prietenos cu SEO pe care motoarele de căutare nu vă vor penaliza (mai mult pe scurt).

Alt text trebuie să repetă textul din imagine

Orice imagine care are text în ea ar trebui să aibă textul ca text alternativ. Puteți plasa alte cuvinte în textul alternativ, dar cel puțin ar trebui să spun același lucru ca imaginea. De exemplu, dacă aveți un logo pentru imaginile dvs., textul Alt ar trebui să repete numele companiei scrise cu logo-ul dvs. grafic.

Amintiți-vă, de asemenea, că imaginile ca și logo-urile pot implica și text - de exemplu, când vedeți pictograma mingii roșii de pe site-ul Web de la About.com, înseamnă "About.com". Deci, textul alternativ pentru pictograma respectivă ar putea spune "About.com" și nu doar "logo-ul companiei".

Păstrați textul scurt

Cu cât este mai lung textul dvs. alternativ, cu atât mai dificil va fi cititul de către browserele de text. Poate fi tentant să scrieți propoziții lungi de text alternativ (în mod normal, acest lucru se întâmplă deoarece cineva încearcă să alimenteze eticheta cu cuvinte cheie), dar păstrarea etichetelor dvs. Alt scurtează paginile dvs. mai mici și mai mici descărcând mai repede.

O regulă bună pentru textul alternativ este păstrarea între 5 și 15 cuvinte în total.

Utilizarea cuvintelor dvs. cheie SEO în alte etichete

Oamenii gândesc adesea în mod greșit că scopul textului alternativ este de a pune cuvintele cheie ale motorului de căutare. Da, acesta este un beneficiu pe care îl puteți utiliza, dar numai dacă textul pe care îl adăugați are sens pentru scopul real al etichetei alt - să afișați un text inteligent care să explice ce este imaginea dacă cineva nu ar putea să o vadă!

Acum, acest lucru fiind spus, textul Alt care nu este menit ca un instrument SEO nu inseamna ca nu poti folosi cuvintele cheie in acest text. Deoarece textul alternativ este important și necesar în imagini, este puțin probabil ca motoarele de căutare să vă penalizeze pentru introducerea cuvintelor cheie acolo dacă conținutul pe care îl adăugați are sens. Amintiți-vă că prima dvs. prioritate este pentru cititorii dvs. Spațiul de cuvinte cheie din textul alternativ poate fi detectat, iar motoarele de căutare își modifică regulile tot timpul pentru a preveni spam-urile.

O regulă bună este să utilizați cuvintele cheie ale motorului dvs. de căutare unde se încadrează în descrierea imaginii și să nu utilizați mai mult de un cuvânt cheie în textul dvs. alternativ.

Păstrați-vă textul semnificativ

Rețineți că punctul de alt text este de a defini imaginile pentru cititorii dvs. Mulți dezvoltatori Web folosesc textul alternativ pentru ei înșiși, inclusiv lucruri precum dimensiunea imaginii, numele fișierelor imagine și așa mai departe. În timp ce acest lucru ar putea fi util pentru dvs., nu face nimic pentru cititorii dvs. și, prin urmare, ar trebui să fie omise din aceste etichete.

Utilizați numai textul Blank Alt pentru pictogramele și bullet-urile

Periodic veți utiliza imagini care nu au text descriptiv util, cum ar fi gloanțele sau simbolurile simple. Cel mai bun mod de a utiliza aceste imagini este în CSS, unde nu aveți nevoie de text alternativ. Dar dacă trebuie să le aveți absolut în HTML, folosiți un atribut blank alt decât să lăsați-l complet.

Poate fi tentant să puneți un caracter ca un asterisc (*) pentru a reprezenta un glonț, dar acest lucru poate fi mai confuz decât să lăsați gol. Și punerea textului "bullet" se va face chiar mai ciudat într-un browser de text.

Articolul original de Jennifer Krynin. Editat de Jeremy Girard pe 3/3/17