Cele mai bune practici SEO pentru imagini Google
Google oferă mai multe funcții și produse de Căutare care ajută utilizatorii să descopere vizual informații pe web, cum ar fi
imagini în rezultatele text, Google Discover și Google Images. Deși fiecare funcție și produs arată diferit, recomandările generale pentru a face imaginile să apară în acestea sunt aceleași.
Puteți optimiza imaginile pentru a apărea în rezultatele de căutare Google urmând aceste cele mai bune practici:
- Ajutați-ne să descoperim și să indexăm imaginile dvs.
- Optimizați paginile de destinație ale imaginilor
Ajutați-ne să descoperim și să indexăm imaginile dvs.
Cerințele tehnice pentru a face conținutul dvs. să apară în rezultatele de căutare Google se aplică și imaginilor. Deoarece imaginile sunt un format substanțial diferit comparativ cu , există cerințe suplimentare pentru a face imaginile indexate; de exemplu, găsirea imaginilor pe site-ul dvs. este diferită, iar prezentarea imaginilor influențează dacă o imagine este indexată și pentru cuvintele cheie corecte.
Utilizați elemente pentru a încorpora imagini
Utilizarea elementelor standard pentru imagini ajută crawler-ele să găsească și să proceseze imaginile. Google poate găsi imagini în atributul src al elementului <img> (chiar și atunci când este un copil al altor elemente, cum ar fi elementul <picture>). Google nu indexează imaginile CSS.
Bun:
<img src=”puppy.jpg” alt=”Un cățeluș golden retriever” />
Rău:
<div style=”background-image:url(puppy.jpg)”>Un cățeluș golden retriever</div>
Utilizați un sitemap pentru imagini
Puteți furniza URL-ul imaginilor pe care altfel nu le-am fi descoperit prin
trimiterea unui sitemap pentru imagini.
Spre deosebire de sitemaps obișnuite, puteți include URL-uri de pe alte domenii în elementele <image:loc> ale sitemaps pentru imagini. Acest lucru vă permite să utilizați rețele de livrare de conținut (CDN) pentru a găzdui imagini. Dacă utilizați un CDN, Google recomandă să
verificați proprietatea numelui de domeniu al CDN-ului în Search Console, astfel încât să vă putem informa despre orice erori de crawl pe care le putem găsi.
Imagini responsive
Proiectarea paginilor web responsive duce la o experiență mai bună pentru utilizatori, deoarece acestea pot fi accesate pe o multitudine de tipuri de dispozitive. Consultați
ghidul nostru pentru imagini responsive pentru a învăța despre cele mai bune practici pentru gestionarea imaginilor pe site-ul dvs.
Paginile web folosesc elementul <picture> sau atributul srcset al unui element img pentru a specifica imagini responsive. Totuși, unele browsere și crawler-e nu înțeleg aceste atribute. Google recomandă să specificați întotdeauna un URL de rezervă folosind atributul src.
Atributul srcset permite specificarea diferitelor versiuni ale aceleiași imagini, special pentru diferite dimensiuni de ecran. De exemplu:
<img
srcset="maine-coon-nap-320w.jpg 320w, maine-coon-nap-480w.jpg 480w, maine-coon-nap-800w.jpg 800w"
sizes="(max-width: 320px) 280px, (max-width: 480px) 440px, 800px"
src="maine-coon-nap-800w.jpg"
alt="O ilustrație în acuarelă a unui maine coon care doarme relaxat în fața unui șemineu">
Elementul <picture> este un container folosit pentru a grupa diferite versiuni <source> ale aceleiași imagini. Oferă o abordare de rezervă, astfel încât browserul să poată alege imaginea potrivită în funcție de capacitățile dispozitivului, cum ar fi densitatea pixelilor și dimensiunea ecranului. Elementul picture este de asemenea util pentru utilizarea noilor formate de imagine cu degradare grațioasă încorporată pentru clienții care încă nu suportă noile formate.
Conform
secțiunii 4.8.1 din Standardul , asigurați-vă că furnizați un element img ca rezervă cu un atribut src atunci când utilizați elementul picture folosind următorul format:
<picture>
<source type="image/svg+xml" srcset="pyramid.svg">
<source type="image/webp" srcset="pyramid.webp">
<img src="pyramid.png" alt="O pictură în ulei din anii 1800 a Marii Piramide">
</picture>
Căutarea Google suportă imagini referențiate în atributul src al img în următoarele formate de fișiere: BMP, GIF, JPEG, PNG, WebP, SVG și AVIF. Este de asemenea o idee bună să aveți extensia numelui de fișier care să corespundă cu tipul de fișier.
Puteți de asemenea să încorporați imagini ca URI-uri de date. URI-urile de date oferă o modalitate de a include un fișier, cum ar fi o imagine, în linie prin setarea atributului src al unui element img ca un șir codificat Base64 folosind următorul format:
<img src="data:image/svg+xml;base64,[data]">
Deși încorporarea imaginilor poate reduce cererile HTTP, evaluați cu atenție când să le utilizați, deoarece poate crește considerabil dimensiunea paginii. Pentru mai multe informații, consultați
secțiunea despre avantajele și dezavantajele încorporării imaginilor pe pagina noastră web.dev.
Optimizați pentru viteză și calitate
Fotografiile de înaltă calitate sunt mai atractive pentru utilizatori decât imaginile neclare, neclare. De asemenea, imaginile clare sunt mai atractive pentru utilizatori în miniatura rezultatului și pot crește probabilitatea de a obține trafic de la utilizatori. Cu toate acestea, imaginile sunt adesea cel mai mare contributor la dimensiunea totală a paginii, ceea ce poate face ca paginile să fie lente și costisitoare de încărcat. Asigurați-vă că aplicați
cele mai recente tehnici de optimizare a imaginilor și
tehnici de imagini responsive pentru a oferi o experiență de utilizare de înaltă calitate și rapidă.
Analizați viteza site-ului dvs. cu
PageSpeed Insights și vizitați
De ce contează viteza? pentru a învăța despre cele mai bune practici și tehnici pentru a îmbunătăți performanța site-ului web.
Optimizați paginile de destinație ale imaginilor
Deși nu este imediat evident, conținutul și metadatele paginilor unde este încorporată o imagine pot avea o mare influență asupra modului și locului în care imaginea poate apărea în rezultatele de căutare Google.
Specificați o imagine preferată cu metadate
Selecția Google a unei previzualizări a imaginii este complet automatizată și ia în considerare o serie de surse diferite pentru a selecta care imagine de pe o pagină dată este afișată pe Google (de exemplu, o
imagine de rezultat text sau imaginea de previzualizare în Discover).
Puteți influența care imagine este selectată prin furnizarea imaginii preferate prin una dintre următoarele surse de metadate:
- Specificați proprietatea schema.org
primaryImageOfPage cu un URL sau ImageObject.
<script type="application/ld+json">{
"@context": "https://schema.org",
"@type": "WebPage",
"url": "https://example.com/url",
"primaryImageOfPage": "https://example.com/images/cat.png"
}</script>
Sau specificați un URL de imagine sau proprietatea ImageObject și atașați-l la entitatea principală (folosind proprietățile schema.org mainEntity sau mainEntityOfPage):
<script type="application/ld+json">{
"@context": "https://schema.org",
"@type": "BlogPosting",
"mainEntityOfPage": "https://example.com/url",
"image": "https://example.com/images/cat.png"
}</script>
- Specificați eticheta
og:image meta.
<meta property="og:image" content="https://example.com/images/cat.png">
Când alegeți imaginea preferată pentru utilizare în marcajul schema.org sau eticheta og:image meta, urmați aceste cele mai bune practici:
- Alegeți o imagine care este relevantă și reprezentativă pentru pagină.
- Evitați utilizarea unei imagini generice (de exemplu, logo-ul site-ului dvs.) sau a unei imagini cu text în marcajul schema.org sau eticheta
og:image meta.
- Evitați utilizarea unei imagini cu un raport de aspect extrem (cum ar fi imagini care sunt prea înguste sau prea late).
- Utilizați o rezoluție înaltă, dacă este posibil.
Verificați titlul și descrierea paginii dvs.
Căutarea Google generează automat un link de titlu și un fragment pentru a explica cel mai bine fiecare rezultat și cum se raportează la interogarea utilizatorului. Acest lucru ajută utilizatorii să decidă dacă să facă clic pe un rezultat sau nu. Iată două exemple despre cum ar putea arăta linkurile de titlu și fragmentul pe o pagină de rezultate ale căutării Google:
Folosim o serie de surse diferite pentru aceste informații, inclusiv informații în etichetele title și meta pentru fiecare pagină.
Puteți ajuta Google să îmbunătățească calitatea linkului de titlu și a fragmentului afișat pentru paginile dvs. urmând
ghidurile pentru titlu și
fragmente ale Google.
Adăugați date structurate
Dacă includeți date structurate, Google poate afișa imaginile dvs. în anumite
rezultate bogate, inclusiv un
badge proeminent în Google Images, care oferă utilizatorilor informații relevante despre pagina dvs. și poate atrage trafic mai bine țintit către site-ul dvs.
Urmați
ghidurile generale pentru date structurate precum și orice ghiduri specifice tipului dvs. de date structurate; altfel, datele dvs. structurate ar putea fi ineligibile pentru afișarea rezultatelor bogate în Google Images. În fiecare dintre aceste tipuri de date structurate, atributul de imagine este un câmp obligatoriu pentru a fi eligibil pentru un badge și un rezultat bogat în Google Images. Iată două exemple despre cum ar putea arăta rezultatele bogate în Google Images:
Utilizați nume de fișiere, titluri și text alternativ descriptive
Google extrage informații despre subiectul imaginii din conținutul paginii, inclusiv subtitrările și titlurile imaginilor. Ori de câte ori este posibil, asigurați-vă că imaginile sunt plasate lângă text relevant și pe pagini care sunt relevante pentru subiectul imaginii.
De asemenea, numele fișierului poate oferi Google indicii foarte ușoare despre subiectul imaginii. Când este posibil, utilizați nume de fișiere care sunt scurte, dar descriptive. De exemplu, my-new-black-kitten.jpg este mai bun decât IMG00023.JPG. Evitați utilizarea numelor de fișiere generice precum image1.jpg, pic.gif, 1.jpg atunci când este posibil. Dacă site-ul dvs. are mii de imagini, poate doriți să luați în considerare automatizarea denumirii imaginilor. Dacă localizați imaginile, amintiți-vă să traduceți și numele fișierelor, ținând cont de
ghidurile de codificare URL dacă utilizați caractere non-latine sau speciale.
Cel mai important atribut când vine vorba de furnizarea mai multor metadate pentru o imagine este textul alternativ (text care descrie o imagine), care îmbunătățește de asemenea accesibilitatea pentru persoanele care nu pot vedea imagini pe paginile web, inclusiv utilizatorii care folosesc cititoare de ecran sau au conexiuni cu lățime de bandă redusă.
Google folosește textul alternativ împreună cu algoritmi de viziune computerizată și conținutul paginii pentru a înțelege subiectul imaginii. De asemenea, textul alternativ în imagini este util ca text de ancoră dacă decideți să utilizați o imagine ca link.
Când scrieți text alternativ, concentrați-vă pe crearea de conținut util, bogat în informații, care folosește cuvinte cheie în mod adecvat și este în contextul conținutului paginii. Evitați umplerea atributelor alt cu cuvinte cheie (cunoscută și sub numele de
umplere cu cuvinte cheie) deoarece rezultă într-o experiență negativă pentru utilizator și poate face ca site-ul dvs. să fie văzut ca spam.
Rău (lipsă text alternativ):
<img src=”puppy.jpg”/>
Rău (umplere cu cuvinte cheie):
<img src=”puppy.jpg” alt=”cățeluș câine pui de câine pui pui de câini cățeluși pui de câini mâncare pentru câini mâncare ieftină pentru câini mâncare pentru cățeluși“/>
Mai bine:
<img src=”puppy.jpg” alt=”cățeluș“/>
Cel mai bine:
<img src=”puppy.jpg” alt=”Cățeluș dalmațian jucându-se cu mingea“/>
De asemenea, luați în considerare accesibilitatea textului alternativ, conform
ghidurilor W3. Pentru elementul <img>, puteți adăuga atributul alt al elementului, în timp ce pentru elementele inline <svg>, puteți utiliza elementul <title>. De exemplu:
<svg aria-labelledby="svgtitle1">
<title id="svgtitle1">Googlebot purtând un șorț și o pălărie de bucătar, încercând să facă clătite pe aragaz</title>
</svg>
Google recomandă testarea conținutului dvs. prin
auditarea pentru accesibilitate și
utilizarea unui emulator de conexiune de rețea lentă.
Dacă o imagine este referențiată pe mai multe pagini dintr-un site mai mare, luați în considerare
bugetul general de crawl al site-ului. În special, referențiați constant imaginea cu același URL, astfel încât Google să poată cache și reutiliza imaginea fără a fi nevoie să o solicite de mai multe ori.
Renunțați la legătura inline în Google Images
Dacă doriți, puteți împiedica imaginea de dimensiuni complete să apară în pagina de rezultate a căutării Google Images renunțând la legătura inline în rezultatele căutării Google Images. Pentru a renunța la legătura inline:
-
Când imaginea dvs. este solicitată, examinați
antetul referer HTTP în cerere.
-
Dacă cererea provine de la un domeniu Google, răspundeți cu un cod de stare HTTP
200 sau un cod de stare HTTP 204 și fără conținut.
Google va continua să acceseze pagina dvs. și să vadă imaginea, dar va afișa o imagine miniaturală generată la momentul crawl-ului în rezultatele căutării. Această opțiune de renunțare este posibilă în orice moment și nu necesită re-procesarea imaginilor unui site. Acest comportament nu este considerat
cloaking de imagini și nu va rezulta în acțiuni manuale.
Alternativ, puteți
împiedica imaginea să apară în rezultatele căutării în întregime.
Optimizați pentru SafeSearch
SafeSearch este o setare în conturile de utilizator Google care specifică dacă să afișeze, să estompeze sau să blocheze imagini, videoclipuri și site-uri explicite în rezultatele Căutării Google. Asigurați-vă că Google înțelege natura site-ului dvs. astfel încât să poată aplica filtrele SafeSearch pe site-ul dvs. dacă este cazul.
Aflați mai multe despre etichetarea paginilor pentru SafeSearch.
Notă de Transparență E-E-A-T: Acest material reprezintă o analiză aprofundată, adaptare și traducere tehnică a documentației oficiale Google Search Central. Conținutul original este oferit de Google sub licența Creative Commons Attribution 4.0 (CC-BY 4.0). AdvancedSystems operează ca o agenție premium independentă de consultanță și audit SEO, aducând valoare adăugată prin explicarea conceptelor arhitecturale pentru piața B2B din România.
