Atribut alternativ WordPress explicat: Ce este textul alternativ al imaginii?

Știm cu toții cât de important este să folosiți imagini în paginile și articolele dvs. Simplele blocuri de text devin mai pline de viață, vă atrageți vizitatorii într-un mod mai vizual și vă transmiteți mesajul. Dar când adăugați unul, nu vă puteți abține să nu vă concentrați pe un câmp cu sunete ciudate. „Hmm, text alternativ, ce ar fi asta acum”, te gândești. Cu siguranță nu poate fi un domeniu pe care dezvoltatorii WordPress l-au adăugat în mod aleatoriu - dacă există, probabil că are un scop.

Textele alternative sunt atribute HTML adăugate etichetelor de imagine. Sunt șiruri scurte de text, pe care WordPress le arată dacă nu poate afișa o imagine. Textele alternative vă îmbunătățesc SEO-ul imaginii. De asemenea, ajută atât utilizatorii cu deficiențe de vedere cu cititoare de ecran, cât și motoarele de căutare să înțeleagă conținutul unei imagini.

Textele alternative au, de asemenea, câteva nume folosite ocazional, cum ar fi „alt tag”, „alt text” sau „atribut alt”. Pentru a profita la maximum de el, consider că este mai bine să mă gândesc la etichete alt de acest fel: un atribut alt este ca „rezumatul executiv” al unui raport lung. Rezumă foarte scurt și concret ceea ce conține imaginea (adică raportul).

Unele platforme CMS existente și multe site-uri web personalizate necesită să adăugați acea parte manual direct în codul fiecărei pagini. Cu toate acestea, acei norocoși ca noi aici primesc această funcție mult mai ușor în WordPress.

Cum funcționează textele de imagine în WordPress?

Textele alternative nu sunt ceva nou. De asemenea, nu sunt ceva unic pe care îl oferă doar WordPress. De fapt, acestea sunt o funcționalitate foarte veche datând din primele zile ale internetului la sfârșitul secolului al XX-lea.

De la introducerea lor în 1995, când a fost lansat HTML 2.0, etichetele alt au avut trei scopuri concrete:

• Etichetele Alt apar pe pagina dvs. în locul imaginii dacă browserul nu poate încărca imaginile dintr-un motiv oarecare.
• Cititoarele de ecran citesc cu voce tare text alternativ pentru persoanele care utilizează asistență vizuală atunci când navighează pe internet.
• Motoarele de căutare ca Google le folosesc pentru a înțelege mai bine conținutul imaginii.

Prin urmare, textele alternative sunt o funcționalitate excelentă de accesibilitate și nu necesită multă muncă suplimentară pentru a fi adăugate.

Exemple de texte de imagine alt în WordPress

Acum să ne uităm la câteva exemple de texte alt. Am evidențiat care sunt exemplele bune și rele, astfel încât să puteți înțelege exact ceea ce doriți să includeți în etichetele alt.

Exemplu de text alternativ bun

Iată o imagine pe care am inserat-o pe una dintre postările noastre de pe blog. După cum puteți vedea mai jos, scopul imaginii este de a arăta exact cum cititorul poate obține rezultatul descris în articol.

Rezultatul final al etichetei alt pe care l-am creat este „Bun exemplu de NAP pe pagina Contactați-ne”.

Deoarece imaginea adaugă context și ajută utilizatorul să-și rezolve problema, este important să o marcăm corect și să o subliniem.

Exemplu de text alternativ greșit

Între timp, puteți crea și texte alternative care nu vă sunt de ajutor. Să presupunem că aceeași imagine are o etichetă alt de „NAP” sau „business NAP”.

Acest text alternativ este rău, deoarece nu servește nimănui și consumă doar timp. Deci, asta înseamnă că niciun alt text nu este mai bun decât un alt text? Deși este discutabil, părerea noastră este că astfel de etichete alt nu sunt utile din punct de vedere al accesibilității utilizatorilor. De asemenea, nu adaugă niciun context pentru crawlerele Google. Chiar și în cel mai rău caz în care imaginea nu poate fi afișată, utilizatorul rămâne confuz, deoarece vede doar un cuvânt aleatoriu pe pagină - în loc de un șir concis care le oferă o idee despre ceea ce ar trebui să fie acolo.

Prin urmare, am decis că pierderea timpului pentru a crea etichete alt proaste nu merită. În schimb, atunci când decidem să verificăm site-ul nostru și să facem acest lucru, considerăm că este o investiție mult mai bună în timp pentru a crea de fapt etichete alt care sunt utile.

9 cele mai bune practici pentru scrierea textului alternativ de imagine excelent în WordPress

Acum știi cum să lucrezi cu atributul alt pentru imagini în WordPress. Cu aceasta, să trecem în revistă câteva sfaturi și cele mai bune practici pentru a ne asigura că le folosiți corect.

1. Textele alternative trebuie să fie mai mici de 125 de caractere

Păstrați etichetele alt mai scurte de 125 de caractere. Nu există reguli stricte cu privire la cât timp ar trebui să fie etichetele alt, așa că folosiți această recomandare ca regulă generală. Cu toate acestea, ori de câte ori este relevant, nu ezitați să sacrificați această regulă generală pentru texte mai descriptive. Cu toate acestea, acest lucru nu este de obicei necesar.

În plus, acesta este un exemplu de cum arată 125 de caractere:

„Aaaaaaaaaaa aaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaa aaaaaaaaaaaaa aaaaaaaaaa“

Este mult text! În marea lor majoritate, puteți să vă încadrați textele alternative în el.

2. Fie Scrieți Etichete Alt Bune, fie deloc

Dar ce zici de marja inferioară? Din punct de vedere tehnic nu există (bine, cu excepția 0, desigur). A vorbi din experiența personală, a merge pe drumul leneș și a scrie doar un singur cuvânt sau două nu merită, de asemenea, să-ți petreci timpul. Adică, dacă nu intenționați să scrieți etichete alt bune, acestea sunt la fel de bune ca și când nu le-ați avea în primul rând.

3. Păstrați etichetele Alt similare, dar unice

Este perfect acceptabil să faceți ca etichetele dvs. alt să fie similare - dar asigurați-vă că sunt încă unice. Să presupunem că aveți imagini care explică doi pași consecutivi într-o postare. În acest caz, este oarecum inevitabil să aveți piese duplicate.

Totuși, aici vă puteți asigura că fiecare text alternativ este suficient de unic, explicând în mod clar fiecare pas și marcându-l cu numărul potrivit.

De exemplu: alt = ”acesta este primul pas al tutorialului meu despre textul alt WordPress” vs. alt = ”al doilea pas pentru tutorialul WordPress alt tags”

4. Evitați să folosiți „Imagine a”, cu excepția cazului în care este relevantă

În general, nu este nevoie să scrieți „o imagine a” sau „o captură de ecran a” în textele alt. Motoarele de căutare și cititoarele de ecran știu că au de-a face cu o imagine, astfel încât adăugarea textului nu este necesară. Spațiul rămas poate fi folosit mai bine.

Aceasta este, desigur, adevărat, cu excepția cazului în care doriți să apăreați în Google pentru acele interogări de cuvinte cheie. Dacă cuvântul cheie vizat include expresia, să spunem „captură de ecran a”, atunci adăugarea acestuia la imagine va ajuta într-adevăr să apară mai sus în căutarea Google.

De exemplu, să presupunem că auziți despre știri imagini despre corespondența prin e-mail a unui politician. Bineînțeles, ați putea căuta ceva de genul „imagini ale e-mailurilor scurse [NUME IMAGINAR AL POLITICIANULUI]”.

Aici, adăugând că expresia „imagini” din textul dvs. alternativ vă va ajuta să apăreați pentru acea interogare de căutare - deși, desigur, acest lucru singur nu garantează că site-ul dvs. va fi oriunde în partea de sus.

În mod similar, să presupunem că aveți postări care vizează cuvinte cheie în jurul „inspirației” pentru un subiect. În acest caz, este de asemenea acceptabilă utilizarea unor expresii precum „imagini inspiraționale ale [subiectului” ”.

5. Nu trimiteți spam cuvintelor cheie în textele dvs. alternative

Când scrieți etichete alt, păstrați textul relevant și evitați spamul cuvintelor cheie.

Adică, dacă imaginea dvs. prezintă un câine, nu scrieți un text alternativ asemănător cu „câinii cani câine de companie câine cel mai bun prieten al unui câine de rasă de câine”. În schimb, optează pentru ceva mai descriptiv care adaugă context.

Potențial, acest text explică în mod natural imaginea, având în vedere conținutul și paragraful care îl înconjoară. Vă voi arăta exemple specifice în secțiunile de mai jos.

6. Adăugarea ultimelor imagini ajută la scrierea textelor Alt bune

Adăugarea de imagini după ce ați pregătit pe deplin postarea de pe blog vă poate asigura că nu pierdeți niciun alt tag și trebuie să petreceți timpul suplimentar pentru a le remedia mai târziu. Uneori, s-ar putea chiar să editați o etichetă alternativă după ce ați inserat imaginea doar pentru a constata că aceasta nu se actualizează pe pagină.

Amintiți-vă că adăugarea de imagini în WordPress se face cel mai bine ca ultim pas atunci când creați pagini și postări.

7. Utilizați numele imaginii ca text alternativ

Când vă aprovizionați imaginile, nu uitați să le numiți ceva foarte relevant pentru ceea ce scrieți. În loc să folosiți spații, pur și simplu folosiți liniuțe pentru a separa cuvintele. Cu aceasta, după ce încărcați imaginea, puteți să copiați pur și simplu numele pe care l-ați scris deja și să eliminați cratimele. Acest lucru vă va oferi o etichetă alternativă perfectă, fără a pierde timp. Pentru a afla exact cum fac acest proces, citiți această secțiune din ghidul nostru despre adăugarea de etichete alt în WordPress.

8. Tag-uri Alt minunate Descrieți imaginile în detaliu

Când scrieți etichete alt, este important să fiți descriptiv. Cu cât descrieți mai bine ceea ce apare pe imagine, cu atât mai ușor au timp utilizatorii cu deficiențe de vedere în a înțelege de ce puneți o imagine acolo. Același lucru este valabil și pentru motoarele de căutare. Această practică vă oferă șanse mai mari ca Google să vă afișeze site-ul atunci când cineva caută acest tip de imagine. Acest lucru se întâmplă chiar și pentru căutări mai lungi, diferite de cea exactă pentru care ați optimizat - cunoscută și sub numele de cuvinte cheie long tail.

9. Puneți imaginile dvs. de proiectare a site-ului în CSS

Dacă o imagine este făcută doar din motive de proiectare, ar trebui să o implementați în CSS-ul stilului site-ului dvs. web. Dacă faceți acest lucru, veți seta structura / ierarhia corectă a codului de site. De asemenea, permite motoarelor de căutare și cititoarelor de ecran să facă diferența între imaginile care contribuie la conținut și imaginile care sunt utilizate doar ca caracteristici de proiectare.

Urmând această logică, ați aflat acum că toate imaginile, de fapt, ar trebui să aibă o etichetă alt. Implementarea unei imagini în HTML înseamnă că imaginea adaugă context paginii - și vă permite să adăugați un text alternativ. Între timp, implementarea unei imagini în CSS înseamnă că imaginea nu adaugă context, ci mai degrabă ajută la redarea paginii - și, prin urmare, nu aveți acces la funcționalitatea adăugării unei etichete alt.

Cuvinte de închidere

Pentru majoritatea site-urilor web, adăugarea de texte alternative nu necesită o investiție uriașă în timp. Între timp, beneficiile care vin cu ele sunt mari. Vă faceți site-ul web mai accesibil - și puteți fi recompensat de Google de acest lucru.

Cel mai bun mod de a învăța cum să scrieți etichete alt este să vă uitați la câteva exemple și să le încercați singur. Pentru a afla procesul real despre cum puteți adăuga sau modifica textul alternativ la o imagine în WordPress, citiți ghidul legat aici.

În cele din urmă, asigurați-vă întotdeauna că salvați modificările din WordPress și confirmați că etichetele alt sunt vizibile. În caz contrar, din cauza modului în care este creat, uneori WordPress nu afișează noile dvs. texte alt. Dacă ați mai întâlnit asta, citiți acest ghid despre cum să remediați WordPress care nu afișează etichete alt.