Ce este o etichetă Alt și cum ar trebui să o utilizați?

Imaginile vă ajută să faceți site-ul dvs. atrăgător și atrăgător din punct de vedere vizual. Cu toate acestea, dacă nu optimizați imaginile cu text alternativ (denumit și „text alternativ” sau „etichete alt”), veți pierde o oportunitate cheie de a îmbunătăți experiența utilizatorului și accesibilitatea site-ului dvs.

Pentru a le utiliza corect, este important să înțelegeți mai întâi ce sunt etichetele alt. În această postare, vom discuta despre ce sunt etichetele alt și de ce sunt utilizate. De asemenea, vom explica cum să adăugați etichete alt la imaginile din WordPress și vom introduce câteva bune practici pentru a face acest lucru.

Să începem!

Abonați-vă la canalul nostru Youtube

Ce este o etichetă Alt?

Etichetele Alt sunt adăugate imaginilor în HTML, pentru a descrie conținutul și contextul lor pe pagina web. Eticheta alt apare, de asemenea, în containerul de imagini atunci când fișierul media nu poate fi încărcat sau afișat corect:

Etichetele Alt ajută persoanele care folosesc cititoare de ecran, cum ar fi cele cu deficiențe de vedere, să înțeleagă conținutul de pe site-ul dvs. web. Mai mult decât atât, roboții motoarelor de căutare îi folosesc pentru a interpreta imaginile dvs. atunci când accesează cu crawlere, indexare și clasificare a site-ului dvs.

Adăugată în eticheta imagine, o etichetă alt de calitate este o scurtă descriere care explică nu numai ceea ce prezintă imaginea, ci și scopul acesteia pe pagină. Când este utilizată în codul HTML, eticheta imagine completă arată așa:

<img src="motorcycle-sunset.png" alt="Man in black and red checkered shirt riding an orange motorcycle at sunset."/>

Etichetele alt imagine sunt uneori confundate cu titlurile sau subtitrările imaginilor. Cu toate acestea, titlurile imaginilor sunt un alt tip de atribut. Se afișează ca text pop-up atunci când o persoană trece cu mouse-ul peste o imagine. Pe de altă parte, subtitrările apar cu o imagine, de obicei sub ea, și oferă informații suplimentare sau detalii despre aceasta. În circumstanțe normale, vizitatorii nu vor vedea niciodată etichetele alt ale imaginilor dvs.

De ce să folosiți etichete Alt pe imagini?

Etichetele Alt au mai multe scopuri. Deși nu vi se cere să le utilizați, există câteva avantaje majore. Deoarece sunt utilizate atât de crawlerele motoarelor de căutare, cât și de instrumentele de citire a ecranului, acestea sunt o componentă critică a accesibilității web și a optimizării motoarelor de căutare (SEO).

Îmbunătățesc accesibilitatea web

Etichetele Alt vă asigură că vizitatorii pot accesa și se pot bucura de conținutul site-ului dvs. web, chiar și atunci când utilizați tehnologie de asistență sau browsere numai text. Când cineva cu deficiențe de vedere vă vizitează site-ul web, cititorul de ecran îi va citi textul de pe pagină. Când ajunge la o imagine, va folosi eticheta alt pentru a descrie ce este acea imagine.

Dacă eticheta alt lipsește, cititorul de ecran poate citi în schimb numele fișierului imagine. Nu numai că acest lucru este de obicei ineficient pentru a explica corect imaginea, dar poate fi și confuz și perturbator, mai ales dacă numele fișierului nu a fost optimizat SEO.

În unele cazuri, cum ar fi când lăsați câmpul de etichetă alt al unei imagini gol în WordPress, cititorul de ecran va sări peste imaginea respectivă. Presupunând că imaginile pe care le includeți în paginile dvs. web au un scop, această absență înseamnă că vizitatorul nu obține valoarea sau experiența pe care ați intenționat-o atunci când vă consumați conținutul.

Vă pot îmbunătăți clasamentul în motoarele de căutare

Etichetele alt imagine vă pot ușura clasarea în funcție de cuvintele cheie pe care încercați să le vizați. Roboții motoarelor de căutare sunt inteligenți, dar nu pot interpreta și înțelege aspectele vizuale ale unei imagini la fel ca oamenii.

Atributele Alt oferă o alternativă bazată pe text pentru traducerea imaginilor și mai precis pentru încorporarea cuvintelor cheie relevante. Descrierile textuale care conțin cuvinte cheie vizate vă pot crește șansele de a vă clasa foarte bine în căutările de imagini.

Pentru a sublinia rolul important pe care îl joacă imaginile (și, la rândul lor, etichetele alt) în SEO, luați în considerare pagina de rezultate a motorului de căutare (SERP) pentru „paturi king size”:

Prima pagină nu produce doar rezultate bazate pe text; există și o mulțime de rezultate ale imaginilor. Atunci când sunt optimizate și utilizate corect, etichetele alt vă pot ajuta să vă îmbunătățiți SEO-ul și să generați imagini cu hyperlink, care pot fi făcute clic pentru a apărea în căutări ca acestea. Acest lucru este deosebit de benefic pentru site-urile de comerț electronic și paginile de destinație.

Cum se adaugă o etichetă Alt Image în WordPress

Odată ce ați înțeles avantajele utilizării atributelor de imagine alt pe site-ul dvs., este timpul să învățați cum să faceți acest lucru. Din fericire, WordPress face această sarcină incredibil de simplă și simplă.

Pentru a adăuga o etichetă alt imagine în WordPress, conectați-vă la tabloul de bord al administratorului și navigați la pagina sau postarea la care doriți să adăugați imaginea. În editorul WordPress, faceți clic pe pictograma plus și selectați blocul Imagine :

Apoi, încărcați imaginea sau selectați una din biblioteca dvs. media. Odată ce ați introdus imaginea în bloc, panoul Setări imagine se va deschide în bara laterală din dreapta. Puteți introduce descrierea în caseta de text Alt :

Când ați terminat, salvați modificările. Puteți face acest lucru și pentru imaginile existente. De exemplu, dacă doriți să actualizați o imagine într-o postare care a fost deja publicată pe site-ul dvs., pur și simplu faceți clic pe imagine și introduceți noua etichetă alt în bara laterală.

Cum se adaugă o etichetă Alt Image în HTML

Când utilizați WordPress sau un alt CMS care include un modul pentru adăugarea și editarea de etichete alt, acesta va adăuga automat codul HTML pentru dvs. Cu toate acestea, dacă doriți să adăugați singur codul, puteți face acest lucru cu ușurință.

Pentru a adăuga alt tag HTML în WordPress, faceți clic pe blocul de imagine relevant. În bara de instrumente de blocare, selectați butonul cu cele trei puncte verticale și alegeți Editați ca HTML :

Codul HTML va afișa eticheta de imagine. Veți observa că atributul alt este gol. Plasați textul dvs. între ghilimele:

Când ați terminat, faceți clic pe butonul Previzualizare pentru a reveni la editorul vizual, apoi salvați modificările. Puteți utiliza aceeași sintaxă și format pentru editarea etichetei de imagine HTML a oricărui fișier.

Sfaturi și cele mai bune practici pentru scrierea etichetelor Alt imagine

Când creați etichetele alt, trebuie să țineți cont de câteva puncte cheie. Respectarea acestor cele mai bune practici vă va ajuta să faceți etichetele alt mai eficiente:

• Fii specific și descriptiv. Scopul etichetelor alt este de a descrie imaginea, astfel încât să doriți să fiți cât mai specific posibil. Dacă nu sunteți sigur dacă descrierea dvs. este suficientă, luați în considerare ce imagine ați vizualiza dacă ați vedea doar acea linie de text.
• Ține-l scurt. Deși vrei să fii detaliat, nu trebuie să faci din eticheta alt un paragraf lung (sau chiar o propoziție completă). Scopul este de aproximativ 100 până la 125 de caractere maximum.
• Nu fi redundant. Pentru a profita la maximum de eticheta dvs. alternativă, nu doriți să includeți cuvinte inutile. Aceasta include adăugarea „Imagine a” sau „Imagine a” înainte de descriere. Aceste elemente sunt inutile, deoarece sunt deja implicite.
• Incorporați cuvinte cheie relevante în mod natural . Luați în considerare cuvintele cheie vizate și, acolo unde este posibil, încorporați-le organic în contextul paginii. Acest lucru este mai ușor atunci când utilizați imagini foarte relevante care corespund textului.
• Evitați umplerea cuvintelor cheie. În timp ce utilizarea cuvintelor cheie în etichetele dvs. alt poate îmbunătăți SEO, aveți grijă să nu exagerați. Completarea cuvintelor cheie vă poate afecta SEO și produce o experiență slabă pentru utilizator.
• Nu utilizați imagini în locul textului. Scopul principal al unei etichete alt este de a oferi context textual pentru mașinile care nu pot procesa și interpreta elementele vizuale de pe o pagină. Prin urmare, nu are sens să folosiți text în imagini, în special pentru titlurile și titlurile paginilor.

Când creați etichete alt pentru imaginile dvs., amintiți-vă întotdeauna că obiectivul este de a descrie imaginea celor care ar putea să nu o poată vedea. În timp ce luarea în considerare a SEO și a cuvintelor cheie este cu siguranță o idee inteligentă, scrierea etichetelor dvs. alt cu utilizatori reali în minte poate ajuta la generarea unor rezultate mai pozitive.

Concluzie

Imaginile vă pot ajuta să îmbunătățiți aspectul paginilor dvs. web și să le faceți mai interesante, mai informative și mai atractive. Cu toate acestea, pentru a le maximiza valoarea, este mai bine să le completați cu etichete alt. Aceste explicații scurte, dar descriptive, oferă context atât utilizatorilor, cât și motoarelor de căutare. Etichetele alt imagine ajută la îmbunătățirea experienței utilizatorului, îmbunătățesc accesibilitatea și facilitează clasarea cuvintelor cheie relevante.

Aveți alte întrebări despre ce este o etichetă alt sau despre cum să adăugați una în WordPress? Spuneți-ne în secțiunea de comentarii de mai jos!

Imagine prezentată de Honza Hruby / shutterstock.com