SEO pentru imagini: 9 elemente cheie

1. Considerații generale pentru SEO-ul imaginilor

Deseori ne punem tot efortul în clasarea URL-urilor noastre valoroase din punct de vedere SEO în SERP-uri. Totuși, așa cum am menționat înainte, optimizarea imaginilor este importantă pentru a te clasa mai sus în rezultatele de căutare Google Imagini și pentru a crește șansele de a atrage trafic organic prin ele.

Boții Google nu pot „citi" imaginile. Ei sunt meniți să citească codul de pe un site web, nu de pe o anumită animație sau poză. Din acest motiv, trebuie să le furnizăm această informație urmând un set simplu de ghiduri SEO. Acest lucru va determina dacă boții pot interpreta informația pe care încercăm să o arătăm, evalua imaginile și clasa mai sus în secțiunea Google Imagini.

2. Dimensiunea și greutatea imaginii

Doi dintre principalii factori de luat în considerare la optimizarea imaginilor sunt greutatea și dimensiunea lor.

Greutatea:

Folosirea imaginilor grele pe site-ul tău poate crește timpul de încărcare pentru URL-ul unde sunt implementate și, prin urmare, pentru întregul site. Timpul de încărcare este unul dintre factorii care afectează clasarea organică pe desktop și mobil, făcând optimizarea imaginilor esențială.

Instrumente pentru reducerea greutății imaginii:

Există multe instrumente pe care le putem folosi pentru a reduce greutatea imaginii. Chiar dacă nu avem software profesional de editare a imaginilor precum Photoshop sau Illustrator, putem folosi platforme online precum:

• ›

  ImageOptim sau TinyJPG, care reduc greutatea imaginii fără a afecta calitatea.

• ›

  Website Speed Test Image Analysis Tool permite descărcarea cu ușurință a unor noi formate de imagini.

Dimensiunea:

În plus, este de asemenea important să implementezi mai multe dimensiuni de imagine pentru fiecare site pentru a o afișa pe cea mai potrivită în funcție de dispozitivul pe care este vizualizată. Chiar dacă există plugin-uri care adaptează dimensiunea imaginii, această opțiune s-ar putea să nu fie cea mai bună în practică. Motivul este că, de exemplu, o poză de 1000px poate fi redimensionată la 400px, reducând dimensiunea ei vizuală, dar poza va rămâne la fel de grea ca o imagine de 1000px, afectând performanța și viteza site-ului tău.

Instrumente:

Cel mai important factor la alegerea imaginilor este cunoașterea platformei pe care vom lucra. Dacă lucrăm pe WordPress, de exemplu, putem folosi SmushIt, un plugin care permite definirea unei lățimi și înălțimi maxime pentru imaginile noastre înainte de a le redimensiona, comprima și încărca pe server.

Dacă, dimpotrivă, lucrăm cu o platformă cu cod propriu, trebuie să creăm un proces manual sau automat care să permită optimizarea imaginilor înainte de a le încărca pe server.

3. Format de imagine prietenos cu SEO

În prezent, cel mai optim mod de a salva imaginile web este folosirea unuia dintre următoarele patru formate:

• ›

  WebP: Poate reduce greutatea originală a unei imagini cu 25-35%. Este unul dintre cele mai recomandate formate în acest moment; deși unele versiuni de browsere încă nu le pot citi, este unul dintre formatele care permite mai multă compresie fără a afecta calitatea imaginii.

• ›

  PNG: Este cea mai bună alegere pentru pozele cu câteva culori și fundaluri transparente. Este utilizat pe scară largă la logo-uri.

• ›

  JPG: Formatul care ar trebui folosit pentru fotografii și imagini în general. Se pierde puțină calitate la comprimarea lor, dar culorile și tonurile rămân aceleași.

• ›

  GIF: Folosit la animații și poze în mișcare.

Recomandări:

• ›

  Folosește întotdeauna cel mai potrivit format de imagine în termeni de greutate și compatibilitate.

• ›

  Comprimă întotdeauna imaginile, fie manual, fie printr-un instrument de procesare automată.

• ›

  Dacă site-ul conține mai multe pictograme, grupează-le într-o singură imagine prin CSS Sprites pentru a reduce numărul de cereri către server și a îmbunătăți performanța site-ului tău.

4. Câmpurile SEO ale imaginii

Fiecare imagine vine cu un set de câmpuri asociate pentru a oferi roboților motoarelor de căutare (și utilizatorilor, desigur) o accesibilitate îmbunătățită.

Numele imaginii

Numele imaginii se referă la numele fișierului. Este titlul imaginii, care folosește cratime și liniuțe de subliniere între cuvinte. Se recomandă includerea cuvântului cheie pentru care vrem să ne clasăm imaginea mai sus, evitând caracterele neobișnuite (precum „ñ", „?" sau litere cu accent, „á", etc.)

Este de asemenea recomandabil să omiți prepoziții sau alte caractere neesențiale din numele imaginii pentru a scurta URL-ul și a-l face cât mai prietenos cu SEO posibil.

Titlul

Este textul care apare la plasarea cursorului pe imagine. Recomandăm completarea lui pentru a adăuga un titlu semantic imaginii, incluzând cuvântul cheie pe care vrem să îl clasăm mai sus.

Acesta poate fi același cu textul alt, deși rescrierea acestui atribut cu ușoare modificări nu durează mult.

Atributul „Alt"

Acesta este cel mai important element, deoarece este cel pe care Google îl citește. Trebuie să conțină cuvântul cheie principal pentru care vrem să ne clasăm URL-ul mai sus și se presupune că trebuie să conțină descrieri scurte.

Sintaxa lui este următoarea:

<img src=”LINK IMAGINE” alt=”DESCRIERE ALT IMAGINE” />

Exemplu de imagine optimizată:

Să vedem cum ar putea fi optimizat fiecare câmp pentru această imagine pe baza cuvântului cheie țintă „ciberseguridad pymes", a cărui medie lunară de căutare este 90 (în Spania):

Numele fișierului:

• ›

  Greșit: 04745892595295.jpg

• ›

  Corect: ciberseguridad-pymes.jpg

Titlu: Consejos de ciberseguridad para empresarios y pymes. (Sfaturi de securitate cibernetică pentru companii și întreprinderi mici.)

Text alt: Ciberseguridad para pymes y empresarios: consejos. (Securitate cibernetică pentru întreprinderi mici și companii: sfaturi.)

În acest fel, vom optimiza toate câmpurile și vom obține o imagine care este gata să lupte pentru primele poziții. Desigur, optimizarea imaginilor nu garantează că ele vor apărea primele, dar este un prim pas pentru a realiza acest lucru :)

5. Context semantic

Google consideră că cele mai relevante imagini sunt cele care sunt în concordanță cu conținutul care le înconjoară. Prin urmare, se recomandă includerea de text relevant. În acest fel, vom extinde contextul semantic total din URL.

6. Sitemap specific pentru imagini

Pentru a ajuta boții Google să urmărească imaginile noastre mai eficient, este necesar să creezi un sitemap.xml exclusiv cu acest tip de fișier. Pe WordPress, poate fi creat automat cu instrumente (plugin-uri) precum Yoast sau RankMath. Dacă nu lucrezi pe WordPress, poți folosi instrumente alternative sau instrumente de programare manuală (urmărirea URL-urilor).

În continuare, vei vedea un exemplu de sitemap cu două imagini în cadrul articolului:

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"> <url> <loc>http://example.com/sample.html&lt;/loc> <image:image> <image:loc>http://example.com/image.jpg&lt;/image:loc> </image:image> <image:image> <image:loc>http://example.com/photo.jpg&lt;/image:loc> </image:image> </url> </urlset>

Unele dintre cele mai des folosite etichete la crearea unui sitemap de imagini sunt:

→ Titlul imaginii

→ URL-ul sau calea unde este salvat fișierul

→ Nota de subsol

→ Tipul de licență

→ Informații de geolocalizare

• ›Documentație: O cantitate mare de informații poate fi găsită pe blogul Google despre sitemap-urile de imagini, cu exemple, tutoriale de implementare și altele.

După finalizarea implementării, vom putea verifica statusul acoperirii indexării în Search Console.

7. Lazy Loading pentru imagini (încărcare la cerere)

Imaginile sunt unele dintre cele mai folosite resurse de pe site-uri, deoarece, „o imagine face cât o mie de cuvinte", se spune. De aceea aspectul vizual al fiecărui site este dezvoltat cu grijă folosind aceste elemente multimedia. Totuși, neoptimizarea lor poate avea un impact negativ asupra experienței utilizatorului și asupra timpului de încărcare al site-ului. Din acest motiv, este recomandat lazy loading.

Datorită lazy loading, imaginile sunt încărcate doar când apar pe ecran. De exemplu, dacă se află într-o parte inferioară a paginii care nu este încă vizibilă pe ecranul unui dispozitiv, acestea nu vor fi încărcate până când utilizatorul nu derulează în jos. Acest lucru reduce considerabil numărul de cereri HTTPS și scade timpii de încărcare, făcând pagina ta mai plăcută pentru Google.

Plugin-uri pentru implementarea Lazy loading pe WordPress

Dacă gestionezi site-uri pe această platformă software, există un set de plugin-uri care îți vor atrage atenția dacă vrei să optimizezi imaginile implementând lazy loading. Nu uita să verifici dacă tema instalată include această funcție. Dacă nu, iată câteva interesante:

• ›

  BJ Lazy Load: ușor de instalat și configurat, este unul dintre cele mai populare instrumente, cu peste 90.000 de instalări. Datorită acestui complement, poți scala imaginile pentru a le adapta la diferite dimensiuni de ecran.

• ›

  Lazy Load by WP Rocket: simplu și ușor de configurat (în principal pentru că nu oferă opțiuni diferite), avantajul acestui plugin este că nu folosește o bibliotecă JavaScript precum jQuery.

8. Folosirea unui CDN pentru imagini

Un CDN (Content Delivery Network) este un set de servere distribuite în toată lumea care facilitează conținutul stocat în cache al unui site în funcție de locul unde se află solicitantul. Datorită acestei rețele de găzduire, acel server care este mai aproape de solicitant va furniza o copie a site-ului solicitat.

Prin urmare, folosirea unui CDN ajută la descărcarea mai rapidă a URL-urilor noastre, reducând timpii de încărcare ai site-ului nostru și promovând clasarea sa organică.

Dacă folosim un CDN (de exemplu, Cloudflare) pentru a afișa imagini, acestea vor fi descărcate și afișate mai rapid. Acest flux simplu va îmbunătăți direct SEO-ul nostru.

9. Alte considerații

Imaginile valoroase din punct de vedere SEO, adică cele pe care vrem să le clasăm mai sus, trebuie incluse în codul sursă al URL-ului. Cele implementate ca proprietate de fundal în CSS nu vor fi vizibile pentru Google, deoarece acesta nu poate înțelege acest tip de foi de stil.

În plus, există alte detalii de neratat de reținut la optimizarea imaginilor noastre:

• ›

  Exif: Cu fiecare imagine se salvează un set de atribute, precum data când a fost făcută poza și alte date relevante pentru profesioniștii din acest domeniu. Totuși, această informație nu este valoroasă pentru SEO și doar ocupă spațiu. Ștergerea acestei informații poate ajuta la optimizarea imaginilor și la a le face mai puțin grele.

• ›

  „longdesc": Acest atribut este de obicei uitat, dar poate fi interesant de implementat în imaginile noastre. Aceasta este o descriere lungă a imaginii.

• ›

  Legarea (linking): Link building-ul joacă un rol fundamental în creșterea organică a paginilor noastre, dar și a imaginilor noastre. Acestea pot fi de asemenea legate și, prin urmare, pot obține o recunoaștere mai mare în motoarele de căutare.

Ne scapă vreun sfat esențial? Ne-ar plăcea să te auzim. Lasă un comentariu mai jos și simte-te liber să îți împărtășești cunoștințele!