En aquesta guia, aprendràs sobre el text alternatiu (text alternatiu): què és, per què és important per al SEO, com utilitzar-lo correctament i molt més!
Aquesta és una guia molt pràctica i precisa que conté consells i consells que podeu utilitzar immediatament per millorar el vostre lloc web. SEO d’imatges i accessibilitat.
Què és el text alternatiu?
El text alternatiu (o text alternatiu), també conegut com a atribut alt o etiqueta alt (que tècnicament no és correcte perquè no és una etiqueta), és simplement un fragment de text que descriu la imatge en el codi HTML.
Quins són els usos del text alternatiu?
La primera funció del text alternat era simplement descriure una imatge que no es podia carregar.
Fa molts anys, quan Internet era molt més lenta, el text alternatiu us ajudaria a conèixer el contingut d’una imatge que era massa pesada per carregar-la al vostre navegador.
Avui dia, les imatges poques vegades no es carreguen, però si ho fan, llavors és el text alternatiu el que veureu en lloc d’una imatge.
Captura de pantalla de l’autor, agost de 2022
Ara, el text alternatiu també ha començat a tenir un paper tant per als robots del motor de cerca com per a les persones que utilitzen lectors de pantalla:
- El text alternatiu ajuda les persones amb discapacitat (per exemple, utilitzant lectors de pantalla) obteniu informació sobre el contingut de la imatge.
- El text alternatiu també ajuda els robots dels motors de cerca comprendre el contingut i el context de la imatge.
Per descomptat, com tots els elements del SEO, sovint se’n fa un mal ús o, en alguns casos, fins i tot s’abusa.
Vegem ara per què és important el text alternatiu.
Per què és important el text alternatiu
La web i els llocs web són una experiència molt visual. És difícil trobar un lloc web sense imatges o elements gràfics.
És per això que el text alternatiu és molt important.
El text alternatiu ajuda a traduir el contingut de la imatge en paraules, fent que la imatge sigui accessible a un públic més ampli, incloses les persones amb discapacitat i els robots dels motors de cerca que encara no són prou intel·ligents per entendre completament cada imatge, el seu context i el seu significat.
Per què el text alternatiu és important per al SEO
El text alternatiu és un element important SEO a la pàgina optimització.
L’optimització adequada del text alternatiu fa que el vostre lloc web tingui més possibilitats de classificar-se a la cerca d’imatges de Google.
Sí, El text alternatiu és un factor de classificació per a la cerca d’imatges de Google.
Segons el nínxol i l’especificitat del vostre lloc web, el trànsit de cerca d’imatges de Google pot tenir un paper important en l’èxit general del vostre lloc web.
Per exemple, en el cas dels llocs web de comerç electrònic, els usuaris sovint comencen la cerca de productes amb a Cerca d’imatges de Google en lloc d’escriure el nom del producte a la cerca estàndard de Google.
Captura de pantalla de la cerca de [Garmin forerunner]Google, agost de 2022
Google i altres motors de cerca poden mostrar menys imatges de producte (o no mostrar-les en absolut) si no us encarregueu de l’optimització del text alternatiu.
Sense una optimització de la imatge adequada, podeu perdre molt de trànsit i clients potencials.
Per què el text alternatiu és important per a l’accessibilitat
La visibilitat a la cerca d’imatges de Google és molt important, però hi ha una consideració encara més important: accessibilitat.
Afortunadament, en els darrers anys, s’ha posat més èmfasi en l’accessibilitat (és a dir, fer que la web sigui accessible per a tothom, incloses les persones amb discapacitat o/o utilitzant lectors de pantalla).
Suposem que el text alternatiu de les vostres imatges descriu realment el seu contingut en lloc de, per exemple, omplir paraules clau. En aquest cas, esteu ajudant les persones que no poden veure aquesta imatge a entendre-la millor i el contingut de tota la pàgina web.
Suposem que una de les vostres pàgines web és una guia d’auditoria de SEO que conté captures de pantalla de diverses eines de rastreig.
No seria millor descriure el contingut de cada captura de pantalla en lloc de col·locar el mateix text alternatiu d'”auditoria de SEO” a cada imatge?
Fem una ullada a alguns exemples.
Exemples de text alternatiu
Trobar molts exemples bons i dolents de text alternatiu no és difícil. Permeteu-me que us ensenya uns quants, atenent-vos a l’exemple anterior amb una guia d’auditoria de SEO.
Bons exemples de text alternatiu
Per tant, la nostra guia de SEO d’exemple conté captures de pantalla d’eines, com ara Google Search Console i Screaming Frog.
Alguns bons exemples de text alternatiu poden incloure:
<img src=”google-search-console-coverage-report.jpg” alt=”The Coverage Report in Google Search Console showing the number of indexed and excluded pages”> <img src=”google-search-console.jpg” alt=”Google Search Console tool from Google”> <img src=”screaming-frog-html-pages.jpg” alt=”List of HTML pages in Screaming Frog”> <img src=”screaming-frog” alt=”Screaming Frog crawl in progress”>
Consell: També és una bona idea tenir cura del nom del vostre fitxer. L’ús de noms de fitxers descriptius no és un factor de classificació, però ho recomano com a bona pràctica de SEO.
Exemples de text alternatiu incorrecte i/o brossa
També he vist molts exemples d’ús incorrecte del text alternatiu, inclòs l’ompliment de paraules clau o el correu brossa.
A continuació, es mostra com podeu convertir els bons exemples anteriors en mals exemples:
<img src=”google-search-console-coverage-report.jpg”alt=”seo audit free, seo audit cheap, seo audit specialist, seo audit, seo audits”> <img src=”google-search-console.jpg” alt=”google seo ,seo google, google, seo, google search console seo”> <img src=”screaming-frog-html-pages.jpg” alt=”seo auditor, seo audit, seo audits”> <img src=”screaming-frog” alt=”seo audit”>
Com podeu veure, els exemples anteriors no proporcionen realment cap informació sobre el que realment mostren aquestes imatges.
També podeu trobar exemples i encara més SEO d’imatges consells a Google Search Central.
Errors comuns de text alternatiu
Omplir paraules clau al text alternatiu no és l’únic error que podeu cometre.
Aquests són alguns exemples d’errors habituals de text alternatiu:
- No s’utilitza el text alternatiu o utilitzant text alternatiu buit.
- Utilitzant el mateix text alternatiu per a diferents imatges.
- Utilitzant un text alternatiu molt general que no descriu realment la imatge. Per exemple, utilitzar el text alternatiu de “gos” a la foto d’un gos en lloc de descriure el gos amb més detall, el seu color, què està fent, quina raça és, etc.
- Utilitzant automàticament el nom del fitxer com a text alternatiu – que pot donar lloc a un text alternatiu molt poc amigable, com ara “googleseachconsole” o “google-search-console” o “photo2323”, depenent del nom del fitxer.
Consells d’escriptura de text alternatiu
I, finalment, aquí teniu els consells sobre com escriure un text alternatiu correcte perquè realment compleixi el seu propòsit:
- No introduïu paraules clau al text alternatiu. No ajudarà a classificar la vostra pàgina web per a aquestes paraules clau farcides.
- Descriu la imatge amb detall, però encara que sigui relativament breu. Eviteu afegir diverses frases al text alternatiu.
- Utilitzeu les vostres paraules clau objectiu, però de manera natural, com a part de la descripció de la imatge. Si la paraula clau objectiu no encaixa a la descripció de la imatge, no l’utilitzeu.
- No utilitzeu text a les imatges. Tot el text s’ha d’afegir en forma de codi HTML.
- No escriviu “això és una imatge de”. Google i els usuaris saben que això és una imatge. Només cal descriure el seu contingut.
- Assegureu-vos que podeu visualitzar el contingut de la imatge només llegint el seu text alternatiu. Aquest és el millor exercici per assegurar-vos que el vostre text alternatiu està bé.
Com comprovar si una pàgina utilitza el text alternatiu
Ara coneixeu totes les bones pràctiques i els errors comuns del text alternatiu. Però, com comproveu realment què hi ha al text alternatiu de les imatges d’un lloc web?
Podeu analitzar el text alternatiu de les maneres següents:
Inspeccionar un element (feu clic amb el botó dret i seleccioneu Inspeccionar quan passeu el cursor per sobre d’una imatge) és una bona manera de comprovar si una imatge determinada té text alternatiu.
Tanmateix, si voleu comprovar-ho a granel, us recomano un dels dos mètodes següents.
Captura de pantalla de l’autor, agost de 2022
Instal·lar Extensió de Chrome per a desenvolupadors web.
Captura de pantalla de l’autor, agost de 2022
A continuació, obriu la pàgina les imatges de la qual voleu auditar.
Fer clic a Desenvolupador web i navegar cap a Imatges > Mostra els atributs alternatius. D’aquesta manera, podeu veure el contingut del text alternatiu de totes les imatges d’una pàgina web determinada.
Captura de pantalla de l’autor, agost de 2022
Per comprovar el text alternatiu de les imatges de tot el lloc web, utilitzeu un rastrejador com Granota cridant o Bombeta del lloc.
Exploreu el lloc, navegueu fins a l’informe d’imatge i reviseu el text alternatiu de totes les imatges del lloc web.
Més recursos:
Imatge destacada: Khosro/Shutterstock
