Optimizare imagini SEO: ghid practic complet

Imaginile sunt printre cei mai importanți factori care afectează atât experiența utilizatorilor, cât și performanța SEO a site-ului. O imagine neoptimizată poate singură să încetinească o pagină cu secunde întregi.

Optimizarea imaginilor acoperă mai multe aspecte: formatul fișierului, compresia, denumirea corectă, textul alternativ (alt text) și livrarea eficientă. Fiecare aspect contribuie la clasamentul în Google și la experiența utilizatorilor.

Optimizare imagini SEO: ghid practic complet

Google poate „vedea” imaginile prin mai multe mecanisme: indexarea Google Images, analiza textului alternativ, contextul textului din jurul imaginii și performanța de încărcare. O imagine corect optimizată poate aduce trafic atât din căutarea standard, cât și din Google Images.

Formatul imaginii are impact major asupra dimensiunii fișierului. JPEG a fost standardul pentru fotografii, PNG pentru grafice cu transparență. WebP, formatul modern Google, oferă dimensiuni cu 25-35% mai mici față de JPEG la aceeași calitate vizuală. AVIF este și mai eficient dar nu are suport universal în toate browserele.

Alegerea formatului potrivit

Fotografii și imagini complexe: folosiți WebP ca format principal, cu fallback JPEG pentru browsere vechi. Dimensiunea tipică pentru o fotografie de 1200 pixeli lățime trebuie să fie sub 150 KB după compresie.

Grafice, diagrame și imagini cu text: SVG este formatul ideal deoarece este vectorial și nu pierde calitate la nicio dimensiune. PNG rămâne opțiunea pentru grafice complexe care nu pot fi în SVG. WebP cu setare lossless pentru grafice simple.

Favicon și imagini mici: ICO sau PNG 32×32 pentru favicon, PNG pentru imagini mici unde compresia WebP nu aduce economii semnificative.

Compresia și dimensiunile optime

Compresia cu pierderi (lossy) reduce dimensiunea prin eliminarea detaliilor imperceptibile ochiului. O calitate de 75-85% în JPEG sau WebP este de obicei indistinguizabilă vizual față de calitatea 100, dar fișierul este de 3-5 ori mai mic.

Redimensionarea la dimensiunile efective de afișare este la fel de importantă ca și compresia. O imagine de 4000×3000 pixeli afișată la 800×600 consumă de 25 de ori mai multă bandă decât ar fi necesar. Serverul trebuie să servească imaginea la dimensiunea la care va fi afișată.

Core Web Vitals, în special LCP (Largest Contentful Paint), sunt direct influențate de dimensiunea imaginilor. Imaginea hero (prima mare imagine vizibilă pe pagină) trebuie să fie prioritizată și optimizată cu atenție deosebită.

Denumirea corectă a fișierelor

Denumirea fișierului de imagine transmite semnale semantice către motoarele de căutare. Un fișier numit DSC_4521.jpg nu spune nimic. servicii-seo-alba-iulia.webp este descriptiv și relevant.

Reguli pentru denumirea fișierelor: folosiți cuvinte descriptive separate prin cratime (nu underscore), includeți cuvântul cheie principal când este natural și relevant, evitați caracterele speciale și diacriticele în filename, păstrați denumirile concise (3-5 cuvinte).

Consecvența în denumire ajută și la organizarea bibliotecii de media. Un sistem clar de denumire, aplicat consistent, face mult mai ușoară gestionarea a sute de imagini.

Textul alternativ (alt text)

Alt text-ul descrie conținutul imaginii pentru motoarele de căutare și pentru utilizatorii care folosesc cititoare de ecran (screen readers). Este singurul element de imagine direct indexat de Google în rezultatele de căutare standard.

Un alt text bun descrie ce se vede în imagine și contextul relevant. „Fotografie servicii SEO” este mai bun decât „imagine” dar mai puțin bun decât „Specialist SEO analizând raportul Google Analytics pentru un client din retail”. Descrierea vizuală + contextul relevant = alt text optimal.

Nu repetați același alt text pe mai multe imagini. Nu umpleți alt text cu cuvinte cheie (keyword stuffing). Nu folosiți „imaginea de”, „fotografia cu” la început. Tratați alt text-ul ca o descriere reală pentru cineva care nu vede imaginea.

Conform checklist-ului complet de SEO on-page, verificarea ca toate imaginile să aibă alt text descriptiv este unul dintre pașii de bază ai auditului unui site.

Lazy loading

Lazy loading amână încărcarea imaginilor din josul paginii până când utilizatorul derulează spre ele. Aceasta reduce semnificativ volumul de date descărcat la prima vizualizare a paginii și îmbunătățește LCP.

WordPress implementează lazy loading nativ din versiunea 5.5, prin atributul loading=”lazy” adăugat automat pe imaginile din conținut. Imaginea hero (prima imagine vizibilă) nu trebuie să aibă lazy loading, deoarece ar întârzia afișarea ei și ar înrăutăți LCP.

Plugin-urile de cache și optimizare imagini, precum ShortPixel, Imagify sau Smush, pot automatiza compresia, conversia în WebP și lazy loading pentru toate imaginile din site.

Imagini responsive

Atributul srcset permite browserului să aleagă dimensiunea potrivită a imaginii în funcție de dimensiunea ecranului. În loc să descarce o imagine de 1200px pe un telefon cu ecran de 375px, browserul descarcă versiunea de 400px.

WordPress generează automat mai multe dimensiuni ale fiecărei imagini încărcate și adaugă srcset corect în HTML. Asigurați-vă că imaginile sunt încărcate la dimensiunea originală suficient de mare pentru a permite generarea tuturor variantelor necesare.

Sitemap-ul de imagini

Un sitemap XML care include imaginile permite Google să le descopere mai eficient. Yoast SEO și RankMath generează automat sitemap-uri cu imagini incluse. Submiterea sitemap-ului în Google Search Console accelerează indexarea imaginilor noi.

Imaginile din Google Images pot genera trafic semnificativ, mai ales în nișe vizuale: imobiliare, interior design, fotografie, modă. Un site cu imagini corect optimizate beneficiază de o sursă de trafic suplimentară față de SEO-ul standard pentru text.

Optimizarea sistematică a imaginilor existente și aplicarea bunelor practici la imaginile noi este una dintre acțiunile cu cel mai bun raport efort-rezultat în SEO tehnic.