SEO pentru imagini: optimizarea alt text, nume fișier și compresie

Imaginile reprezintă o oportunitate SEO adesea ignorată. Optimizarea corectă a imaginilor poate aduce trafic din Google Images, îmbunătăți performanța site-ului și contribui la relevanța paginilor pentru cuvintele cheie vizate.

Totodată, imaginile neoptimizate sunt una dintre cele mai frecvente cauze ale site-urilor lente: fișiere prea mari, formate ineficiente sau imagini fără dimensiuni specificate afectează negativ Core Web Vitals și experiența utilizatorilor.

Ghidul următor acoperă toate aspectele optimizării imaginilor pentru SEO: de la denumirea corectă a fișierelor și alt text-ul descriptiv până la compresie, formate moderne și lazy loading.

SEO pentru imagini: optimizarea alt text, nume fișier și compresie

Google indexează imaginile și le afișează în Google Images, o sursă semnificativă de trafic pentru anumite tipuri de site-uri (rețete, modă, fotografie, produse). Un SEO corect al imaginilor vă crește vizibilitatea în această componentă a motorului de căutare.

Beyond Google Images, optimizarea imaginilor contribuie la SEO-ul paginii: semnalele de relevanță din alt text și denumirile fișierelor ajută Google să înțeleagă conținutul paginii, iar dimensiunile optimizate îmbunătățesc viteza de încărcare, factor de clasament direct.

Google Lens, funcționalitatea de căutare vizuală, utilizează datele din imaginile indexate pentru a furniza rezultate căutărilor vizuale. Optimizarea imaginilor devine tot mai importantă pe măsura adoptării căutării vizuale de către utilizatori.

Denumirea fișierelor de imagini

Denumiți fișierele descriptiv și cu cuvinte cheie relevante înainte de upload: „pantofi-sport-nike-alb.jpg” este infinit mai bun pentru SEO decât „IMG_20240315_143256.jpg”. Folosiți cratime ca separator, nu underscores sau spații.

Includeți cuvântul cheie principal al paginii în denumirile imaginilor principale. O pagina despre „optimizare SEO on-page” ar trebui să aibă imagini denumite „optimizare-seo-on-page-ghid.webp”, nu „foto1.webp”.

Consecvența în denumire ajută Google să grupeze imaginile asociate tematic. Dacă publicați mai multe imagini despre un subiect, folosiți o convenție clară: „subiect-aspect1.webp”, „subiect-aspect2.webp” etc.

Optimizarea alt text-ului

Atributul alt (alternative text) descrie conținutul imaginii pentru motoarele de căutare și pentru utilizatorii care folosesc cititoare de ecran. Este semnalul SEO cel mai direct asociat cu o imagine.

Alt text-ul trebuie să descrie precis imaginea, incluzând cuvântul cheie relevant dacă este natural. „Ecran laptop cu Google Analytics 4 dashboard” este mai bun decât simplu „laptop” sau un alt text stuffed cu cuvinte cheie artificiale.

Regulile pentru alt text: descrieți ce vede utilizatorul în imagine, includeți contextul relevant, evitați formulările generice („imagine cu…”, „fotografie a…”), nu depășiți 125 de caractere și nu repetați exact titlul paginii sau textul din jurul imaginii.

Imaginile decorative nu necesită alt text

Imaginile pur decorative (fundal, separatoare vizuale, icoane decorative) trebuie să aibă `alt=””` (alt text gol). Aceasta semnalează cititoarelor de ecran să ignore imaginea și previne textul inutil pentru Google.

Iconițele cu funcție (buton de căutare, buton de meniu) trebuie să aibă alt text care descrie funcția, nu aparența: `alt=”Caută”` pentru icoana lupă, nu `alt=”lupă”`.

Formatele de imagini pentru web

WebP oferă compresie superioară JPEG și PNG: imagini cu calitate similară la dimensiuni cu 25-35% mai mici. Este suportat de toate browserele moderne. Convertiți toate imaginile noi la WebP și migrați gradual imaginile existente.

AVIF este formatul de generație următoare, cu compresie și mai bună decât WebP (40-50% față de JPEG), dar cu suport de browsere ușor mai limitat și timpi de codare mai lungi. Pentru proiecte noi cu public tech-savvy, AVIF merită considerat.

SVG este formatul ideal pentru logo-uri, icoane și ilustrații: este vectorial (scalează fără pierdere de calitate), are dimensiuni mici și permite animare și personalizare prin CSS. Nu utilizați SVG pentru fotografii.

Compresia imaginilor

Compresia lossy (cu pierdere) reduce dimensiunea fișierului prin eliminarea unor detalii greu perceptibile. Pentru fotografii web, calitatea 75-85% în WebP oferă un raport excelent calitate/dimensiune. Testați vizual la dimensiunea de afișare reală, nu la 100% zoom.

Compresia lossless (fără pierdere) reduce dimensiunea fără a altera datele imaginii. Este potrivită pentru imagini cu text, logo-uri și screenshot-uri unde fidelitatea maximă este importantă.

Instrumentele de compresie recomandate: Squoosh.app (online, gratuit, vizualizare comparativă), ImageOptim (Mac), Sharp (Node.js, pentru automatizare), sau plugin-urile WordPress Imagify și ShortPixel (automatizare la upload).

Dimensionarea corectă a imaginilor

Serviți imaginile la dimensiunea exactă de afișare: o imagine de 2000px lățime afișată la 400px pe mobil transferă de 25x mai multe date decât este necesar. Utilizați atributul `srcset` pentru a servi dimensiuni diferite pe dispozitive diferite.

Specificați întotdeauna atributele `width` și `height` pe tag-ul `img` pentru a preveni CLS (Cumulative Layout Shift). Browser-ul rezervă spațiul necesar înainte de descărcarea imaginii, eliminând săriturile de layout.

Google Images: optimizare avansată

Sitemap-ul de imagini (sau includerea imaginilor în sitemap-ul XML principal) ajută Google să descopere și să indexeze mai rapid imaginile. Yoast SEO și Rank Math generează automat sitemap-uri cu date despre imagini.

Contextul textual din jurul imaginii (caption, titlul paginii, paragraful adiacent) contribuie la înțelegerea de către Google a subiectului imaginii. O imagine plasată lângă conținut relevant va fi asociată corect cu acel topic în Google Images.

Echipa Cisnet oferă servicii SEO complete, adaptate obiectivelor fiecărei afaceri. Consultați toate resursele din categoria SEO pentru ghiduri și strategii practice.