Texto Alternativo (Atributo Alt)

O alternative text (alt text), ou texto alternativo, é uma descrição textual atribuída a uma imagem <img> em uma página da web. Esse texto não é visível para o usuário, mas é fundamental para acessibilidade, SEO e compreensão do conteúdo da imagem pelos crawlers que varrem as páginas pela internet.

Quando preenchemos algum texto no atributo alt, a tag fica assim:

<img src="/img/bg/1200x675-fallback-pink-and-brain.webp" alt="Texto Alternativo (Atributo Alt)" decoding="async" loading="lazy">

Importância do alternative text

O Alt Text desempenha várias funções essenciais para a otimização e usabilidade do seu site:

Acessibilidade

• Apoio à leitura assistida: o Alt Text permite que leitores de tela descrevam imagens para usuários com deficiência visual, tornando o conteúdo visual acessível a todos.
• Cumprimento de diretrizes de acessibilidade: incluir Alt Text é uma prática recomendada para cumprir as normas de acessibilidade, como as diretrizes WCAG, e em implica em SEO porque são slots de texto no HTML que citam conteúdos relevantes da página em questão.

SEO e Indexação

• Melhoria para SEO: o texto alternativo ajuda os motores de busca a entenderem o conteúdo da imagem, melhorando a relevância da página para determinadas palavras-chave. Por isso, use termos do seu topic cluster para balancear as imagens utilizadas na página em questão.
• Termos de ouro: Inserir palavras-chave relevantes no Alt Text irá contribuir para o contexto semântico enriquecer e com isso prover mais visibilidade à página em questão.

Compreensão do Conteúdo

• Contextualização visual: o Alt Text fornece contexto sobre o que a imagem representa, permitindo que os usuários compreendam o conteúdo visual mesmo que não possam vê-lo.

Melhores práticas para redigir seu conteúdo da Alt Text

Para otimizar o uso do Alt Text em suas imagens, considere as seguintes melhores práticas:

Descritivo e conciso

• Descrição clara: seja claro e conciso ao descrever o conteúdo da imagem. Imagine explicar para alguém que não pode ver a imagem.
• Relevância: certifique-se de que o Alt Text esteja diretamente relacionado ao conteúdo e propósito da imagem.

Palavras-chave e contexto

• Inclusão de termos de ouro que você quer ranquear: se apropriado, use palavras-chave relevantes no Alt Text para ajudar na otimização para mecanismos de busca.
• Contexto adequado: coloque a imagem no contexto da página e do tema geral do site para melhorar a compreensão e relevância.

Evite textos redundantes

• Evite Descrições Redundantes: Se a imagem é decorativa ou não adiciona informação significativa, use um Alt Text vazio (alt=””) para indicar isso aos leitores de tela.

Avalie o desempenho das suas páginas nos resultados de busca constantemente e ajuste seus Alt Texts conforme seu feeling de necessidade para obter maior relevância para determinos termos do seu cluster.

Foque em prover uma aplicação performática, com viés profundo de acessibilidade, SEO e usabilidade do seu site. Ao seguir as melhores práticas para criação de Alt Text descritivos, relevantes e acessíveis, você não apenas melhora a experiência do usuário, mas também fortalece a presença online e a otimização das suas páginas no Google e nos mecanismos de pesquisas.