Titlul imaginii vs. Alt text: Care este mai bun?

Chiar și cu noile tendințe de optimizare a motoarelor de căutare, afirmația că o imagine valorează un milion de cuvinte rămâne valabilă. O singură imagine de înaltă calitate poate da viață conținutului unui site web. În plus, un titlu HTML img bine scris este o modalitate sigură de a îmbunătăți experiența utilizatorului.

Dar dacă ai crezut că imaginile sunt doar despre potrivirea conținutului și imaginilor, ai o surpriză. Puteți folosi imagini pentru a atrage nu numai vizitatorii web, ci și motoarele de căutare. Dar pentru a dezlănțui întreaga putere pe care o prezintă o imagine, trebuie să aruncați o privire sub capotă și să înțelegeți codul HTML care afișează imaginile pe site-ul dvs. web.

Odată ce examinați componentele unei etichete de imagine, puteți continua să le optimizați pe cele care vă vor afecta clasamentul în motoarele de căutare. De obicei, elementele de vizat sunt titlul img src și HTML img alt titlu. Știți ce rol joacă acești doi pe site-ul dvs.? Răspunsul va fi subiectul acestui articol.

Înțelegerea titlului imaginii și a textului alternativ al imaginii

Cel mai simplu mod de a afla diferența dintre un titlu și un text alternativ este să te uiți la o etichetă de imagine HTML. Să presupunem că site-ul dvs. web este un magazin online care vinde mobilier, un exemplu de etichetă despre imaginea unui balansoar poate arăta astfel:

img src=”rocking-chair.jpg” alt=”balansoare maro la reducere” title=”balansoare maro”

În web design, articolele cu semn egal primesc atributele nume. Rețineți că exemplul de mai sus este doar o ilustrație. În aplicațiile din lumea reală, atributele sunt mult mai multe și pot include o clasă, un id, înălțime, lățime etc.

Din etichetă, identificarea textului alternativ și a titlului este simplă. S-ar putea să rețineți că atributul alt este mai informativ în comparație cu eticheta HTML pentru imaginea titlului. O privire asupra utilizărilor ambelor atribute dezvăluie de ce este așa.

Pentru ce este folosit titlul imaginii?

Titlul apare atunci când un utilizator trece cu mouse-ul peste o imagine de pe site-ul dvs. web. Astfel, apare numai după ce imaginile se încarcă. Până când un utilizator vede titlul, a văzut deja imaginea. Ca atare, nu trebuie să fie foarte descriptiv. De exemplu:

Cu toate acestea, titlurile sunt destul de importante atunci când vine vorba de îmbunătățirea experienței utilizatorului. Credeți sau nu, vizitatorii pot avea dificultăți în a înțelege de ce unele imagini de pe site-ul dvs. apar în anumite părți ale site-ului dvs. Un titlu este util pentru a oferi un răspuns.

Unele browsere nu afișează titlul după trecerea cursorului peste o imagine. Dar, din moment ce nu știți niciodată ce vor folosi vizitatorii dvs. pentru a vă naviga pe site-ul dvs., este mai bine să includeți un atribut titlu în eticheta dvs. de imagine.

Pentru ce este folosit textul alternativ?

Textul alternativ servește mai mult de un scop. Îl puteți descompune după cum urmează:

• Textul alternativ se afișează de fiecare dată când o imagine nu se încarcă. Aproape toate browserele permit descrieri alternative pentru a reprezenta imagini goale. Poate fi din cauza unui nume de fișier imagine incorect sau a unei adrese URL rupte. Conexiunile proaste la internet pot împiedica, de asemenea, încărcarea corectă a imaginilor. Într-un astfel de caz, titlul alt img apare și explică vizitatorului totul despre imagine.
• Textul alternativ se afișează și atunci când utilizatorii dezactivează imaginile. Oricât de mult imaginile înfrumusețează paginile web, unii utilizatori preferă versiunile doar text. Astfel, ei pot afla despre imagini citind textul alternativ.
• Utilizatorii nevăzători beneficiază și de titluri img alt bine scrise. Cititoarele de ecran le folosesc pentru a descrie o imagine vizitatorilor care nu o pot vedea. În general, textele alternative ajută la creșterea accesibilității site-ului dvs. Importanța accesibilității maxime este atât de mare încât W3C pledează pentru textele alternative. Un rând din instrucțiunile lor spune: „Când utilizați elementul img, specificați o alternativă de text scurtă cu atributul alt”.
• În cele din urmă, motoarele de căutare folosesc texte alternative pentru a înțelege mai bine despre ce este vorba despre o imagine. Astfel, textele alternative pot fi accesate cu crawlere, la fel ca și alte conținuturi de pe site-ul dvs. Imaginea de mai jos prezintă un exemplu de text alternativ:

(Credit imagine: MDN-Mozilla)

Ce este mai important: titlul imaginii sau textul alternativ?

Este sigur să etichetați atributul alt ca fiind mai important după ce vă uitați la listele de utilizări ale titlurilor și textelor alternative. Cu toate acestea, ar fi o greșeală să credem că titlurile sunt inutile. Într-adevăr, oricare dintre articolele poate fi semnificativ în funcție de obiectivele tale.

Dacă preocuparea dvs. majoră este îmbunătățirea experienței utilizatorului, atunci titlurile ar fi domeniul dvs. principal de interes. După cum am menționat, puteți oferi detalii suplimentare despre o imagine folosind titluri. Odată ce un utilizator trece cu mouse-ul peste el, ar trebui să apară descrierea.

Dar de ce motoarele de căutare nu acordă multă atenție titlurilor imaginilor?

Ei bine, răspunsul are mult de-a face cu dezvoltarea motoarelor de căutare. Dezvoltatorii au scris cea mai mare parte a bazei de coduri Google în 1999. Au fost, de asemenea, completări semnificative anul următor. Cu toate acestea, nu au considerat niciodată elemente HTML nepopulare și nedescoperite. Deoarece web designerii nu foloseau frecvent titluri, nu exista niciun motiv să le furnizeze. Actualizările codului de bază nu au făcut niciodată ca eticheta de imagine a titlului HTML să fie la fel de importantă ca și alte atribute.

Dacă vă gândiți la SEO, atunci concentrarea dvs. ar trebui să fie textul alternativ. Rețineți că Google tratează informațiile din atributul alt ca pe un conținut obișnuit al unei pagini web. Astfel, îl indexează. În plus, motoarele de căutare pot avea o problemă la accesarea cu crawlere a unei imagini. Textele alternative prezintă o modalitate excelentă pentru ei de a ști despre ce este vorba despre o imagine.

Mai mult, textele alternative duc accesibilitatea site-ului la un nivel cu totul nou. În ciuda tehnicilor precum încărcarea leneră, este aproape imposibil să vă asigurați că toate imaginile de pe site-ul dvs. se vor încărca 100% din timp. Un vizitator poate dezactiva imaginile sau poate avea o conexiune atât de lentă încât imaginile nu se încarcă niciodată. Înarmat cu un text alternativ, poți fi sigur că un utilizator va ști despre ce este o imagine dacă se încarcă sau nu.

În concluzie, importanța textului alternativ depășește cu mult atributele titlului. Utilizările lor sunt relativ numeroase, iar impactul lor asupra clasamentului unui site este de remarcat. Deși este important să optimizați atât titlul, cât și textul alternativ, este bine să puneți mai multă pondere pe informațiile atributului alt.

Optimizarea textului alternativ pentru SEO

SEO rămâne unul dintre cele mai sigure mijloace de a genera trafic de înaltă calitate în mod organic. Deși există numeroase modalități de optimizare a unui site web, perfecționarea textului alternativ este ideală pentru configurarea imaginilor site-ului dvs. pentru un trafic mai mare. Din fericire, procesul este simplu. Câteva dintre practicile de luat în considerare sunt:

Testează SEO și performanța site-ului tău în 60 de secunde!

Un design bun al site-ului web este esențial pentru implicarea vizitatorilor și pentru conversii, dar un site lent sau erorile de performanță pot face chiar și cel mai bine conceput site-ul să aibă performanțe slabe. Diib este unul dintre cele mai bune instrumente de monitorizare SEO și performanță a site-ului web din lume. Diib folosește puterea datelor mari pentru a vă ajuta să vă creșteți rapid și ușor traficul și clasamentele. După cum se vede în Entrepreneur!

• Instrument SEO automatizat ușor de utilizat
• Monitorizare cuvinte cheie și backlink + idei
• Asigură viteza, securitatea și urmărirea Core Vitals

• Sugerează în mod inteligent idei pentru a îmbunătăți SEO
• Peste 250.000 de mii de membri la nivel mondial
• Benchmarking și analiză a concurenței încorporate

De exemplu, „www.diib.com”

Înregistrează-te gratuit

Folosit de peste 250.000 de companii și organizații:

• 
• 
• 
• 

Se sincronizează cu

Scrieți pentru oameni

Când vine vorba de scrierea textelor alternative, regula de bază este: „scrie ca și cum ai scrie pentru un orb”. Având în vedere ocaziile în care se afișează textul alternativ, respectarea regulii în orice moment nu dăunează. După cum sa menționat, informațiile conținute în titlul alt img apar atunci când imaginile nu se pot afișa. Astfel, vrei să spună totul despre imaginea ascunsă.

Ca atare, scrieți o declarație pe care un om o poate citi și înțelege. Mai important, compuneți o propoziție descriptivă. Este posibil ca o persoană nevăzătoare să navigheze pe site-ul dvs., iar ceea ce ați tastat ar fi singurul lucru pe care trebuie să îl urmați. Imaginea de mai jos arată un exemplu bun și unul rău de text alternativ pentru aceeași imagine:

(Credit imagine: Web Hosting Hub)

Scrieți pentru motoarele de căutare

Un text alternativ nu oferă doar o descriere a imaginii utilizatorilor, ci și motoarelor de căutare. Astfel, includeți un cuvânt cheie în el. Ca și alt conținut, asigurați-vă că rețineți că acesta conține un cuvânt cheie care rimează cu fluxul general al paginii web în care se află imaginea.

În aceeași notă, evitați practicile SEO slabe, cum ar fi umplerea cuvintelor cheie. Motoarele de căutare vă vor semnala conținutul ca spam, ceea ce vă va menține clasamentul jos. Este mai bine să scrieți prost un text alternativ decât să îl introduceți prin cuvinte cheie. Ca o verificare, asigurați-vă că nu utilizați cuvântul cheie în mai mult de 70% din imagini.

Păstrați-l pe scurt

Textul alternativ descrie o imagine și poate fi tentant să puneți o mulțime de cuvinte în ghilimele atributului alt. Dar abține-te să faci asta. Motoarele de căutare nu te vor pedepsi pentru asta, dar interesul lor este în primele șaisprezece cuvinte ale descrierii alternative. Un text alternativ de 125 de caractere ar trebui să descrie în mod adecvat o imagine, fără a compromite experiența utilizatorului.

Cu toate acestea, dacă simțiți că o imagine necesită o descriere lungă, este înțelept să utilizați atributul „longdesc”. HTML4 și succesorii săi permit acest atribut în eticheta de imagine.

Exemple de text alternativ

Când abia începi cu SEO, poate fi puțin dificil să înțelegi diferența dintre un text alternativ bun și unul prost scris. Prin urmare, este util să te uiți la exemple. În scopuri ilustrative, imaginați-vă pe site-ul dvs. o imagine a unei mașini roșii cu viteză.

Eticheta dvs. de imagine poate arăta cam așa:

img src=”speeding-car.jpg” alt=”masina rosie” title=”masina”

Într-un astfel de caz, textul alternativ nu este ideal. Oferă foarte puține informații despre imagine. O versiune mai bună poate apărea ca:

img src=” speeding-car.jpg” alt=”mașină roșie care trece cu viteză pe o autostradă” title=”mașină”

Dacă se întâmplă să știți numele autostrăzii, nu este rău să îl menționați pe textul alternativ. Cu orice preț, evitați să vă compromiteți cuvintele cheie sau umplerea cuvintelor cheie. De exemplu, dacă expresia cheie a paginii dvs. web este „mașină roșie”, nu o descriere precum:

img src=”speeding-car.jpg” alt=”Aceasta este o mașină roșie. Mașina roșie se mișcă foarte repede și este o mașină roșie atât de frumoasă” title=”mașină”

În timp ce descrierea de mai sus se concentrează numai pe imagine, umplutura de cuvinte cheie o pătează. Motoarele de căutare vor privi astfel de fraze spam. A doua propoziție nu reușește să ofere utilizatorului informații utile despre imagine. Prin urmare, lucrul inteligent de făcut este să-l excludeți.

Cum să adăugați un text alternativ

Procedura de includere a unui text alternativ în eticheta de imagine depinde de ceea ce ați folosit pentru a crea un site web. Dacă ați scris codul hard al site-ului, este mai bine să adăugați manual atributul alternativ. De exemplu:

Cu toate acestea, dezvoltarea web de astăzi aproape că nu implică nicio codificare. Sunt șanse să fi folosit un sistem de management al conținutului (CMS) sau un generator de site-uri web. Asigurați-vă că aflați ce proces folosește instrumentul dvs. de web design atunci când adăugați toate textele. De obicei, metodologia cuprinde doi sau trei pași.

În cel mai popular CMS din lume, WordPress, adăugarea unui titlu HTML img alt este o plimbare în parc. După ce v-ați conectat la contul dvs., găsiți imaginea în cauză și faceți clic pe butonul „Editați”. Un câmp de introducere apare pregătit pentru a primi datele atributului alternativ.

Puteți include texte alternative în biblioteca media a WordPress. După selectarea unei imagini, găsiți câmpul alternativ de introducere a descrierii afișat sub detaliile atașării imaginii. De exemplu:

(Credit imagine: WPBeginner)

Când să lăsați atributul Alt gol

Având în vedere rolul semnificativ pe care atributele alt îl joacă în SEO, s-ar putea să vă fie greu să credeți că uneori este o idee bună să le lăsați goale. Imaginează-ți o imagine plasată pe un site web numai în scopuri poziționale. Imaginea nici nu rimează cu conținutul și nici nu îi adaugă valoare. Un designer web poate folosi astfel de imagini cu unicul scop de a decora o pagină.

Astfel de imagini numai pentru design pot avea un atribut alternativ nul. Descrierea acestora ar fi imprudent, deoarece nu adaugă valoare conținutului disponibil. Cititoarele de ecran vor sări peste imagini, ceea ce este în ordine, deoarece nu ajută utilizatorul să înțeleagă mai bine pagina.

De asemenea, este o practică bună să excludeți textul alternativ pentru imaginile care conțin cuvinte. Toate informatiile sunt pe imagine. Prin urmare, o descriere a cuvintelor ar fi irelevantă.

Optimizarea titlului

Deoarece titlul nu afectează clasamentul căutării, nu este mare lucru de făcut în acest sens. În cele mai multe cazuri, este mai scurt și mai puțin descriptiv decât textul alternativ. În loc să ofere mai multe informații despre o imagine, un titlu îi dă un nume.

Cu toate acestea, W3C pledează în mod deschis pentru includerea unui titlu într-o etichetă de imagine. Codul dvs. HTML poate fi invalid pentru W3C dacă nu reușiți să vă intitulați imaginile.

Când scrieți titlul, compuneți un text care nu este doar scurt, ci și captivant. Acestea fiind spuse, titlurile cu un singur cuvânt sunt un nu-nu. Ar trebui să fie suficientă o expresie care descrie o imagine și care constă din cel mult zece cuvinte. De exemplu:

Spre deosebire de eticheta alt, pe care o puteți omite uneori, nu există apariții speciale care să justifice excluderea titlurilor imaginilor. Imaginile fără titlu servesc doar pentru a compromite experiența utilizatorului. În consecință, este în interesul oricărui specialist SEO să nu redeze o etichetă HTML nulă a imaginii de titlu.

Sperăm că ați găsit acest articol util.

Dacă doriți să aflați mai multe despre sănătatea site-ului dvs., primiți recomandări și alerte personale, scanați-vă site-ul de către Diib. Durează doar 60 de secunde.

Intră pe site-ul tău

De exemplu, „www.diib.com”

Înregistrează-te gratuit

Nu mă pot sătura de DIIB!! Cel mai bun instrument și sunt foarte recunoscător că l-am găsit. Îmi place absolut!! Încrucișați degetele, nu vă creșteți prețurile pentru că este atât de perfect.

Katarina Gage
Director de operațiuni în ahoymatey.com.au

Alte considerații despre imagine

Fără îndoială, imaginile sunt mai multe decât texte alternative și titluri. Optimizarea primei și perfecționarea celei de-a doua este doar o parte a ecuației. Pentru a exploata pe deplin impactul imaginilor asupra SEO, luați în considerare următoarele bune practici pentru imaginile web:

Păstrați datele vitale de text off Imagini

Este mai bine să scrii cuvinte decât să le pictezi pe o imagine. Rețineți, motoarele de căutare nu accesează cu crawlere o imagine în profunzime și nu pot accesa cuvintele dintr-o imagine. Cu excepția cazului în care HTML nu reușește să scoată datele text așa cum doriți, de exemplu, atunci când scrieți ecuații chimice complexe, evitați imaginile pline de cuvinte.

Cu toate acestea, nu există niciun rău în utilizarea imaginilor pentru a afișa grafice. HTML poate oferi funcționalitatea, dar imaginile sunt o soluție superioară.

Gândește-te la Context

Imaginea pe care o afișați ar trebui să se îmbine cu informațiile furnizate de o secțiune. Ar fi o idee proastă să includeți o imagine a mașinii pe o pagină care discută despre îmbrăcămintea pentru exterior. În același timp, lăsați-vă imaginile să fie cât mai originale. Motoarele de căutare apreciază imaginile originale, deoarece prețuiesc conținutul autentic.

Scrieți un nume de fișier imagine bun

Numele fișierelor apar în atributul img src title al etichetei de imagine. Motoarele de căutare îl folosesc pentru a afla mai multe despre imaginile de pe site-ul tău.

În mod implicit, imaginile au nume de fișiere alfanumerice, cum ar fi:

A00002.jpg

Asigurați-vă că schimbați numele, astfel încât acestea să reflecte conținutul imaginii. În timp ce sunteți, nu uitați să separați cu silamă numele fișierelor care depășesc un cuvânt. Un nume precum red-car-on-highyway.jpg ar fi dificil de citit pentru motoarele de căutare dacă cratimele lipsesc. Cu toate acestea, nu modificați formatul imaginii, adică literele după punct. Browserele pot deveni confuze dacă un format este diferit de cel dat de numele fișierului.

Lasă-ți imaginile să creeze diferența SEO

Când vine vorba de SEO, nu există niciun argument că conținutul este regele. Dar imaginile fac parte din conținutul site-ului tău la fel de mult ca și cuvintele. Învățând arta perfecționării titlului HTML img și optimizarea titlului HTML img alt, puteți începe să utilizați imagini pentru a crește clasamentul site-ului dvs.

Diib: Optimizați-vă titlurile imaginii astăzi!

Dacă rămâneți blocat cu utilizarea imaginilor pentru SEO, nu uitați să verificați sutele de instrumente dedicate optimizării imaginilor. De asemenea, puteți angaja un specialist SEO pentru a vă ajuta cu site-ul dvs. pe măsură ce vă concentrați asupra afacerii dvs. Dar înainte de a vă gândi atât de departe, luați primul și începeți să utilizați imagini pentru a crește traficul pe cont propriu. Apoi, colaborați cu Diib Digital pentru a profita la maximum de titlurile dvs. de imagini. Tabloul nostru de bord pentru utilizatori vă va oferi alerte și obiective concepute pentru a optimiza, printre altele, titlurile imaginilor dvs.

Iată câteva dintre caracteristicile care ne diferențiază de mulțime:

• Obiective personalizate concepute pentru a îmbunătăți performanța site-ului web
• Alerte care vă vorbesc despre alte probleme tehnice SEO ale autorității dvs. de domeniu
• Pagini sparte în care aveți backlink (verificator 404)
• Instrumente de monitorizare și urmărire a cuvintelor cheie, backlink și indexare
• Experiența utilizatorului și optimizarea vitezei mobile
• Optimizarea titlului imaginii
• Performanță post specifică platformei

Faceți clic aici pentru scanarea gratuită sau sunați pur și simplu la 800-303-3510 pentru a vorbi cu unul dintre experții noștri în creștere.