Optimizare imagini pentru site-urile WordPress

De ce contează optimizarea imaginilor pentru SEO

Dintre toate resursele pe care un browser le descarcă la încărcarea unei pagini, imaginile ocupă, de regulă, cel mai mare volum de date.

Conform datelor publicate de Web Almanac (HTTP Archive), imaginile reprezintă cel mai mare volum de date transferate pe paginile web, depășind JavaScript, CSS și orice altă categorie de resurse.

O imagine prea mare sau în format nepotrivit are un impact direct și imediat asupra vitezei de încărcare și, implicit, asupra experienței utilizatorilor.

Pe lângă viteză, imaginile contează pentru SEO și din alte motive: Google indexează imaginile separat (prin Imagini Google), care este o sursă de trafic organic adesea ignorată de proprietarii de site-uri.

Mai mult, elementul LCP (Largest Contentful Paint), unul dintre cei trei indicatori Core Web Vitals, este cel mai adesea o imagine: bannerul principal, fotografia de prezentare sau imaginea principală a unui articol.

Un LCP slab înseamnă un scor slab la viteza site-ului, cu consecințe directe asupra poziționării în Google.

Denumirea fișierului de imagine

Primul pas în optimizarea unei imagini începe înainte de a o încărca pe site cu denumirea corectă a fișierului.

Google citește numele fișierului și îl folosește ca semnal pentru a înțelege ce reprezintă imaginea înainte de a o analiza efectiv.

Regula este simplă: folosiți cuvinte descriptive, separate prin cratimă, cu litere mici și fără diacritice în numele fișierului.

Un fișier corect denumit arată astfel: optimizare-imagini-wordpress.jpg, nu IMG_4521.jpg sau foto1.png.

Includeți cuvântul cheie principal al paginii în denumire, dacă se integrează natural, și evitați denumirile generice.

Un fișier bine denumit oferă context atât Google, cât și utilizatorilor care descoperă imaginea prin Imagini Google.

Textul alternativ (atributul alt)

Textul alternativ este descrierea unei imagini scrisă în codul HTML al paginii, prin atributul alt.

Google nu poate „vedea” o imagine în sensul în care o vede un om, dar poate citi textul alternativ și îl folosește pentru a înțelege conținutul imaginii.

Conform ghidului oficial Google pentru imagini, textul alternativ este unul dintre cei mai importanți factori de optimizare pentru vizibilitatea imaginilor în căutare.

Un text alternativ bun descrie concret ce este în imagine.

Includeți cuvântul cheie principal al paginii dacă se potrivește natural, dar nu umpleți textul alternativ cu cuvinte cheie îngrămădite, această practică (numită keyword stuffing), este penalizată de Google.

Nu lăsați textul alternativ gol la imaginile relevante pentru conținut, singurele imagini care pot avea textul alternativ gol în mod intenționat sunt cele pur decorative, fără legătură cu conținutul paginii.

În WordPress, textul alternativ se poate completa direct din Biblioteca Media (Media Library), la câmpul „Text alternativ”.

Dimensiunea și compresia imaginilor

O imagine cu rezoluție de 4000 x 3000 pixeli încărcată pe un site unde este afișată la 800 x 600 pixeli este o risipă de resurse, browserul descarcă toți cei 4000 de pixeli în lățime pentru a afișa 800, astfel încât viteza de încărcare scade, scorul LCP crește și utilizatorul așteaptă mai mult decât ar trebui.

Regula generală: redimensionați imaginile la dimensiunea maximă la care vor fi afișate pe site, înainte de a le încărca.

Ce format de fișier imagine alegeți: AVIF, WebP, JPEG sau PNG?

AVIF este formatul recomandat în prezent pentru web, întrucât conform datelor publicate de ShortPixel, fișierele AVIF sunt cu 20-30% mai mici decât WebP la calitate vizuală echivalentă și cu 50% mai mici decât JPEG.

AVIF este suportat de toate browserele moderne (Chrome, Firefox, Safari) și este acceptat nativ de WordPress începând cu versiunea 6.5, lansată în aprilie 2024.

WebP rămâne a doua opțiune solidă, recomandată atunci când pluginul de optimizare nu generează încă fișiere AVIF.

JPEG este o alternativă acceptabilă pentru fotografii, iar PNG este potrivit exclusiv pentru imagini cu fundal transparent sau ilustrații cu linii clare și culori plate.

GIF este depășit pentru orice altceva în afara animațiilor simple.

Ordinea de preferință: AVIF, WebP, JPEG, PNG.

În WordPress, pluginuri precum Imagify, ShortPixel sau Smush pot converti automat imaginile în AVIF sau WebP la upload și pot procesa în bulk imaginile existente din Media Library (Biblioteca Media), fără a fi nevoie să le reîncărcați manual.

Cum comprimați imaginile înainte de upload

Dacă preferați să comprimați imaginile manual, Squoosh este un instrument gratuit dezvoltat de Google care rulează direct în browser.

Acesta permite conversia în AVIF sau WebP, ajustarea calității și previzualizarea comparativă înainte și după compresie.

Pentru compresie mai multor imagini, TinyPNG este o opțiune online accesibilă și rapidă.

Lazy loading

Lazy loading este tehnica prin care imaginile care nu sunt vizibile în fereastra browserului la momentul încărcării paginii nu sunt descărcate imediat, ci abia când utilizatorul derulează spre ele.

Rezultatul este o pagină care se încarcă mai rapid la prima accesare, pentru că browserul nu descarcă simultan toate imaginile.

Începând cu versiunea WordPress 5.5, atributul loading=”lazy” este adăugat automat pe toate imaginile inserate prin editorul WordPress, fără configurații suplimentare.

Există o excepție importantă: imaginea principală de la începutul paginii, cea vizibilă imediat la încărcare (above the fold), nu trebuie să aibă lazy loading. Aceea ar trebui încărcată cât mai rapid posibil, deoarece este adesea elementul LCP al paginii.

WordPress 6.3 a introdus logica de a nu aplica lazy loading pe prima imagine din pagină, ceea ce rezolvă automat această problemă pe instalările actualizate.

Imaginile și Core Web Vitals: LCP

LCP (Largest Contentful Paint) măsoară cât durează până când cel mai mare element vizibil din pagină este complet încărcat, iar în majoritatea paginilor, acel element este o imagine.

Conform pragurilor oficiale Google, un LCP bun înseamnă sub 2,5 secunde.

Dacă imaginea principală este prea mare, în format nepotrivit sau nu este preîncărcată corect, LCP depășește această limită și scorul paginii scade.

Câteva soluții practice: folosiți AVIF sau WebP pentru imaginea principală, preîncărcați-o cu atributul fetchpriority=”high” în codul HTML și găzduiți imaginile pe același server cu site-ul, nu pe servicii externe.

Mai multe detalii despre Core Web Vitals găsiți în articolul despre SEO tehnic.

Imagini Google (Google Images): o sursă de trafic ignorată

Imagini Google (Google Images) este un motor de căutare în sine. mulți utilizatori caută direct în Imagini Google când vor să găsească o fotografie, o ilustrație sau un infografic.

Dacă imaginile dumneavoastră sunt optimizate corect (denumire de fișier clară, text alternativ descriptiv, context relevant al paginii), ele pot apărea în aceste rezultate și pot aduce trafic organic suplimentar, fără costuri suplimentare.

Traficul din Imagini Google este adesea mai ușor de obținut decât traficul din căutarea clasică, tocmai pentru că mai puțini proprietari de site-uri își optimizează imaginile.

Pentru a verifica câte imagini de pe site-ul dumneavoastră sunt indexate, folosiți operatorul site:domeniuldumneavoastra.ro direct în Imagini Google.

Unde găsiți imagini gratuite pentru site

Dacă nu aveți fotografii proprii, există câteva surse de imagini gratuite, fără atribuire obligatorie: Pixabay cu fotografii și ilustrații sub licență liberă, Unsplash cu fotografii de calitate ridicată și Pexels cu fotografii și videoclipuri.

Evitați imaginile descărcate aleatoriu de pe alte site-uri, pe lângă riscul de a încălca drepturile de autor, imaginile folosite pe multe site-uri sunt recunoscute de Google ca imagini duplicate și au mai puțină valoare decât cele originale sau unice.

Imaginile originale contribuie și la semnalele E-E-A-T, demonstrând experiența directă a autorului.

Pentru site-urile de prezentare, ilustrațiile sunt adesea o alegere mai bună decât fotografiile stock generice, pentru că arată diferit față de concurență și se pot adapta mai ușor cromatic la identitatea vizuală a brandului.

Ce faceți cu imaginile vechi de pe site

Dacă site-ul dumneavoastră există de mai mulți ani, există șanse mari ca o parte din imaginile deja încărcate să nu fie optimizate: sunt prea mari, în format JPEG necomprimat, fără text alternativ.

Neglijarea optimizării imaginilor este una dintre cele mai frecvente greșeli SEO întâlnite pe site-urile cu vechime.

Pluginurile de optimizare din WordPress pot procesa în bulk imaginile existente fără a fi nevoie să le reîncărcați.

Textele alternative lipsă se pot completa direct din Media Library (Biblioteca Media), pagină cu pagină.

Un audit al imaginilor face parte dintr-un audit SEO complet.

Optimizarea imaginilor, alături de structura corectă a site-ului, URL-urile SEO și datele structurate schema markup, formează fundația tehnică a unui site optimizat corespunzător.