Cuprins 7 secțiuni
Imaginile pentru SEO sunt fotografiile, graficele și ilustrațiile de pe site pregătite astfel încât să se încarce repede, să fie înțelese de motoarele de căutare și să poată fi folosite și de persoanele care nu le văd. O poză bună, dar de cinci megaocteți, poate strica experiența și poziția unei pagini care altfel ar fi fost în regulă.
Majoritatea site-urilor mici greșesc la același lucru: urcă fotografiile direct de pe telefon sau de la fotograf, în dimensiunea originală, și lasă numele implicit al fișierului. Pașii de mai jos repară asta fără programe costisitoare și se aplică oricărei platforme, de la un site făcut pe comandă până la un magazin online.
Ce format de imagine alegi?
Formatul potrivit depinde de ce conține imaginea: pentru fotografii alegi de obicei WebP sau JPEG, pentru logouri și grafice simple SVG sau PNG. Browserele actuale afișează WebP fără probleme, iar fișierele rezultate sunt mai mici decât JPEG-urile la o calitate vizuală asemănătoare.
| Format | Se potrivește pentru | Avantaj | Dezavantaj |
|---|---|---|---|
| JPEG | Fotografii | Compatibil peste tot | Fișiere mai mari decât WebP |
| WebP | Fotografii și grafice | Dimensiune redusă, calitate bună | Unele programe vechi nu îl deschid |
| PNG | Capturi de ecran, transparență | Margini curate | Greu pentru fotografii |
| SVG | Logo, pictograme | Se scalează fără pierderi | Nu se potrivește pozelor |
Dacă platforma ta convertește automat în WebP, lasă-o să o facă. Altfel, un convertor online gratuit este suficient pentru zeci de imagini.
Ce dimensiune ar trebui să aibă o imagine?
Dimensiunea ideală este cea la care imaginea se afișează efectiv pe pagină, nu mai mare, iar greutatea fișierului ar trebui să rămână de regulă sub câteva sute de kiloocteți. O fotografie de 4.000 de pixeli lățime, pusă într-o coloană de 800, forțează telefonul să descarce de cinci ori mai mult decât are nevoie.
Regula practică: măsoară lățimea la care apare imaginea pe desktop, dublează-o pentru ecranele dense și redimensionează fotografia la acea valoare. Apoi comprimă-o moderat, până când diferența de calitate încă nu se vede cu ochiul liber.
Sfat: deschide pagina pe telefon, cu datele mobile, nu pe Wi-Fi. Dacă imaginile principale apar greu, ai identificat unde se pierde timpul. Legătura cu viteza site-ului este directă: imaginile sunt, de cele mai multe ori, cea mai mare parte din greutatea unei pagini.
Cum denumești fișierul imaginii?
Numele fișierului ar trebui să descrie conținutul în câteva cuvinte reale, scrise cu litere mici și legate prin cratimă, fără diacritice sau spații. Pentru o poză cu o tartă de casă, tarta-cu-capsuni-de-casa.webp spune mai mult decât IMG_4821.jpg.
Numele nu este un factor major de clasare, dar ajută motoarele de căutare să înțeleagă subiectul și îți ușurează munca atunci când ai sute de fișiere într-un folder. Evită repetarea cuvintelor-cheie la nesfârșit; un nume firesc bate unul „optimizat”.
Cum scrii un text alternativ bun?
Textul alternativ este o descriere scurtă a imaginii, citită de cititoarele de ecran și afișată când poza nu se încarcă. Scrie-l ca și cum ai explica poza cuiva la telefon: ce se vede, în câteva cuvinte, fără formula „imagine cu”.
Câteva repere care funcționează:
- descrie ce este în poză, nu ce ți-ai dori să se caute (
bucătar care frământă aluat pe blat de lemn); - păstrează textul între cinci și cincisprezece cuvinte, în general;
- dacă imaginea este strict decorativă, lasă atributul gol, ca să nu încarci inutil cititoarele de ecran;
- folosește cuvântul-cheie al paginii doar dacă se potrivește natural cu ce apare în poză.
Un exemplu rău: pizza pizza comanda pizza București. Unul bun: pizza cu mozzarella scoasă din cuptorul pe lemne. Primul sună a aglomerare de termeni, al doilea ajută pe cineva care nu vede imaginea.
Accesibilitatea nu este un detaliu lateral. Aceleași texte care ajută cititoarele de ecran oferă și motoarelor de căutare un context în plus, iar paginile gândite pentru toți vizitatorii tind să fie mai clare pentru toți.
Încărcarea întârziată și imaginile din partea de sus a paginii
Încărcarea întârziată (lazy loading) înseamnă că imaginile de sub linia de plutire se descarcă doar când vizitatorul derulează pagina. Majoritatea platformelor o activează implicit, iar efectul este o pagină care apare mai repede.
Fă o excepție pentru imaginea principală din partea de sus a paginii: aceasta trebuie încărcată imediat, pentru că este primul lucru pe care îl vede omul. Dacă o încarci târziu, pagina pare lentă chiar dacă restul e rapid. Aceasta este o greșeală des întâlnită după ce un plugin aplică lazy loading peste tot.
Imaginile și restul optimizării paginii
O imagine nu se optimizează izolat, ci împreună cu pagina în care apare. Pune-o aproape de textul pe care îl ilustrează, adaugă o legendă când ajută cititorul și asigură-te că titlul și descrierea paginii rămân cele mai importante elemente. Pentru ansamblu, vezi elementele de bază ale SEO on-page.
Dacă ai un magazin, fiecare produs are nevoie de imagini cu unghiuri diferite și de nume clare, iar fotografiile furnizorului se redimensionează întâi, nu se urcă direct, după cum arată SEO pentru magazinul online. Iar pentru profilul de pe hartă, pozele reale ale locației contează mai mult decât cele de stoc, iar profilul de companie Google le folosește direct. Pentru un aspect coerent, alege imaginile în același stil cu restul mărcii; identitatea vizuală îți spune ce culori și ce tip de fotografie se potrivesc.
Întrebări frecvente
Care este formatul cel mai bun pentru fotografii pe site?
De cele mai multe ori WebP, pentru că oferă fișiere mai mici la calitate bună. JPEG rămâne o alegere sigură dacă platforma ta nu acceptă WebP.
Cât de mare ar trebui să fie o imagine pe o pagină obișnuită?
Cât spațiul în care se afișează, cel mult de două ori lățimea lui pentru ecranele dense. Ca greutate, țintește câteva sute de kiloocteți pentru imaginile mari și mult mai puțin pentru cele mici.
Ce se întâmplă dacă nu pun text alternativ?
Pagina funcționează, dar pierzi accesibilitatea și un context util pentru motoarele de căutare. Imaginile fără text alternativ nu pot fi descrise utilizatorilor cu deficiențe de vedere.
Contează numele fișierului pentru Google?
Puțin, ca indiciu suplimentar. Un nume descriptiv ajută, dar nu înlocuiește textul alternativ și conținutul din jurul imaginii.
Pot folosi aceeași imagine pe mai multe pagini?
Poți, dar pentru paginile importante este mai bine să ai imagini proprii și variate. Aceeași poză repetată pe zeci de adrese nu aduce nimic nou cititorului.
