Les imatges generen trànsit addicional al vostre lloc web. Afecten la velocitat de càrrega de la pàgina i els factors de comportament. Amb una bona optimització de SEO, poden millorar la classificació dels motors de cerca del vostre lloc web ...   Com optimitzar les imatges per atraure els motors de cerca i els usuaris? Com comprimir imatges sense perdre la seva qualitat i emplenant metaetiquetes? Quantes imatges necessiteu per al SEO? Quina és la seva mida, qualitat i format mínim? Descobriu-ho tot en aquest article.

Les imatges generen trànsit addicional al vostre lloc web. Afecten la velocitat de càrrega de la pàgina i els factors de comportament. Amb una bona optimització de SEO, poden millorar la classificació dels motors de cerca del vostre lloc web …  

Com optimitzar les imatges per atraure els motors de cerca i els usuaris? Com comprimir imatges sense perdre la seva qualitat i emplenant metaetiquetes? Quantes imatges necessiteu per al SEO? Quina és la seva mida, qualitat i format mínim? Descobriu-ho tot en aquest article. 

Les imatges generen trànsit addicional al vostre lloc web. Afecten la velocitat de càrrega de la pàgina i els factors de comportament. Amb una bona optimització de SEO, poden millorar la classificació dels motors de cerca del vostre lloc web ...   Com optimitzar les imatges per atraure els motors de cerca i els usuaris? Com comprimir imatges sense perdre la seva qualitat i emplenant metaetiquetes? Quantes imatges necessiteu per al SEO? Quina és la seva mida, qualitat i format mínim? Descobriu-ho tot en aquest article.

CONTINGUT

Per què és tan important optimitzar les imatges? 

Requisits de Google per a imatges 

Quantitat 

Ubicació

Qualitat i dimensions 

Unicitat

Com triar el format d’imatge òptim? 

Com reduir el pes de les imatges sense perdre qualitat? 

Com emplenar correctament els atributs SEO de les imatges? 

El títol d’una imatge 

Conclusió

PER QUÈ ÉS Tan IMPORTANT OPTIMITZAR LES IMATGES? 

Sovint un usuari no llegeix ni presta atenció al text d’un lloc, sinó que “escaneja” les pàgines. Primer es fixa en els elements gràfics. Basant-se en aquest comportament, els motors de cerca tenen diversos criteris per analitzar les imatges. 

Aquests criteris es redueixen a millorar la qualitat del contingut als resultats de cerca i satisfer les demandes dels usuaris. 

En aquest sentit, és important no només publicar imatges, sinó també assegurar-se que els motors de cerca puguin entendre el que s’hi presenta i mostrar-los als resultats de la cerca en resposta a cerques rellevants. 

Una altra part de l’optimització és seleccionar les imatges per si mateixes, optimitzar-ne la mida i el pes del fitxer. 

Les imatges haurien de ser d’alta qualitat, mostrar-se bé a tots els dispositius i no frenar la càrrega de la pàgina. 

Tot això és important perquè els motors de cerca tinguin en compte correctament els factors de comportament. 

Les imatges generen trànsit addicional al vostre lloc web. Afecten la velocitat de càrrega de la pàgina i els factors de comportament. Amb una bona optimització de SEO, poden millorar la classificació dels motors de cerca del vostre lloc web ...   Com optimitzar les imatges per atraure els motors de cerca i els usuaris? Com comprimir imatges sense perdre la seva qualitat i emplenant metaetiquetes? Quantes imatges necessiteu per al SEO? Quina és la seva mida, qualitat i format mínim? Descobriu-ho tot en aquest article.

REQUISITS DE GOOGLE PER A LES IMATGES 

QUANTITAT 

No tenim informació que indiqui que el nombre d’imatges col·locades a la pàgina afecta de cap manera la posició del lloc als resultats de la cerca. Si en teniu, no dubteu a compartir-los als comentaris. 

Només una cosa és important: les imatges s’han de mostrar correctament en qualsevol dispositiu, des de telèfons intel·ligents fins a pantalles Retina d’alta resolució. 

Per fer-ho, la mida de les imatges ha de coincidir amb la mida de la pantalla del dispositiu des del qual l’usuari les visualitzarà. 

Per tant, per entrar a la part superior de Google, és convenient tenir diversos formats de la mateixa imatge. 

Google fa recomanacions: cada imatge penjada hauria d’estar disponible en altres tres formats 16: 9, 4: 3 i 1: 1. 

Per mostrar les imatges corresponents a pantalles amb diferents resolucions, descarregueu la imatge original en les diferents mides. 

Per fer-ho, utilitzeu l’atribut srcset al vostre codi html. 

Exemple: 

<img src = «image.jpg» 

srcset = «image-550.jpg 550w, 

image-800.jpg 800w, 

image-1100.jpg 1100w» 

sizes = «(amplada màxima: 1100px) 1100px, 100vw» 

UBICACIÓ

Google recomana col·locar la imatge més important a la part superior de la pàgina. 

Com ja sabeu, qualsevol cosa al principi d’una pàgina web té més pes, això no només s’aplica a les imatges, sinó també a les capçaleres i als enllaços. 

La imatge ha d’adaptar-se perfectament al contingut de la pàgina i complementar-la. Això és important tant per als usuaris que visualitzen il·lustracions per entendre millor el tema com per als motors de cerca que ja han après a reconèixer les imatges. 

Una imatge pot caracteritzar una pàgina o una part semàntica diferent d’una pàgina. 

Això significa que cal situar la imatge més a prop del text i «envoltar-la» de text de manera que l’essència de la imatge complementi l’essència del text. 

Per tal que la il·lustració de l’article s’inclogui en un «fragment» de resultats de cerca per a mòbils, heu de seleccionar una imatge per determinar fàcilment la consulta principal de la pàgina. 

Foto dels resultats de la cerca per a mòbils a la carta «Sabata de running 2021» 

Un exemple de bona foto: les sabatilles esportives ocupen la major part de la imatge del centre i són fàcils de llegir per un motor de cerca. 

QUALITAT I DIMENSIONS 

En optimitzar imatges per a motors de cerca com Google, heu de trobar el compromís adequat entre la mida i la qualitat dels gràfics, amb el contingut destinat principalment a l’usuari. Mantingueu els gràfics clars i atractius visualment. 

Quan parlem de qualitat de la imatge, ens guia la resolució. Les imatges d’alta resolució solen tenir un rendiment molt millor que les imatges de baixa resolució. 

La qualitat de la imatge ha de ser superior a la de la vostra competència. El format mínim és de 1080 píxels d’alçada. Si el motor de cerca troba diversos duplicats de la mateixa imatge, triarà la imatge més gran. Tot i això, això no vol dir que hagueu de posar imatges gegantines al vostre lloc. 

Podeu obrir una imatge gran i de resolució completa com a pàgina independent seguint un enllaç. 

A la mateixa pàgina, només cal que col·loqueu una imatge de vista prèvia. També podeu utilitzar connectors per optimitzar imatges grans, la majoria dissenyades per a llocs de WordPress. 

Una «previsualització» no ha de ser massa petita. Els motors de cerca poden veure imatges menors de 100 a 150 píxels com a element de disseny i no es permeten als resultats de cerca.  

Exemple d’un conjunt mínim estàndard: imatge de 1.920 píxels d’amplada i tres visualitzacions prèvies mòbils: 640 píxels, 920 píxels i 1220 píxels. 

Hi ha dues maneres de notificar a Google que existeix una «previsualització»: 

utilitzeu el marcatge de l’esquema ImageObject; https://schema.org/ImageObject;

Indiqueu mapes del lloc per a imatges. 

Després, el motor de cerca indexarà aquestes previsualitzacions i les utilitzarà als resultats de la cerca. 

UNICITAT

També és important per al SEO que les imatges siguin originals i no es copiïn d’altres llocs. Els motors de cerca aprecien el contingut original i únic, i les imatges no són una excepció. 

Podeu comprovar la singularitat de la imatge mitjançant un servei gratuït: TinyEye – https://tineye.com/. 

Aquí podeu penjar una imatge o proporcionar-hi un enllaç. El servei comprovarà això i respondrà 0 com a resultat si la imatge és única. 

Els motors de cerca poden identificar imatges duplicades i entendre d’on provenen. 

En aquest sentit, l’empresa «Reboot Online» va dur a terme un experiment amb fotografies: van suggerir que si l’originalitat de les imatges és de gran importància per a Google, al igual que la resta de coses, els llocs amb imatges úniques seran més elevats als resultats de cerca que els llocs similars amb imatges duplicades. 

L’experiment va durar tres mesos i el resultat és que les posicions dels llocs amb imatges úniques eren superiors a les dels llocs amb còpies. Només les fotos úniques arriben a la part superior de Google Images. 

Podeu llegir els detalls de l’experiment en aquest article.

Crec que Google és tolerant amb les fotos no originals de les pàgines del producte.  

Sovint als llocs, les pàgines del producte s’omplen amb les mateixes imatges del fabricant. En aquests casos, cal utilitzar una bona optimització interna i enllaços de qualitat. 

Per descomptat, si teniu l’oportunitat, feu fotos originals, demaneu portades i il·lustracions de dissenyadors. 

Si no podeu fotografiar tots els articles de l’assortiment, treballeu sobre la singularitat de la pàgina del producte mitjançant text a les descripcions, les valoracions i les ressenyes.  

Si necessiteu una foto de persona aleatòria, podeu generar retrats de forma gratuïta mitjançant la xarxa neuronal; els retrats tenen un aspecte molt natural. 

Retrat generat per una xarxa neuronal 

Només podeu fer fotos personals de persones reals amb el seu consentiment, fins i tot si han estat publicades a les xarxes socials. 

COM ESCOLLIR EL FORMAT D’UNA IMATGE TPTIMA? 

Google pot indexar tipus d’imatges en formats BMP, GIF, JPEG, PNG, WebP, així com en formats SVG. 

Normalment, per a imatges, s’utilitzen formats universals JPEG, PNG i GIF. 

Alguns experts en SEO aconsellen donar preferència a formats vectorials com SVG, perquè les imatges vectorials són independents de la resolució i l’escala i són adequades per a la visualització d’alta resolució. 

 

La relació d’aspecte depèn de la quantitat que pugui comprimir la imatge i mantenir-ne la qualitat. 

A més d’aquests formats, hi ha formats de perspectiva, però menys habituals, com ara AVIF, WebP, JPEG 2000 o JPEG-XR.  

L’avantatge d’aquests formats és que realment pesen menys i tenen una bona compressió sense sacrificar la qualitat de la imatge. Malauradament, encara no tots els navegadors admeten aquests formats. 

Per exemple, JPEG-XR només és compatible amb Internet Explorer i Edge, mentre que AVIF només és compatible amb Chrome, Opera i Android. 

Per esbrinar si el navegador admet un format d’imatge concret, utilitzeu http://caniuse.com.  

Per exemple, la visualització d’imatges en format WebP és compatible amb els navegadors Google Chrome (de la versió 9), Opera (de la versió 11.5), Firefox (de la versió 65). Android admet llegir i escriure imatges WebP des de la versió 4.0. 

Suport per al format WebP de diversos navegadors. 

COM REDUIR EL PES DE LES IMATGES SENSE PÈRDUA DE QUALITAT? 

Tingueu en compte que Google utilitza el temps de càrrega del lloc web com un dels seus factors de classificació. 

Per accelerar la càrrega de la pàgina web, cal que la imatge sigui més clara, és a dir, comprimir-la, reduir-ne la mida o el seu esquema de colors. 

Podeu reduir la mida de les imatges grans mitjançant Photoshop o serveis en línia gratuïts: 

inettools – https://inettools.net/ 

resizepixel – https://www.resizepixel.com/ 

Per comprimir les imatges i reduir-ne el pes, utilitzeu els serveis:  

compressjpeg – https://compressjpeg.com/ 

reduceimages – https://www.reduceimages.com/ 

iloveimg- https://www.iloveimg.com/ 

Reduïu la qualitat de la imatge a l’ajuda de Photoshop. (De dalt a baix Imatge 1: màxima qualitat, mida del fitxer 1M. Imatge 2, baixa qualitat de la imatge: mida del fitxer 137 K) 

Les imatges s’han de reduir al màxim, sense cap pèrdua de qualitat visible. 

COM COMPLETAR CORRECTAMENT ELS ATRIBUTS D’IMATGES DE SEO? 

Els motors de cerca tracten una imatge com una etiqueta «img» amb un atribut «src» que conté la pròpia imatge i un atribut «alt» que conté una descripció de la imatge. La imatge també pot tenir un «títol» amb una descripció addicional. 

No heu d’utilitzar l’etiqueta «figura» per a les imatges, perquè «figura» indica al motor de cerca que percebi aquest objecte independentment del contingut de la pàgina. 

Per tal que les imatges es visualitzin correctament en diferents dispositius i amb diferents resolucions de pantalla, podeu especificar altres dos atributs a l’etiqueta «src»: els atributs «srcset» i «mida». 

Un atribut «srcset» conté una matriu d’imatges que descriuen les seves dimensions en termes d’amplada o densitat de píxels. El navegador troba aquestes imatges i tria la mida de les imatges suggerides per mostrar-les a l’usuari. La imatge seleccionada dependrà de les condicions en què es trobi l’usuari: tipus de dispositiu, resolució de pantalla, velocitat d’Internet. 

Exemple de codi html:

<img src = «/img-1920.jpg» srcset = «/img-640.jpg 640w,  

       /img-920.jpg 920w,   

       /img-1220.jpg 1220w» alt = «»> 

El El codi font de la pàgina conté enllaços a imatges de diferents mides per adaptar-se a diferents dispositius. 

L’atribut «alt»: per al motor de cerca, és la descripció de la imatge. «Alt» proporciona al motor de cerca informació útil sobre el tema i la rellevància de la imatge. Ha de contenir una descripció textual de la imatge, que s’hi mostra. L’alt ha de ser tal que, si traieu la imatge de la pàgina i col·loqueu el text de l’atribut al seu lloc, entra en context. 

Què hauria de ser l ‘»alt» d’una imatge: 

descriviu el contingut de la imatge

associat al text que l’envolta

Únic per a cada imatge de la pàgina

Formulat en la llengua francesa més senzilla possible

No gaire, Google analitza només els primers 100 caràcters

Sense optimitzacióper paraules clau

excessivaSense massa repeticions de la paraula clau principal en cada versió. 

No dupliqueu ni el títol de la pàgina ni el títol de l’article.

Podeu comprovar si Google ha entès el text de alt pel servei «Llenguatge natural». 

Una imatge «Alt» que duplica el títol de la pàgina indica als robots de cerca que la imatge s’hauria d’ignorar i que només està dissenyada. Si no teniu cap objectiu per accedir a Google Images, podeu fer-ho.  

Si voleu obtenir trànsit de Google Images, el millor és incrustar la imatge al contingut, per fer saber als robots que aquesta imatge ajuda a revelar el significat de l’article. 

Els «Alts» que no han tingut èxit: 

no hi ha text a alt – img src = «chien.jpg» -excessiva 

Optimització- img src = «chien.jpg» alt = «gos cadell petit retriever gos labrador wolfhound setter punter menjar per a gossos menjar per a gossos» 

Un bon «alt»:  

descripció de la imatge que explica què hi passa – img src = «dog.jpg» alt = «El gos labrador porta un pal al propietari» 

Què fer per als llocs multilingües? Aquí teniu els consells de John Mueller (Search Advocate a Google):  

«Permetem l’ús de la mateixa imatge (des d’un únic URL). Pel que fa a l’atribut Alt, s’ha de localitzar, és a dir traduir segons l’idioma de la pàgina on s’utilitzarà la imatge. » 

Resposta d’un empleat de Google a la pregunta sobre l’optimització d’imatges per a llocs multilingües 

Hmm … I el títol d’una imatge? Resulta que tampoc no cal traduir-lo. Cosa estrany. És poc probable que el nom francès de la imatge contribueixi a una millor classificació del lloc de la pàgina «anglès». Què penses ? Escriviu-nos-ho als comentaris.

EL TÍTOL D’UNA IMATGE 

La mateixa recomanació de Google diu que el nom del fitxer també és important, de manera que haureu de canviar el nom dels fitxers abans de penjar-los. El títol pot tenir la mateixa funció que les capçaleres dels títols, de manera que dog.jpg és millor que IMG00023.jpg perquè transmet el contingut de la imatge.  

El títol s’ha d’escriure en francès, però sense l’ús de diacrítics (è, à, û, etc.) i utilitzar guionets en lloc d’espais i subratllats. (exemples: vetements-femmes.jpg, tipper-motorized- electric.jpg, etc.).

Un atribut «title» també és una descripció d’imatges, però per als usuaris. Es mostra quan passeu el cursor per sobre de la imatge. Al «títol» és millor escriure una frase breu que expliqui el que passa a la imatge. Però, en general, no cal emplenar aquest atribut: no afecta el SEO i només és útil per als lectors. 

Una imatge de mostra en un lloc web amb una descripció de «Títol» 

CONCLUSIÓ

Per optimitzar eficaçment les imatges, tots els mètodes anteriors s’han d’aplicar conjuntament: 

afegiu imatges úniques i rellevants al vostre lloc;

Utilitzeu formats de fotografies independents per a la visualització del mòbil (previsualització);

Implementar el marcatge de microdades (marques) per a imatges;

Seleccioneu un format d’imatge adequat per a diferents navegadors;

Utilitzeu eines per comprimir imatges sense perdre qualitat;

Utilitzeu imatges enllaçades amb text;

Canvieu el nom dels fitxers abans de descarregar-los;

Optimitzeu les imatges mitjançant l’atribut «alt»;

Recordeu que les imatges es creen principalment per a l’usuari. 

Quan creeu i optimitzeu imatges, guieu-vos per dos principis clau: qualitat i valor del contingut. Això és important no només per als motors de cerca, sinó també per a l’usuari. Aquest és el secret de l’èxit en l’optimització. 

 

Te has perdido

Llámenos y consiga asesoramiento gratuito. T.+33786568901

X