Millora de l'accessibilitat i el contingut de la pàgina amb text alt
Mireu pràcticament qualsevol lloc web a la web avui i veureu que una de les coses que tenen en comú és la d'imatges. Les imatges es poden utilitzar als llocs web per afegir un toc visual, ajudar a il·lustrar idees i afegir-lo al contingut general de la pàgina. A més d' escollir les imatges adequades i preparar-les adequadament per al lliurament web , assegureu-vos que totes les imatges del vostre lloc utilitzin correctament el text ALT és una part molt important de la correcta utilització d'aquestes imatges per a la Web.
Què és Alt Text?
Alt text és el text alternatiu que utilitzen els navegadors de text i altres agents d'usuari web que no poden veure imatges. També és un dels únics atributs requerits per l'etiqueta d'imatge. En escriure un text alt eficaç, assegureu que les vostres pàgines web són accessibles per a persones que poden estar utilitzant un lector de pantalla o un altre dispositiu assistit per accedir al vostre lloc. També assegureu-vos que es mostrarà alguna cosa en lloc d'una imatge si no es carrega per la raó que sigui (camí equivocat, error de transmissió, etc.). Aquest és el propòsit real del text d'Alt, però aquest contingut també us pot oferir més llocs per afegir text que sigui SEO i que els motors de cerca no us penalitzaran (més aviat).
El text alt hauria de repetir el text a la imatge
Qualsevol imatge que tingui text en ell hauria de tenir aquest text com a text alternatiu. Podeu col·locar altres paraules al text alternatiu, però com a mínim hauria de dir el mateix que la imatge. Per exemple, si teniu un logotip per a les vostres imatges, el text Alt hauria de repetir el nom de l'empresa escrit pel vostre logotip gràfic.
Recordeu, també, que imatges com a logotips també poden implicar text, per exemple, quan veieu la icona de la bola vermella al lloc web About.com, signifiquen "About.com". Així, el text alternatiu d'aquesta icona podria dir "About.com" i no només el "logotip de l'empresa".
Manteniu el text curts
Com més llarga sigui el text alternatiu, més difícil serà llegir per navegadors de text. Pot ser temptador escriure oracions llargues de text alternatiu (normalment això es fa perquè algú està intentant emplenar l'etiqueta amb paraules clau), però mantenint les etiquetes Alt de manera curta manté les pàgines més petites i petites de manera més ràpida.
Una bona regla per al text alternatiu és mantenir-lo entre 5 i 15 paraules en total.
Ús de les paraules clau de SEO en etiquetes d'alt
Sovint, la gent creu que el propòsit del text alternatiu és posar paraules clau del motor de cerca. Sí, aquest és un avantatge que podeu utilitzar, però només si el text que afegiu té sentit per al propòsit real de l'etiqueta alt: mostrar un text intel·ligent que expliqui quina imatge es fa si algú no ho pugui veure.
Ara, dit això, el text Alt que no es vol dir com a eina de SEO no significa que no podeu utilitzar les vostres paraules clau en aquest text. Atès que el text alternatiu és important i és necessari en les imatges, és poc probable que els motors de cerca us penalitzin per posar paraules clau allà si el contingut que afegiu té sentit. Només recordeu que la vostra primera prioritat és per als lectors. Es pot detectar el correu brossa en un text alternatiu i els motors de cerca canvien les seves regles tot el temps per evitar els spammers.
Una bona regla general és utilitzar paraules clau del motor de cerca on encaixen amb la descripció de la imatge i no utilitzar més d'una paraula clau en el text alternatiu.
Mantén el text significatiu
Recordeu que el punt de text alt és definir les imatges dels vostres lectors. Molts desenvolupadors web utilitzen el text alternatiu per si mateixos, incloent-hi coses com ara la mida de la imatge, els noms d'arxius d'imatges, etc. Tot i que això us pot resultar útil, no fa res per als vostres lectors i, per tant, s'hauria d'omitir d'aquestes etiquetes.
Utilitzeu només text en blanc per a icones i bales
Periòdicament, utilitzaràs imatges que no tinguin cap text descriptiu útil, com ara bales o icones simples. La millor manera d'utilitzar aquestes imatges és a CSS on no necessiteu text alternatiu. Però si heu de tenir-los absolutament necessaris en el vostre HTML, utilitzeu un atribut alt en blanc en lloc d'abandonar-lo completament.
Pot ser temptador posar un personatge com un asterisc (*) per representar una bala, però això pot ser més confús que simplement deixant-lo en blanc. I posar el text "bala" es tornarà encara més estranyament en un navegador de text.
Article original de Jennifer Krynin. Editat per Jeremy Girard el 3/3/17