Alt text

O texto alternativo, ou alt text, é um dos elementos mais subestimados em uma estratégia de conteúdo digital.

Frequentemente visto como um detalhe técnico, ele é, na verdade, uma ferramenta poderosa com um duplo impacto: melhora drasticamente a acessibilidade do seu site e fortalece seu SEO de maneiras que muitos ignoram.

Ignorar esse atributo significa deixar de lado uma oportunidade de se conectar com um público mais amplo e de comunicar com mais clareza aos motores de busca sobre o que é o seu conteúdo.

O que é e para que serve o alt text?

Entender o alt text é simples: ele é uma ponte. Uma ponte entre o conteúdo visual e quem não pode vê-lo, assim como entre suas imagens e os motores de busca que tentam compreendê-las.

Sua função se divide em duas áreas críticas: acessibilidade para pessoas e interpretação para robôs. Ambas são fundamentais para um site de alta performance. Quando bem implementado, o alt text garante que nenhuma informação se perca e que o valor de cada imagem seja totalmente aproveitado.

Alt text no código HTML

Tecnicamente, o alt text é um atributo na tag de imagem. Ele não é visível para o usuário médio que navega no site, a menos que a imagem não carregue. Sua implementação é direta no código-fonte.

Por exemplo, uma imagem de um laptop sobre uma mesa de madeira seria codificada assim:

<img src="laptop-mesa.jpg" alt="Laptop prateado aberto sobre uma mesa de madeira rústica, com uma xícara de café ao lado">

O atributo alt="..." é onde a mágica acontece. É essa descrição que será lida por leitores de tela e indexada por motores de busca como o Google. Sem ele, a tag ficaria “muda”, transmitindo pouca ou nenhuma informação contextual.

Impacto do alt text em SEO

O Google e outros motores de busca são incrivelmente sofisticados, mas ainda não “veem” imagens como os humanos. Eles dependem de dados textuais para entender o conteúdo e o contexto de um arquivo de imagem. O alt text é o principal fornecedor dessa informação.

O impacto se manifesta de três formas principais:

1. SEO para imagens: um alt text descritivo e relevante é o fator número um para ranquear no Google Imagens. Para um e-commerce que vende sapatos, um alt text como “Tênis de corrida masculino azul com detalhes em laranja” é muito mais eficaz do que “produto-123”, podendo gerar tráfego qualificado diretamente da busca por imagens;
2. Relevância da página: as imagens em uma página ajudam a compor o contexto geral do tópico. Ao informar ao Google que uma página sobre “estratégias de marketing digital” contém imagens com alt texts como “Gráfico de funil de vendas” e “Pessoa analisando métricas no Google Analytics”, você reforça a autoridade e a relevância daquela página para o tópico;
3. Texto âncora para imagens com link: se você usar uma imagem como um link, o alt text funcionará como o texto âncora. Isso fornece um sinal de SEO valioso para a página de destino, ajudando o Google a entender para onde o link aponta.

Esses três pontos mostram que o alt text não é apenas uma formalidade técnica, mas um componente ativo na construção da relevância e visibilidade de uma página.

Como adicionar alt text nas imagens do seu site

Para adicionar o alt text nas imagens do seu site, você tem dois caminhos principais: o técnico e o amigável.

Se você gosta de colocar a mão na massa, basta acessar o HTML e inserir o atributo alt dentro da tag <img> desejada. É um ajuste direto no código-fonte que garante que tanto os motores de busca quanto os leitores de tela entendam o conteúdo da mídia.

Por outro lado, a maioria dos usuários prefere utilizar um CMS. O processo exato vai variar bastante dependendo da sua plataforma: no WordPress, você preenche o campo de texto alternativo na Biblioteca de Mídia; na Shopify ou Wix, a opção geralmente aparece ao clicar sobre a imagem no editor.

Independentemente da ferramenta, a regra é a mesma: procure pelas configurações da imagem e nunca deixe esse campo em branco.

Como escrever um bom alt text

Escrever um bom alt text é uma arte que equilibra descrição, concisão e relevância. O objetivo não é apenas preencher um campo, mas fornecer valor real. Pense como se estivesse descrevendo a imagem por telefone para alguém que precisa entender exatamente o que está nela.

Para estruturar um alt text eficaz, siga estas diretrizes práticas. Elas garantem que você atenda tanto às necessidades de acessibilidade quanto aos requisitos de SEO.

• Seja específico e descritivo: a generalidade é inimiga do bom alt text. Em vez de alt="cachorro", opte por alt="Cachorro filhote da raça golden retriever brincando com uma bola vermelha em um gramado". A segunda opção cria uma imagem mental clara e oferece mais contexto para os motores de busca;
• Mantenha a concisão: leitores de tela podem se tornar entediantes se o texto for muito longo. O ideal é manter o alt text com até 125 caracteres. Descreva os elementos mais importantes sem se perder em detalhes irrelevantes;
• Evite “imagem de” ou “foto de”: é redundante. Tanto os leitores de tela quanto os motores de busca já sabem que se trata de uma imagem pela tag HTML. Vá direto ao ponto: em vez de alt="Imagem de um gráfico de pizza", use alt="Gráfico de pizza mostrando a distribuição de orçamento de marketing";
• Use palavras-chave naturalmente: se a sua palavra-chave principal se encaixa na descrição da imagem, use-a. Mas nunca force. Se o seu artigo é sobre “receitas de bolo de chocolate”, uma imagem de um bolo pronto pode ter o alt text alt="Fatia de bolo de chocolate macio com cobertura de brigadeiro". A palavra-chave está lá, mas de forma orgânica e descritiva;
• Para imagens decorativas, use um alt nulo: se uma imagem é puramente decorativa (como uma linha divisória ou um fundo abstrato) e não adiciona informação, use um alt text vazio (alt=""). Isso sinaliza aos leitores de tela para ignorarem a imagem, melhorando a experiência do usuário ao não narrar elementos irrelevantes.

Seguir estas regras transforma o alt text de um item obrigatório em uma ferramenta estratégica. Um bom alt text serve a todos: melhora a experiência do usuário com deficiência visual, enriquece o contexto para o Google e, por fim, contribui para um melhor posicionamento do seu conteúdo.

Erros comuns ao escrever alt texts

Tão importante quanto saber o que fazer é saber o que evitar. Muitos erros comuns podem anular os benefícios do alt text ou, em casos piores, prejudicar a experiência do usuário e o seu SEO. Felizmente, eles são fáceis de corrigir uma vez que você os identifica.

A seguir, apresento os deslizes mais frequentes que observo em auditorias de sites. Evitá-los é um passo simples para garantir que suas imagens trabalhem a seu favor, e não contra você.

• Keyword stuffing (excesso de palavras-chave): esse é o erro mais grave. Tentar manipular os rankings enchendo o alt text com palavras-chave resulta em uma péssima experiência para usuários de leitores de tela e pode ser interpretado como spam pelo Google. Um exemplo ruim: alt="tênis de corrida tênis para correr calçado de corrida melhor tênis azul". O correto seria: alt="Par de tênis de corrida azul marinho com solado branco";
• Deixar o alt text em branco: omitir o atributo alt é uma oportunidade perdida. Para os motores de busca, a imagem se torna um buraco negro contextual. Para usuários com leitores de tela, a experiência é frustrante, pois eles podem ouvir o nome do arquivo da imagem (ex: "IMG_4052.jpg"), o que muitas vezes não oferece nenhuma informação útil;
• Ser excessivamente vago: alt texts como alt="gráfico" ou alt="mulher no escritório" são inúteis. O que o gráfico mostra? O que a mulher está fazendo? A especificidade é crucial. O correto seria alt="Gráfico de barras mostrando aumento de 25% no tráfego orgânico no último trimestre" ou alt="Mulher sorrindo enquanto participa de uma videoconferência em seu laptop";
• Usar o nome do arquivo da imagem: muitos sistemas de gerenciamento de conteúdo (CMS) preenchem automaticamente o alt text com o nome do arquivo. Isso leva a alt texts como alt="DCIM_02042024.jpeg". É fundamental revisar e substituir esses preenchimentos automáticos por descrições significativas.

Corrigir esses erros é um processo de refinar sua atenção aos detalhes. Um alt text bem escrito é um sinal de qualidade e profissionalismo, indicando que você se importa com todos os aspectos da experiência do usuário e da otimização do seu site.

Conclusão

O alt text não é um mero campo a ser preenchido por obrigação. É um componente estratégico que opera na interseção da acessibilidade, experiência do usuário e otimização para motores de busca.

Ao dedicar alguns segundos para escrever uma descrição clara, concisa e relevante para cada imagem, você torna seu site mais inclusivo, fornece ao Google o contexto necessário para entender e classificar melhor seu conteúdo, e abre um novo canal para aquisição de tráfego através da busca por imagens.

Comece a revisar as imagens do seu site hoje; o pequeno esforço investido em alt texts de qualidade gera retornos compostos em visibilidade e usabilidade.