Optimització d'imatges: 10 consells imprescindibles (2)

Dins d'una determinada pàgina cada fotografia compte. Moltes vegades passem per alt la importància dels thumbnails i miniatures en termes d'optimització.

Efectivament, pot ser que siguin petites, però encara que només sigui per la quantitat d'elles que poden arribar a mostrar-se en pàgines com els llistats, categories o simples mòduls i altres elements que acompanyen la fitxa de producte, poden arribar a suposar una massa d'informació relativament alta quan cada kilobyte compte. 

El primer consell és obvi: mantingues una mida d’imatges raonablement petita. Són fotos petites amb la qual cosa és absurd que utilitzis formats pesats i resolucions altes, ja que simplement no s’apreciarà des del punt de vista estètic i estàs restant agilitat a la pàgina. 

També et recomano que utilitzis correctament l'atribut alt text del qual ja us vam parlar anteriorment. No dupliquis el de la versió de la imatge a major resolució que apareix a la fitxa de producte que, a més, és la que hem de prioritzar a l'hora de la indexació.

Dins de les bones pràctiques que recomana Google per afavorir el rastreig i la indexació de les fotos podem destacar l'ús de sitemaps o mapes del lloc. 

Es tracta d'un petit arxiu XML molt bàsic en el qual se li ofereix als cercadors una relació de les URLs en les quals es troben totes les imatges importants de la web i, opcionalment, permeten afegir alguna informació addicional com títols, peus de foto (també anomenats caption), ubicació geogràfica, llicència de la imatge si correspongués... 

És bastant senzill de generar i facilita moltíssim la tasca dels robots així que posa-li-ho fàcil perquè una vegada dins de l'índex tindràs possibilitats de començar a aparèixer en les cerques. 

Important: els sitemaps no són només una bona pràctica per a les imatges, s'utilitzen especialment per totes aquelles URLs del nostre lloc que volem que siguin rastrejades. Per això, és recomanable que es realitzin per separat els d'imatges i els d'un altre tipus d'URL, i a més, no només no hi ha problema en pujar més d'un, sinó que, en realitat, fa que sigui més eficient.

En una web s'utilitzen moltíssims recursos visuals que fan que resulti més atractiva. 

Estem parlant per exemple de botons, separadors i, especialment, fons. Tot això, de la mateixa manera que passa amb els thumbnails, va sumant pes de mica en mica a la pàgina amb la qual cosa s’alenteix la càrrega. 

El primer que et diré és que t'oblidis dels atributs alt. Recorda que el que estem buscant és una bona optimització de les imatges i no ens aporta res en termes estratègics que aquests recursos s’indexin i es mostrin en els resultats, ni volem sobreoptimitzar la pàgina generant una certa sensació de manca de naturalitat i priorització. 

Pel que fa a optimització de les fotos en si mateixes et diria que, com solen ser imatges de mida petita o poc complexes, utilitzis formats lleugers com PNG 8. No utilitzis imatges per a grans masses de color que es poden solucionar a través de les fulles d'estil CSS en lloc d’amb una imatge i modera l'ús dels fons perquè poden arribar a ser una de les imatges més pesades de tota la web a causa de la seva enorme grandària.

No em malinterpretis, no tinc absolutament res en contra de les fotos d'estoc. Són un recurs molt útil que es pot utilitzar amb molt bons resultats, el que no em convenç és el mal ús. 

Les imatges realitzades per nosaltres mateixos aporten un toc de singularitat a tot el lloc. Els usuaris arriben a generar una certa ceguesa davant les mateixes fotos que es veuen una i altra vegada en totes les pàgines. Això encara és més clar quan fem cerques d'imatges, mira aquest exemple una mica extrem però que il·lustra molt bé el que vull dir:

Centenars de milers de pàgines utilitzant el mateix recurs i, en aquest cas per al mateix concepte, aleshores, on quedarà el CTR? Per què faran clic per visitar la teva pàgina? 

Quan hagis de fer servir imatges d'estoc utilitza sempre la que millor encaixi amb el contingut al qual et refereixes i, en la mesura del possible, intenta utilitzar alguna foto que no sigui la típica o alguna de les que utilitza la teva competència.

Els anomenats captions, que ja havien sortit a col·lació, són ni més ni menys que aquestes petites explicacions relacionades amb la imatge que se situen sota la foto. 

Això afegeix context i permet afegir semàntica al contingut, de manera que els cercadors ho interpreten millor, però també és útil per a l'usuari perquè aquest text es llegeix fins a quatre vegades més que el text que l'envolta (ja saps que cada vegada més s'escaneja i es llegeix en diagonal). 

I fins aquí aquests 5 consells amb els quals completem els 10 imprescindibles per a l'optimització d'imatges. Et recomano que llegeixis els dos posts junts perquè tinguis una idea global.

Llegeix la sèrie completa aquí: 

• Optimització d'imatges: 10 consells imprescindibles (1) 

Imatges | Unsplash i Google.