Imagini și media
Cea mai grea parte a unei pagini, în octeți, și cea mai des ignorată sursă de trafic.
Pe scurt
Optimizarea imaginilor înseamnă două lucruri care merg împreună: să se încarce repede și să poată fi înțelese. Viteza vine din format modern, dimensiuni potrivite pentru ecranul pe care sunt afișate și încărcare amânată pentru ce nu se vede imediat. Înțelegerea vine din alt text care descrie ce e în imagine, nume de fișier clare și context în pagina din jur. Prima parte îți îmbunătățește un indicator pe care Google îl măsoară direct, LCP. A doua îți aduce vizitatori din Google Images, un canal pe care în multe domenii vizuale nimeni nu îl exploatează.
Viteza: unde se pierd secundele
În majoritatea site-urilor pe care le auditam, imaginea principală e încărcată la dimensiunea originală, de câteva mii de pixeli lățime, și micșorată apoi de browser. Utilizatorul de telefon descarcă un fișier de zece ori mai mare decât are nevoie.
Rezolvarea are trei părți: format modern în locul JPEG și PNG, dimensiuni servite în funcție de ecran, și compresie rezonabilă. Câștigul se vede direct în LCP, indicatorul care măsoară cât durează până apare elementul principal - și care e unul dintre semnalele pe care Google le folosește.
Lazy loading, fără să strici LCP
Încărcarea amânată e utilă pentru tot ce e sub linia de plutire. Aplicată însă și imaginii principale, produce exact opusul: browserul așteaptă înainte să ceară fix imaginea de care are nevoie imediat.
Regula e simplă: imaginea din partea vizibilă se încarcă normal și, ideal, cu prioritate. Restul se încarcă amânat. E o greșeală de cinci minute care costă zecimi de secundă pe fiecare vizită.
Alt text: descrie, nu îndesa
Alt textul e descrierea imaginii, folosită de cititoarele de ecran și de motoarele de căutare. Scopul lui e accesibilitatea; beneficiul de SEO vine din faptul că o descriere bună e și informativă.
- Descrie ce se vede: „pantof oxford din piele neagră, vedere laterală”, nu „pantofi pantofi piele ieftin”.
- Numele fișierului contează și el: pantof-oxford-piele-negru.webp, nu IMG_20240513.jpg.
- Imaginile pur decorative primesc alt gol, ca să nu adauge zgomot.
- Nu repeta același alt text pe cincizeci de imagini din aceeași galerie.
Traficul din Google Images
În domenii vizuale - modă, mobilă, decorațiuni, mâncare, construcții - căutarea de imagini aduce un volum pe care puțini îl măsoară, pentru că se raportează separat în datele de performanță.
Ce ajută: imaginea să fie într-o pagină relevantă și cu text în jur, să aibă alt text descriptiv, și să fie inclusă în datele structurate ale produsului. Nimic exotic, doar făcut consecvent.
Și încă trei lucruri
- Ce format de imagine e cel mai bun?
- Formatele moderne, ca WebP sau AVIF, dau aceeași calitate la un sfert din dimensiune față de JPEG. Sunt suportate de toate browserele actuale. Pentru logo-uri și pictograme, formatul vectorial rămâne cea mai bună alegere, pentru că nu are dimensiune fixă.
- Trebuie să pun alt text la absolut toate imaginile?
- La toate cele care transmit informație, da. La cele pur decorative - un fundal, o linie despărțitoare - alt textul trebuie lăsat gol, nu completat cu ceva. Un alt text inutil e mai rău decât niciunul pentru cineva care folosește un cititor de ecran.
- Contează numele fișierului?
- Puțin, dar contează, și e gratis. E unul dintre semnalele prin care Google înțelege ce e în imagine, mai ales când textul din jur e sărac. Într-o galerie de produs, un nume descriptiv face diferența între o imagine indexată și una ignorată.
Partea de viteză o rezolvăm împreună cu echipa de development, nu prin recomandări trimise altcuiva. Vezi ce cuprind servicii SEO pe care le facem.