Desde os primórdios da Internet, as imagens desempenharam um papel importante na forma como experimentamos os sites. Para pessoas com deficiência visual, existe um substituto na forma de texto alternativo.
O atributo ALT é um meio de transmitir as informações e o contexto de qualquer imagem a um usuário cego. Infelizmente, o texto ALT não é perfeito. E a motivação para escrevê-los nem sempre é pelos motivos certos (aponta para um cara de SEO) .
Neste artigo, escreverei de duas perspectivas. Um como Analista de Acessibilidade de Sites e o outro como proprietário de uma empresa de Web Design .
Deixe-me começar usando meu chapéu de analista primeiro.
Escrever texto ALT para acessibilidade
Antes de nos aprofundarmos, precisamos nos colocar no lugar de um usuário que acharia necessário o texto ALT.
Para usuários cegos, a forma como eles experimentam um site é através do uso de um software leitor de tela (por exemplo, JAWS, NVDA) . Para obter a configuração do terreno, eles precisam primeiro ouvir todo o conteúdo da página.
Isso significa que cada palavra da página é lida. Começando pelos links do menu no cabeçalho até as informações de copyright no rodapé.
Lembro-me da primeira vez que usei um leitor de tela em um site, foi (sem trocadilhos) uma experiência reveladora.
As opções às quais estou acostumado como um usuário com visão não estavam disponíveis para mim. Isso significava não navegar com um mouse ou teclado.
Com o tempo, com mais exposição ao software, comecei a entender a necessidade de um texto ALT bem escrito.
Escrever texto ALT acessível não é tão fácil para usuários com visão. Temos a tendência de fazer o óbvio e descrever a aparência da imagem .
Então, como é um bom texto ALT?
Bem, para entender, precisamos saber como o texto ALT soa para um usuário com deficiência visual.
Atributo ALT vazio versus ausente
Antes de continuar, quero apontar a diferença entre um atributo ALT vazio e um ausente .
Existem situações em que um atributo ALT vazio está perfeitamente correto.<img src="filename.jpg" alt="" width="50" height="60">
Um exemplo é quando uma imagem não faz parte de um link ou é principalmente decorativa por natureza.
Outra é quando você pode deduzir significado do texto que cerca a imagem.
Imagens que estão ausentes de um atributo ALT, no entanto, nunca são boas.<img src="filename.jpg" width="50" height="60">
Por enquanto, lembre-se de que cada imagem deve ter um atributo ALT presente, mesmo se estiver vazio.
Como o software interpreta atributos ALT vazios e ausentes
Então, o que acontece quando há um atributo ALT vazio ?
Depende. A maioria dos leitores de tela ignora a imagem e continua lendo o restante do site. Não é ideal, mas é aceitável.
Mas, o que acontece quando uma imagem está totalmente ausente de um atributo ALT?
Dependendo do software, alguns anunciam “em branco”, o que não é útil para os usuários.
Outros lerão o nome do arquivo da imagem. Imagine um arquivo chamado “img_215465465.jpg” . Agora imagine um leitor de tela expressando isso em voz alta. Não é ótimo, não é?
Como escrever um texto ALT útil
Aqui estão algumas dicas para ajudá-lo a escrever um texto ALT mais acessível.
- Bons textos ALT sempre transmitem contexto . O contexto fornece mais informações além de descrever a aparência da imagem. Contribui para a compreensão do conteúdo e do que ele representa.
- Se a imagem for puramente decorativa , deixe-a em branco . Texto ALT vazio é pesadelo para profissionais de SEO (mais sobre isso mais tarde) . Mas deixe-me enfatizar este ponto novamente. Se a imagem não tiver outro valor além da estética, deixe o atributo ALT vazio .
- Seja preciso e sucinto. Você não precisa escrever um pequeno romance. Algumas frases que apresentem a função ou o conteúdo da imagem serão suficientes.
- Não use frases como ” o gráfico é ” ou ” uma imagem de “. Já está claro para o usuário que existe uma imagem.
- Evite repetição. Não declare literalmente as mesmas informações do texto que envolve a imagem.
- Se a imagem contiver texto e esse texto ajudar a compreensão dos leitores, inclua-o no atributo ALT. Não é crime ter imagens que contenham palavras, mas evite criar imagens que contenham texto, se puder.
Escrever texto ALT para motores de pesquisa – é bom para os negócios
Antes de continuar com o resto do artigo, preciso fazer uma rápida troca de roupa (colocar um boné de proprietário de empresa) . Assim está melhor, agora onde eu estava?
Parece que a principal razão pela qual alguém se preocupa com o texto ALT atualmente não é a acessibilidade. A resposta sempre se resume a SEO e classificações.
Mas você pode culpá-los?
Mostre-me um empresário que não deseja ter uma boa classificação nos resultados dos mecanismos de pesquisa para as palavras-chave fornecidas. Classificações elevadas podem trazer uma grande quantidade de tráfego e leads.
Claro, existem inúmeras outras maneiras de ganhar dinheiro. Mas, amigos, os lucros obtidos por estar na primeira página, é algo que vocês querem trabalhar.
Por que o texto ALT tem efeito sobre o SEO
Então, como o texto ALT afeta o SEO e as classificações?
Bem, para ver o efeito, primeiro precisamos entender como os mecanismos de pesquisa coletam informações.
Vamos usar o Google como exemplo. O Google usa rastreadores da web para entender o conteúdo de bilhões de páginas da web na internet. Em seguida, organiza o que reúne em seu índice de pesquisa.
Vamos pensar sobre isso por um segundo. Quando um rastreador da web encontra uma imagem, como eles sabem o que é?
Bem, a resposta é: eles não sabem ao certo. Eles podem fazer um palpite, mas isso é tudo. O que acontece com os rastreadores da web é que eles são praticamente cegos quando se trata de imagens.
Sim, o Google emprega algoritmos sofisticados de visão computacional para entender o assunto da imagem. Mas a tecnologia não é 100% e os crawlers ainda precisam de intervenção humana para ajudar a dizer o que é a imagem.
Então, o que ajuda os rastreadores a entender do que se trata uma imagem? É aí que o texto ALT entra em jogo.
O texto ALT ajuda os rastreadores a descobrir o assunto e o que a imagem representa. Isso, por sua vez, ajuda o Google a retornar um resultado correto quando um usuário faz uma consulta.
A conexão entre o texto ALT e as classificações
Então, o que o Google, entendendo sua imagem, tem a ver com classificações? Aqui está uma explicação simplificada do que acontece.
- Se sua imagem não tem texto ALT, em seguida, você torna difícil para os indexadores para entender o que é.
- Se crawlers não pode entender o que é, em seguida, os motores de busca não pode usar sua imagem para responder a uma consulta do usuário.
- Se os motores de busca não usar sua imagem para consultas, em seguida, você perder em potencial de tráfego.
- Se você não tem muito tráfego, em seguida, o seu site não vai subir mais no ranking.
- Se o seu site não sobem no ranking, então você não ganhar dinheiro e os seus filhos ir para a cama com fome (triste mas é verdade)
Faz sentido? Vamos continuar.
Como escrever um texto ALT amigável para SEO.
Então, como você escreve um texto ALT bom para SEO? Acontece que não é muito diferente de escrever um bom texto ALT acessível.
A única diferença importante é incluir sua palavra-chave no texto ALT, se possível. É sobre isso.
Vamos deixar uma coisa bem clara.
Sua classificação não vai subir repentinamente só porque você decidiu incluir palavras-chave em seu texto ALT. Mas há uma chance de que ele afunde se você fizer mau uso dessa estratégia.
Então aqui está o que não deve ser feito.
Não coloque palavras-chave em texto ALT. Esta não é uma oportunidade de colocar toneladas de palavras-chave relevantes em sua imagem.<img src="filename.jpg" alt="alt alt-text alternate-text text-alternate seo seo-alt-text alt text-for-seo" width="50" height="60">
Escreva um texto ALT descritivo e, se possível, inclua sua palavra-chave. Ênfase em, se possível.
Uma última coisa.
Não fique tentado a adicionar texto ALT a cada imagem da página. Lembre-se, é perfeitamente normal ter um texto ALT vazio (o cara de SEO teve um ataque cardíaco) . Principalmente se a imagem for para decoração e não realçar o conteúdo para o usuário.
Encontrar um equilíbrio entre SEO e acessibilidade
Como proprietário de uma empresa, quero que meu site tenha uma boa classificação. Vou usar cada pequena estratégia que existe se isso der uma vantagem à minha agência de web design.
Mas onde eu traço a linha?
Falando por mim mesmo, vou escrever um texto ALT a partir de uma mentalidade de ser inclusivo. De agora em diante, não vou usar o texto ALT esperando que ele traga tráfego. Incluirei texto ALT somente quando apropriado e se houver benefícios claros para o usuário final.
Porém, uma palavra-chave aqui ou ali também não fará mal (risos loucos) . O que você quer de mim? Eu tenho pequenas bocas para alimentar.