Alt Text: Entenda o que é o texto alternativo e a importância da acessibilidade em conteúdos

Guia rápido para você turbinar seus posts com o ALT Text

Todo especialista em SEO busca resultados através de um bom trabalho. Nesse sentido existe um recurso, capaz de destacar seu conteúdo através do algoritmo do Google: o Alt Text.

Para quem atua com conteúdo já é conhecimento que o algoritmo do Google trabalha com palavras-chave para destacar aos leitores o texto que é mais adequado a sua necessidade. Nesse contexto, você vai entender como o Alt Text alavanca suas chances nesse quesito e sua importância para a acessibilidade.

O que é Alt Text?

Alt Text, ou texto alternativo, é uma descrição de elementos contidos na imagem destacada de seu conteúdo. Ele é inserido de diferentes formas dependendo da plataforma que você utiliza.

No WordPress, por exemplo, há um campo específico chamado Texto Alternativo onde você coloca essas informações. Em alguns sites, porém, só é possível fazer uso do Alt Text através do código HTML na página (explicaremos melhor como funciona mais adiante).

O Alt Text também pode ser utilizado em redes sociais. Como exemplo, podemos citar a página da Folha de São Paulo no Instagram, que utiliza em suas postagens a #PraTodosVerem seguido de uma descrição da imagem do post.

No Facebook basta publicar qualquer imagem e, logo em seguida, clicar em editar para encontrar a opção de texto alternativo. Ali você tem a opção de personalizar do seu jeito seu Alt Text, ou, usar a opção gerada pela rede social.

Este tipo de uso do Alt Text tem como objetivo proporcionar aos leitores de tela os elementos descritivos necessários para pessoas com deficiência visual.

SEO Imagens e Alt Text

O recurso do texto alternativo – o Alt Text – deve ser descritivo em seus elementos visuais passando de forma clara o que a imagem mostra. Além disso, sua descrição deve ser relevante. Evite termos genéricos e simplistas. Capriche na descrição e tente ser atrativo.

Uma maneira de estabelecer essa descrição mais rica é imaginar que ela será lida para uma pessoa com deficiência visual. Ao invés de usar uma descrição como “praia vazia”, tente algo como “Foto de uma praia com o oceano à esquerda e alguns coqueiros a direita próximo ao limite da areia com o mar. As nuvens cobrem parcialmente o céu, e os últimos raios de sol já se extinguem”.

Palavras-chave podem ser aplicadas, se não forem colocadas de maneira forçada. Lembre-se que o importante para o Alt Text é proporcionar acessibilidade. Sendo capaz disso, a melhora no ranqueamento do seu texto consequência virá como consequência.

Dicas para Alt Text

Alguns detalhes são importantes de serem levados em conta. Eles são totalmente ligados à organização, estratégia e criatividade. Portanto, busque incorporar essas medidas tanto para o Alt Text em si, como para otimizar sua forma de estruturar artigos de conteúdo.

1. HTML

Quando necessário utilizar o Alt Text através da linguagem HTML, basta acessar o código da página e procurar o atributo alt. Posteriormente na guia <img> você pode inserir o texto alternativo descritivo.

Apesar de parecer complicado, a tendência é que você consiga assimilar melhor essa alteração do código HTML para o Alt Text. Abrir o código pode ser intimidador no início, mas, uma forma de entender onde a descrição é colocada é clicando em qualquer imagem de qualquer site com o botão direito do mouse. Depois vá em inspecionar, e ali você terá um exemplo de como isso funciona.

2. Nome do Arquivo

Algumas imagens podem estar nomeadas com IMG e seguido de alguma numeração. Evite isso e faça uso de palavras que possam descrever a imagem e separados por traços. Podemos definir como um bom exemplo: mulher-sentada-em-sofá-lendo.PNG.

Isso facilita para o Google identificar a imagem já no nome do arquivo. Outra opção é incluir o nome do fotógrafo como crédito. Existem plugins no WordPress, por exemplo, que trabalham a organização das imagens de maneira mais eficaz e podem catalogar melhor os arquivos.

3. Resolução e tamanho da imagem

Tente sempre adequar as resoluções de suas imagens ao dimensionamento máximo da página. Além disso, comprima a imagem para um tamanho que não pese em seu carregamento. Existe um ponto de equilíbrio entre tamanho e qualidade.

Uma página lenta pode gerar transtorno ao leitor, especialmente daqueles que navegam por dispositivos mobile. Se o algoritmo perceber que as pessoas não ficam na sua página, saindo muito rápido e logo depois do primeiro acesso, ele vai entender que não há relevância em seu conteúdo e isso se torna um problema.

Você pode colocar suas imagens em CDN (Content Delivery Network), ou colocar sua página em carregamento lento – lazy loading – para tornar a navegação mais fluida.

Mais do que o foco no ranqueamento

Bom, o foco do artigo foi o Alt Text, e o que podemos tirar de positivo dela. Como ferramenta ele pode de fato otimizar o SEO, ainda que seja parte de um processo. Entenda o Alt Text como parte de um todo. Dê um pouco de atenção para seu uso, assim como para o restante das ferramentas e estratégias de SEO que você emprega.

Apesar de parecer um trabalho extra é preciso considerar também seu papel de responsabilidade social com a acessibilidade digital. Quantas vezes paramos para pensar no texto para pessoas com deficiência visual? Este é um público que não é invisível, e com o avanço da tecnologia eles tendem a fixar sua participação na internet das coisas.

Muitas utilizam leitores de textos, e o Alt Text está aí para tornar as imagens visíveis nas mentes de seus usuários. A sua descrição se torna matéria prima para a construção da imagem na imaginação desse público.

Nas redes sociais, usando a descrição como parte da exposição do conteúdo, especialmente no Instagram, o Alt Text pode gerar mais engajamento. Todos sabemos como o engajamento correto pode trazer mais resultados para o seu conteúdo.

Curtiu o conteúdo criado?

No nosso blog, temos mais dicas de usabilidade para redes sociais. Um dos nossos últimos posts, inclusive, é sobre Safety Area para redes sociais. Você já ouviu falar sobre o assunto? Clique aqui para saber mais! 

Se ficou com mais curiosidade sobre este e outros assuntos relacionados a marketing digital, então não deixe de conferir nosso conteúdo no blog e nas nossas redes sociais. Te esperamos lá!