Cum să vă optimizați imaginile cu “alt text”

No Comments

Alt text (text alternativ) descrie o imagine pe o pagină web. Acesta trăiește în codul HTML și nu este de obicei vizibil pe pagina în sine.

Dar ce este atât de important în legătură cu alt text? Și cum îl poți folosi pentru a îmbunătăți SEO și experiența utilizatorului?

În acest ghid, veți afla:

De ce este important text alt?

Alt text contează din patru motive principale.

1. Alt text îmbunătățește accesibilitatea

Milioane de persoane  sunt deficiente de vedere, iar mulți folosesc cititorii de ecran pentru a consuma conținut online. Acestea funcționează prin conversia conținutului pe ecran, inclusiv imagini, în audio.

Imaginile fără text alt cauzează probleme cititorilor de ecran, deoarece nu există nicio modalitate de a comunica conținutul imaginii utilizatorului. De obicei, sări peste aceste imagini sau, mai rău, citesc nume de fișiere lungi și inutile.

Google vorbește despre importanța textului alt pentru utilizatorii cu cititori de ecran în ghidul lor de pornire SEO .

2. Alt text poate îmbunătăți „relevanța actuală”

Google privește cuvintele de pe o pagină pentru a înțelege despre ce este vorba.

De exemplu, dacă pagina menționează poodle, labradori și retrași, Google știe că este vorba despre rase de câini.

Cum se raportează asta la imagini?

Deoarece, uneori, contextul este „blocat” în imagini pe care Google nu le poate citi.

Utilizarea textului alternativ ajută Google să înțeleagă aceste imagini, ceea ce duce la o mai bună înțelegere a paginii dvs. și a conținutului acesteia.

3. Alt text vă poate ajuta să vă clasificați în Google Images

Google Images este cel de-al doilea motor de căutare din lume. Este responsabil pentru 20,45% din toate căutările online , punându-l înainte pe YouTube, Bing și alte motoare de căutare  combinate.

Aceasta înseamnă că există o oportunitate de a genera trafic de pe Google Images.

Uitați-vă la numărul de clicuri pe care le-am avut pe blogul Ahrefs din Google Images în ultimele trei luni:

6.400 de clicuri din Google Images în ultimele 3 luni

John Mueller de la Google spune că textul alt este o parte importantă a optimizării pentru Google Images:

 John @JohnMuReplying to @BrowserBugs @RNIB

Alt text is extremely helpful for Google Images — if you want your images to rank there. Even if you use lazy-loading, you know which image will be loaded, so get that information in there as early as possible & test what it renders as.8110:59 AM – Sep 4, 2018Twitter Ads info and privacy49 people are talking about this

4. Alt text servește ca text ancoră pentru legăturile de imagine

Textul de ancoră  se referă la cuvintele care pot fi făcute clic pe care leagă o pagină web la alta. Google îl folosește pentru a înțelege mai multe despre pagina web și despre ce este vorba.

Dar nu toate linkurile sunt text; unele sunt imagini.

Google afirmă:

Dacă decideți să utilizați o imagine ca link, completarea textului alt vă ajută Google să înțeleagă mai multe despre pagina la care faceți legătura . Imaginează-ți că scrii text ancoră pentru un link text.

Cum să adăugați text alt la imagini

Pur și simplu adăugați un atribut alt la <img>eticheta din codul HTML .

Imagine cu o etichetă alt:

<img src=“pie.jpg” alt=“steak and ale pie”>

Dacă utilizați un CMS modern , ar trebui să fie posibil să adăugați text alt fără a fi nevoie să săpați în codul HTML .

De exemplu, în WordPress, există un câmp pentru text alt atunci când adăugați o imagine la o pagină sau postare:

Lucrurile sunt similare în alte CMS .

Iată instrucțiuni pentru unele dintre cele mai populare:

Ar trebui să adăugați text alt la toate imaginile?

Nu, aceasta este o concepție greșită comună.

Dacă imaginea există în scopuri decorative și nu conține informații importante, nu este necesar să adăugați text alt.

De exemplu, unele site-uri web au pictograme pentru a separa conținutul:

Acestea sunt doar pentru a arăta destul de bine, așa că nu ar trebui să adăugați text alt. Dacă faceți acest lucru, veți enerva doar vizitatorii cu cititorii de ecran și nu va adăuga nicio „ valoare SEO ” în pagină.

Același lucru este valabil și pentru imagini generice sau stocuri de acest fel:

Imagine de stoc de baie și lumânare pe un site web de instalatori

Dacă aveți un text alt care citește „baie și lumânare” nu este util pentru cititorii cu deficiențe de vedere, deoarece este informația pe care nu trebuie să o știe. Ar fi mai bine ca cititorul de ecran să îl ignore complet.

Dar, iată un punct important …

Dacă o imagine nu necesită text alt, cea mai bună practică este adăugarea unui atribut alt gol. Acest lucru se datorează faptului că unii cititori de ecran citesc numele fișierelor în absența unui atribut alt, în timp ce majoritatea le vor omite cu cele goale.

Iată cum arată asta:

<img src="spacer.gif" alt="">

Aflați mai multe în acest ghid de la WebAIM .

Cum să scrii text bun alt

Alt text nu este știință rachetă.

Urmați aceste cinci cele mai bune practici și ar trebui să fiți bun.

  • Fii concis . Un alt text lung este enervant pentru cei care folosesc cititori de ecran. Folosiți cât mai puține cuvinte. (Utilizați atributul longdesc dacă este necesară o descriere lungă.)
  • Fii precis.  Concentrați-vă pe descrierea imaginii.
  • Evitați umplutura de cuvinte cheie.  Acesta nu este un loc pentru cuvintele cheie pentru pantofi.
  • Evitați să spuneți că este o imagine.  Nu este necesar să includeți „Imagine de…” sau „Imagine de…” în descrieri. Atât Google, cât și cititorii de ecran se pot rezolva singuri.
  • Evitați redundanța.  Nu repetați informațiile care există deja în contextul imaginii. De exemplu, dacă aveți o fotografie cu Steve Jobs și textul direct sub imagine scrie „Steve Jobs”, nu este necesar să adăugați această descriere la eticheta alt. Google ar trebui să înțeleagă că subtitrarea este în mod eficient textul alt.

Ar trebui să vă amintiți, de asemenea, să adăugați text alt pentru a forma butoane. În caz contrar, cititorii de ecran ar putea trece peste ei, iar unii vizitatori nu vor putea interacționa cu site-ul dvs. web.

Exemple de text alt și bun

Să ne asigurăm că înțelegem ce funcționează și ce nu cu câteva exemple.

cheesecake de căpșuni cu smântână

Rău: <img src=“cheesecake.png” alt=“picture of cheesecake”>
Bine : <img src=“cheesecake.png” alt=“cheesecake”>
Bine : <img src=“cheesecake.png” alt=“strawberry cheesecake”>
Cel mai bun :<img src=“cheesecake.png” alt=“strawberry cheesecake with cream”>

fondator de mere, steve locuri de muncă, deține iPhone 4

Rău : <img src=“steve-jobs.png” alt=“steve jobs apple iphone ipad mac”>
Bine : <img src=“steve-jobs.png” alt=“steve jobs”>
Bine : <img src=“steve-jobs.png” alt=“apple founder, steve jobs”>
Cel mai bun :<img src=“steve-jobs.png” alt=“apple founder, steve jobs, holding the iphone 4”>

portocaliu AD30HTC - amplificator de 30 wați

Rău : <img src=“amp.png” alt=“image4">
Bine : <img src=“amp.png” alt=“orange amplifier”>
Bine : <img src=“amp.png” alt=“orange amplifier - 30 watts”>
Cel mai bun :<img src=“amp.png” alt=“orange AD30HTC - 30 watt amplifier”>

Rețineți includerea numărului de model în exemplul final. Aceasta este o bună practică, în special pentru imaginile din paginile de produse de comerț electronic.

Cum să găsiți și să remediați probleme cu atribute alt

O mulțime de instrumente sunt capabile să târască site-ul dvs. și să găsească atribute alt lipsă, inclusiv auditul site-ului Ahrefs .

Dar lipsa textului alt nu este întotdeauna o problemă, deoarece nu toate imaginile necesită text alt.

De exemplu, aruncați o privire la aceste atribute alt care lipsesc:

Lipsește text alt în fișierele numite pictograma 1 și pictograma 2

Din numele fișierelor este clar că nu au nevoie de alt text. Sunt decorative, ceea ce înseamnă că am dori ca un cititor de ecran să treacă chiar peste ele.

Deci, mai degrabă decât să te agăți de site-ul tău și să te obsedeze de fiecare atribut alt care lipsește (majoritatea site-urilor au destul de multe lipsă), o idee mai bună este să auditezi și să îmbunătățești etichetele alt pentru paginile care au deja trafic.

Există două motive pentru aceasta:

  1. Au cititori cu deficiențe de vedere.  2,4% dintre cetățenii americani  au un handicap vizual. Aceasta este una din aproximativ 42 de persoane, ceea ce înseamnă că, în medie, dacă pagina dvs. primește 10.000 de vizitatori pe lună, 240 dintre ei nu vă pot consuma conținutul corect.
  2. Ar putea să obțină mai mult trafic. Alt text poate ajuta imaginile să se clasifice mai bine în Google Images, ceea ce duce la mai mult trafic. Chiar și doar o creștere de 1% a unei pagini cu 10.000 de vizite lunare reprezintă 100 de vizitatori în plus.

Iată procesul:

Pasul 1. Găsiți cele mai vizitate pagini din căutare organică

Verificați Google Analytics, Google Search Console sau raportul „Pagini de top” din Exploratorul de site Ahrefs .

Pagini de top în trafic organic în Exploratorul de site Ahrefs

Pasul 2. Verificați-vă atributele alt

Instalați extensia gratuită Alt Text Tester Chrome , încărcați pagina cu cel mai mult trafic, apoi activați extensia.

Ar trebui să vedeți textul alt afișat de fiecare dată când treceți peste o imagine.

Dacă atributul alt lipsește, veți vedea un avertisment.

Verificați textul alt pentru câteva imagini pe pagină. În curând veți obține o idee dacă sunt bine optimizate, slab sau deloc.

De exemplu, este nevoie doar de câteva secunde de derulare a acestui post pentru a vedea că toate imaginile sunt bine optimizate …

Exemplu de text alternativ bine optimizat

… întrucât același lucru nu este valabil pentru această pagină în Oglinda:

Exemplu de imagini cu text alt optimizat slab

Pasul 3. Repetați pentru mai multe pagini

Repetați acest proces pentru paginile cele mai vizitate de pe site-ul dvs. web. Acest lucru ar trebui să vă ofere o idee dacă optimizarea textului dvs. este solidă sau are nevoie de muncă.

Deoarece majoritatea site-urilor web primesc cea mai mare parte a traficului lor la doar o mână de pagini, acest lucru nu ar trebui să dureze prea mult.

De exemplu, doar zece postări pe blogul Ahrefs reprezintă 51% din traficul organic lunar …

Top 10 pagini de trafic organic în Exploratorul de site Ahrefs

… astfel încât să putem verifica și optimiza cu ușurință textul alt pentru majoritatea paginilor noastre cu trafic mare în câteva minute.

Gânduri finale

Optimizarea textului alternativ este importantă, dar nu este totul final al imaginii SEO . De asemenea, ar trebui să optimizați numele fișierelor, să serviți imagini responsive, să luați în considerare încărcarea leneșă și multe altele.

This is author biographical info, that can be used to tell more about you, your iterests, background and experience. You can change it on Admin > Users > Your Profile > Biographical Info page."

About us and this blog

We are a digital marketing company with a focus on helping our customers achieve great results across several key areas.

Request a free quote

We offer professional SEO services that help websites increase their organic search score drastically in order to compete for the highest rankings even when it comes to highly competitive keywords.

Subscribe to our newsletter!

More from our blog

See all posts

Leave a Comment