Aflați despre HTML Alt atribut Etichete imagine

Una dintre cele mai simple moduri de a face site-ul dvs. mai accesibil este să utilizați un alt atribut în etichetele de imagine. Este uimitor pentru mine câți oameni uităm să folosim acest atribut simplu. De fapt, dacă doriți să scrieți valabil XHTML, atributul alt este necesar pentru eticheta img. Și totuși oamenii încă nu o fac.

Atributul ALT

Atributul alt este un atribut al etichetei img și este menit să fie altul pentru browserele non-vizuale atunci când acestea intră în imagini. Aceasta înseamnă că textul este destinat a fi utilizat atunci când imaginea nu este vizibilă pe pagină. În schimb, ceea ce este afișat (sau citit) este textul alternativ .

Multe browsere afișează de asemenea textul altul atunci când clientul își așază mouse-ul pe imagine. Acest lucru înseamnă că textul trebuie să fie clar și ușor de citit și să nu creeze un coșmar uriaș pentru orice cititor care își întrerupe mouse-ul pe pagină. Adăugarea alt text este simplă, pur și simplu utilizați atributul alt pe imaginea dvs. Iată câteva sfaturi pentru a scrie alte etichete:

Scurte

Unele browsere se vor rupe dacă textul altceva este prea lung. Și, deși ar putea părea frumos să descrii exact ceea ce este în imagine, nu acesta este scopul etichetei alt. În schimb, ar trebui să fie umplut cu exact cuvintele necesare pentru a pune imaginea în context și nu mai mult

Fii clar

Nu fi atât de scurt încât contextul este confuz. Amintiți-vă, unii oameni vor vedea NUMAI textul în etichetele tale alt, deci dacă este prea scurt, ei ar putea să nu înțeleagă ce încercați să le arătați. De exemplu:

Fii contextual

Nu descrie imaginea dacă este destinată vizualizării în context. De exemplu: dacă aveți o imagine a siglei companiei, trebuie să scrieți "Company Name" și nu "Logo Company Name".

Nu afișați lucrările interne ale site-ului dvs.

Dacă introduceți imagini de la distanță, utilizați doar un spațiu pentru alt text. Dacă scrieți "spacer.gif", doar atrage atenția asupra site-ului, în loc să furnizeze informații utile. Și, din punct de vedere tehnic, dacă încercați să scrieți XHTML valabil, ar trebui să utilizați CSS mai degrabă decât imaginile de distanțare, astfel încât este posibil să lăsați textul altar al acestor imagini.

Fiți conștienți de motorul de căutare

Dacă aveți text bun, concis, clar altul, care vă poate ajuta de fapt clasamentul motorului dvs. de căutare , deoarece imaginile de pe pagina dvs. promovează și îmbunătățesc cuvintele dvs. cheie.

Nu o utilizați decât pentru optimizarea motorului de căutare

Multe site-uri cred că dacă utilizează alt text ca instrument SEO, pot "fool" motoarele de căutare în optimizarea site-ului lor pentru un cuvânt cheie pe care nu-l au acolo. Cu toate acestea, acest lucru poate apărea în cazul în care motorul de căutare decide că încercați să falsificați rezultatele și să vă eliminați complet rezultatele.