O que é alt text?

Alt text, ou texto alternativo, é uma descrição textual inserida no código HTML que ajuda a explicar o conteúdo de uma imagem em um site. Esse recurso é crucial não apenas para a acessibilidade, mas também para a otimização em motores de busca.

Os rastreadores de mecanismos de pesquisa, como o Google, utilizam o alt text para entender melhor o contexto das imagens. Além disso, esse texto é fundamental para usuários que utilizam leitores de tela, especialmente aqueles com deficiência visual. Com isso, o alt text se torna uma ferramenta valiosa tanto para SEO quanto para a inclusão digital.

Um exemplo de como o alt text aparece no código HTML é: alt="Luminária pendurada no teto com plantas ao redor".

Por que o texto alternativo é importante para SEO de imagens?

As buscas no Google Imagens representam uma parcela significativa, cerca de 22,6% de todas as pesquisas feitas na plataforma. Isso mostra como as imagens são uma ferramenta poderosa para aumentar o tráfego de um site através de estratégias de SEO.

O Google utiliza o alt text para interpretar o conteúdo das imagens. Quando uma imagem não possui esse texto alternativo, suas chances de aparecer em uma busca diminuem consideravelmente. Afinal, os algoritmos do Google não conseguem identificar o que uma imagem transmite sem o auxílio do alt text.

Além de aparecer nas buscas de imagens, o Google costuma exibir algumas ilustrações no topo dos resultados padrão, antes mesmo dos links textuais, o que pode atrair mais cliques e potencializar o tráfego para o seu site. Portanto, a otimização do texto alternativo é uma estratégia que pode gerar resultados positivos diretamente no desempenho do seu site nas buscas.

Exemplos de alt text

Um alt text eficaz deve ser descritivo e ter um tom de voz natural, como se você estivesse descrevendo a imagem durante uma conversa. Aqui estão alguns exemplos práticos para ilustrar como fazer isso corretamente:

  • Imagem de uma tábua de frios:
    • Exemplo incorreto: alt="ideias para café da manhã"
    • Exemplo ok: alt="tábua de frios"
    • Exemplo bom: alt="tábua de frios com frutas e embutidos"
    • Melhor exemplo: alt="tábua de frios redonda com embutidos, queijo, bolachas, frutas e outros lanches coloridos"

O “exemplo incorreto” não fornece informações suficientes, enquanto o “melhor exemplo” oferece um contexto rico e detalhado.

  • Imagem tirada no Central Park, em Nova York:
    • Exemplo incorreto: alt="ponte flores árvores parque verde"
    • Exemplo ok: alt="Central Park"
    • Exemplo bom: alt="ponte no Central Park"
    • Melhor exemplo: alt="ponte no Central Park, em Nova York, cercada por árvores, flores e vegetação"

O “exemplo incorreto” consiste em uma listagem de palavras sem contexto. O “melhor exemplo” é rico em detalhes e especificidade.

  • Imagem dos Jogos Olímpicos de Pequim:
    • Exemplo incorreto: alt="medalha de ouro em evento esportivo"
    • Exemplo ok: alt="atletismo"
    • Exemplo bom: alt="atletismo nas olimpíadas"
    • Melhor exemplo: alt="evento de atletismo nos Jogos Olímpicos de Pequim, em 2008"

Os melhores exemplos sempre são os mais descritivos, sem parecerem spam e incorporando nomes ou eventos específicos, o que ajuda na relevância.

Como otimizar o alt text para SEO

Para criar um texto alternativo eficaz, é importante seguir algumas diretrizes básicas que garantem não apenas acessibilidade, mas também a otimização para motores de busca:

Escreva 125 caracteres ou menos

A maioria das ferramentas de leitura de tela não lê o alt text a partir de 125 caracteres, por isso, é prudente manter o texto descritivo dentro desse limite. Dessa forma, você garante que a descrição será lida por todos os usuários.

Inclua a palavra-chave principal

Incluir uma palavra-chave principal no alt text pode parecer contraditório, mas é uma estratégia eficaz se essa palavra-chave fornecer contexto para a imagem em questão. O ideal é usar variações da palavra-chave principal também. Por exemplo, se você escreve sobre “link building”, o alt text pode ser algo como “exemplos do que torna um link bom”, integrando a palavra-chave de forma natural.

Não utilize alt text em imagens “decorativas”

Algumas imagens não necessitam de descrições adicionais, como ícones ou imagens decorativas. Não há necessidade de incluir alt text para essas imagens, pois não acrescentam valor informativo nem para usuários nem para o Google.

Não inclua “imagem de…” no alt text

Incluir expressões como “imagem de…” não é necessário, pois já é implícito que se trata de uma imagem. Isso acaba ocupando espaço útil. Um exemplo a evitar seria: alt="imagem de uma luminária de chão". Uma opção melhor seria: alt="luminária de chão moderna no canto de uma sala de estar mobiliada".

Não repita o texto da legenda

É desnecessário repetir a informação da legenda no alt text. Se uma legenda já estiver presente, a descrição deve complementar e não redundar. Por exemplo, ao usar a legenda “Esta famosa livraria de Nova York funciona em dois locais: na Union Square e no Upper West Side”, o alt text poderia ser: alt="Exterior da Livraria Strand com toldos vermelhos e pessoas passando em frente à vitrine".

Localize e corrija imagens sem alt text

Para identificar imagens sem alt text em seu site, utilize a ferramenta de Auditoria de site da Semrush. Inicie criando um novo projeto e adicione o domínio do seu site. Em seguida, siga as instruções para completar a configuração e aguarde a auditoria ser concluída.

Uma vez que o relatório estiver pronto, vá até a aba “Problemas” para ver os erros e advertências listados. Procure por “atributo alt” para filtrar as imagens sem alt text. Clique na notificação para visualizar quais imagens precisam ser corrigidas.

Após identificar as imagens, faça login no seu CMS e insira o texto alternativo que faltava. Depois de adicionar as informações necessárias, você pode rodar uma nova auditoria para validar as correções feitas.