Mellorar a accesibilidade eo contido da páxina co texto Alt
Mire case todo o sitio web na web hoxe e verá que unha das cousas que teñen en común son imaxes. As imaxes poden usarse en sitios web para engadir un estilo visual, axudar a ilustrar ideas e engadir ao contido xeral da páxina. Ademais de escoller as imaxes correctas e preparalas adecuadamente para a entrega na web , asegurarse de que todas as imaxes do seu sitio utilizan correctamente o texto ALT é unha parte moi importante de usar correctamente estas imaxes para a web.
Que é Alt Texto?
O texto Alt é o texto alternativo usado polos navegadores de texto e outros axentes de web que non poden ver imaxes. Tamén é un dos únicos atributos requiridos pola etiqueta de imaxe. Ao escribir un texto de alto efectivo, asegúrate de que as páxinas web sexan accesibles para persoas que poidan estar usando un lector de pantalla ou outro dispositivo asistido para acceder a vostede. Tamén asegúrese de que se mostre algo no lugar dunha imaxe se non se carga por calquera motivo (camiño incorrecto, falla de transmisión, etc.). Este é o verdadeiro propósito do texto de Alt, pero este contido tamén pode darlle máis lugares para engadir texto compatible con SEO que os motores de busca non penalizarán (máis en breve).
O texto de alto debería repetir o texto na imaxe
Calquera imaxe que teña texto nel debería ter ese texto como texto alternativo. Pode colocar outras palabras no texto alternativo, pero como mínimo debería dicir o mesmo que a imaxe. Por exemplo, se ten un logotipo para as súas imaxes, o texto de Alt debería repetir o nome da empresa escrito polo seu logotipo gráfico.
Lembre, ademais, que imaxes como logotipos tamén poden implicar texto, por exemplo, cando ves o ícono da bola vermella no sitio web About.com, significa "About.com". Polo tanto, o texto alternativo para ese ícono podería dicir "About.com" e non só o "logotipo da empresa".
Manteña o texto curto
Canto máis tempo sexa o teu texto alternativo, máis difícil será ler por navegadores de texto. Pode ser tentador escribir frases longas de texto alternativo (normalmente isto faise porque alguén está intentando encher a etiqueta con palabras clave), pero mantendo as etiquetas Alt en breve mantén as páxinas máis pequenas e pequenas descargas máis rápidas.
Unha boa regra xeral para o texto alternativo é mantelo entre 5 e 15 palabras en total.
Usando as palabras clave de SEO en Alt Tags
A xente pensa erróneamente que o propósito do texto alternativo é poñer as palabras clave do buscador. Si, ese é un beneficio que pode usar, pero só se o texto que está a engadir ten sentido para o propósito real da etiqueta alt, para mostrar texto intelixente que explique que imaxe se alguén debería non poder velo.
Agora, dito isto, o texto Alt non se entende como unha ferramenta de SEO non significa que non podes utilizar as túas palabras clave neste texto. Dado que o texto alternativo é importante e requirido nas imaxes, os motores de busca non son susceptibles de penalizar por poñer palabras clave alí se o contido que agrega ten sentido. Basta lembrar que a súa primeira prioridade é para os seus lectores. O spam de palabras clave no texto alternativo pode detectarse e os motores de busca cambian as súas regras o tempo para evitar os spammers.
Unha boa regra xeral é usar palabras clave do buscador onde se axusten coa descrición da imaxe e non use máis dunha palabra clave no seu texto alternativo.
Manteña o seu texto significativo
Lembre que o punto de alt texto é definir as imaxes para os seus lectores. Moitos desenvolvedores web usan o texto alternativo para eles mesmos, incluíndo cousas como o tamaño da imaxe, os nomes dos ficheiros de imaxes, etc. Aínda que isto poida serlle útil, non fai nada para os lectores e debería omitirse a partir destas etiquetas.
Use só texto en branco para iconas e viñetas
Periódicamente, usarás imaxes que non teñan ningún texto útil e descriptivo, como balas ou iconas simples. A mellor forma de usar estas imaxes está en CSS onde non necesitas texto alternativo. Pero se tes que telo no teu HTML, use un atributo en branco en vez de deixalo completamente.
Pode ser tentador poñer un carácter como un asterisco (*) para representar unha bala, pero isto pode ser máis confuso que simplemente deixalo en branco. E poñer o texto "bala" fará aínda máis estraño nun navegador de texto.
Artigo orixinal de Jennifer Krynin. Editado por Jeremy Girard o 3/3/17