És important l'atribut ALT per a les imatges?

És important l'atribut ALT per a les imatges?
David Kaufmann
Tutorials SEO
5 min read

Has sentit alguna vegada la frase "una imatge val més que mil paraules"? Doncs és cert, però… què passa si no pots veure la imatge? Justament per això es va crear l'etiqueta o atribut ALT, i avui t'expliquem què és i com treure'n el màxim profit per impulsar el teu SEO.

Prepara't, som-hi!

Què és l'atribut ALT?

Un atribut ALT o text alternatiu és una descripció proporcionada per a una imatge que, en cas que la imatge estigui trencada o no es pugui llegir (com per als bots o usuaris amb discapacitat visual), es proporciona per donar suport al nostre contingut.

Per a què serveix l'atribut ALT en una imatge?

L'objectiu principal de l'atribut ALT és facilitar l'accessibilitat web per a aquells usuaris que no poden veure correctament les imatges. Un exemple d'això són els usuaris que depenen dels lectors de pantalla, que, com el seu nom indica, són programes de programari que llegeixen en veu alta el contingut de la pantalla.

Quan un d'aquests lectors arriba a una imatge, com que no pot descriure la imatge en si, utilitza el text alternatiu per donar a l'usuari context sobre el que es podria veure a la foto. D'aquesta manera, l'usuari pot navegar per un web correctament sense haver de "perdre" informació de les imatges.

Per què és important l'etiqueta ALT per al SEO?

El nostre paper com a consultors SEO és proporcionar a Google tanta informació com sigui possible perquè pugui entendre el nostre contingut i, per tant, mostrar-lo als usuaris adequats.

Si bé és cert que Google ha millorat enormement el seu processador d'imatges i, sense cap dubte, pot entendre el contingut d'una imatge de manera general, sempre és bona idea que les nostres imatges incloguin l'atribut ALT. D'aquesta manera, ens assegurem que Google tingui tota la informació sobre la foto i pugui entendre el seu significat dins del nostre contingut.

Com hem mencionat, és millor utilitzar-los adequadament i no intentar "enganyar" Google de mala manera. És a dir, no té sentit posar una foto d'un cotxe al teu contingut i després escriure "sabatilles barates" com a text alternatiu. No estan relacionats i poden aixecar sospites (sobretot si el text alternatiu s'utilitza per a keyword stuffing).

Utilitza fotos i textos alternatius que estiguin relacionats amb el teu contingut. El millor és seguir sempre aquesta regla i incloure la teva paraula clau principal, una de secundària, algun terme semàntic, etc., al text alternatiu. Normalment, no tindràs cap problema per fer-ho ja que ho podràs incloure de manera natural.

Com afegir l'etiqueta ALT a una imatge

A aquestes alçades probablement et preguntes: Com puc afegir aquest text alternatiu al meu web?

No et preocupis, perquè som aquí per ajudar-te. Atenció mentre repassem com fer-ho als dos CMS més populars:

Com afegir l'atribut ALT a una imatge a WordPress

En aquest cas és bastant senzill. Només hem d'anar a la nostra biblioteca multimèdia, triar la foto i omplir el camp proporcionat per al text alternatiu:

Com afegir l'atribut ALT a Wordpress
Com afegir l'atribut ALT a Wordpress

Per donar una mica més de context, fins i tot podríem omplir la llegenda i la descripció com es mostra a la imatge. A més, podem fer-ho directament a l'editor d'articles en el moment d'afegir la imatge.

Com afegir l'atribut ALT a una imatge a PrestaShop

A PrestaShop no tenim una biblioteca multimèdia ni un camp dedicat per a això.

Llavors com l'afegim?!

No et preocupis, t'expliquem el truc. El que has de fer és omplir el camp llegenda dins de les imatges del producte:

com afegir l'atribut ALT a prestashop
com afegir l'atribut ALT a prestashop

A la majoria de plantilles, el que posis al camp Llegenda es definirà com l'atribut ALT de la imatge que estiguis editant.

El problema és que en aquest CMS, afegir atributs ALT pot ser molt tediós ja que ho has de fer un per un. Per aquest motiu, a la nostra guia de SEO a PrestaShop vam mencionar un mòdul que et permet afegir ràpidament ALT a totes les imatges.

Com veure l'atribut ALT de les imatges

Ara t'expliquem com pots comprovar si un web té atributs ALT a les seves imatges o no. Hi ha dues opcions:

A través de l'inspector

Si utilitzes Chrome, fent clic dret dins de qualsevol web pots accedir a l'inspector. Un cop dins, només has de seleccionar la imatge i veure l'ALT:

instruccions per veure l'atribut ALT amb l'inspector de Chrome
instruccions per veure l'atribut ALT amb l'inspector de Chrome

Una mica confús? Potser, però no et preocupis, t'hem portat una altra opció més fàcil:

A través d'una extensió de Chrome

En aquest cas recomanem instal·lar l'extensió SEO per a Chrome anomenada Web Developer. Un cop la tinguis, només has d'anar a la icona d'engranatge i seleccionar images > Display Alt Attributes:

Configuració per veure els atributs ALT a l'extensió Web Developer
Configuració per veure els atributs ALT a l'extensió Web Developer

Un cop hagis activat aquesta opció, veuràs que al costat de cada imatge hi ha un petit tooltip amb l'atribut ALT de cada imatge:

Tooltip de l'extensió Web Developer mostrant els atributs ALT
Tooltip de l'extensió Web Developer mostrant els atributs ALT

Conclusió

Com hem vist, els atributs ALT són un factor SEO sovint passat per alt però que et pot donar un petit impuls extra dins de la teva estratègia SEO.

Recorda triar sempre una foto que coincideixi amb el text perquè l'usuari no es confongui en veure-la, i escriu un text alternatiu que sigui descriptiu i rellevant tant per a l'usuari com per al nostre estimat amic Google.

Com sempre, t'esperarem als comentaris per qualsevol pregunta que tinguis :)

Автор: David Kaufmann

David Kaufmann

He passat els últims 10+ anys completament obsessionat amb el SEO — i sincerament, no ho canviaria per res.

La meva carrera va fer un salt qualitatiu quan vaig treballar com a especialista SEO sènior a Chess.com — un dels 100 webs més visitats de tot Internet. Operar a aquesta escala em va ensenyar coses que cap curs ni certificació podrien transmetre.

D'aquella experiència vaig fundar SEO Alive — una agència per a marques que es prenen seriosament el creixement orgànic. I com que no trobava cap eina que gestionés bé tant el SEO clàssic com el món de la IA, vaig construir SEOcrawl. Si busques un partner SEO sènior que s'estimi aquest sector de debò — m'encantarà parlar amb tu!

→ Читайте всі статті від David
Більше статей: David Kaufmann

Дізнайтесь більше контенту цього автора