Texto alternativo (alt text): o que é e como fazer

Texto alternativo, ou alt text, é a descrição em texto que acompanha uma imagem na web. No código, ele vive no atributo alt da tag de imagem, algo como alt="gráfico de barras do crescimento do tráfego orgânico". Esse texto não costuma aparecer na tela para quem enxerga a imagem, mas é essencial para quem depende dele.

Ele cumpre três papéis ao mesmo tempo. Primeiro, é lido em voz alta pelos leitores de tela, permitindo que pessoas com deficiência visual entendam a imagem. Segundo, é exibido no lugar da imagem quando ela não carrega, por erro de conexão ou de caminho do arquivo. Terceiro, é uma das principais pistas que os buscadores usam para saber o que a imagem representa.

Vale separar o alt text de outros textos ligados à imagem, como o título (title), a legenda visível e o nome do arquivo. Cada um tem sua função, mas o texto alternativo é o único que serve, ao mesmo tempo, à acessibilidade e à indexação, o que o torna um item obrigatório de qualquer trabalho de SEO on-page.

O texto alternativo nasceu como um recurso de acessibilidade, e continua sendo isso em primeiro lugar. Para milhões de pessoas que navegam com leitores de tela, uma imagem sem alt é um vazio: o software anuncia apenas "imagem" ou lê o nome do arquivo, sem transmitir nenhuma informação útil.

O tamanho do problema é grande. Segundo o relatório WebAIM Million de 2026, que analisou a página inicial de 1 milhão de sites, 16,2% de todas as imagens estavam sem texto alternativo, e falhas de alt aparecem entre os erros de acessibilidade mais comuns da web ano após ano. Ou seja, caprichar no alt já coloca o seu site à frente de boa parte da concorrência.

Do lado do SEO, o benefício é direto. O texto alternativo ajuda o buscador a entender o conteúdo da imagem e a exibi-la na busca por imagens, uma fonte de tráfego muitas vezes esquecida. Ele também reforça a relevância da página como um todo e melhora a experiência, dois sinais que conversam com o SEO técnico e com a qualidade percebida do conteúdo.

Escrever um bom alt text é uma questão de descrever com clareza o que importa na imagem, no contexto em que ela aparece. Um roteiro simples:

• Descreva o essencial: diga o que a imagem mostra de forma objetiva, sem começar com "imagem de" ou "foto de", já que o leitor de tela avisa que é uma imagem.
• Seja específico, mas conciso: uma boa descrição costuma ter até 125 caracteres. Foque no que é relevante para o texto ao redor.
• Leve o contexto em conta: a mesma foto pode ter alts diferentes conforme a página. Descreva o detalhe que importa naquele conteúdo.
• Não faça keyword stuffing: repetir a palavra-chave à força no alt é keyword stuffing, prejudica a experiência e pode ser penalizado.
• Deixe imagens decorativas vazias: ícones e enfeites sem informação devem ter alt="", para o leitor de tela pular sem ruído.

Veja a diferença na prática para a foto de um gráfico:

Descrições claras também tornam o conteúdo mais fácil de entender por partes, reforçando a escaneabilidade da página para quem usa tecnologia assistiva.

Para o buscador, uma imagem é um arquivo opaco: sem ajuda, ele não sabe se aquele JPG é um produto, um gráfico ou um gato. O texto alternativo é o principal sinal que traduz a imagem em linguagem que o motor de busca entende, ao lado do nome do arquivo e do texto ao redor.

Isso tem efeitos concretos:

• Busca por imagens: um alt descritivo aumenta a chance de a imagem aparecer nos resultados de imagem e trazer visitantes.
• Relevância da página: imagens bem descritas reforçam o tema geral do conteúdo para o buscador.
• Imagens que são links: quando uma imagem é clicável, o alt funciona como o texto âncora daquele link, dando contexto ao destino.

Uma ressalva técnica importante: alt text não substitui otimização de peso. Imagens pesadas atrapalham o carregamento e o LCP, então descrever bem a imagem anda junto com comprimir e dimensionar o arquivo corretamente.

Você quase nunca precisa mexer no código para adicionar alt text. A maioria das plataformas oferece um campo próprio para isso:

• WordPress: ao inserir uma imagem, a biblioteca de mídia mostra um campo "Texto alternativo" na barra lateral. Basta preencher antes de publicar.
• Canva: ao exportar ou publicar, o Canva permite adicionar uma descrição de texto alternativo a cada elemento, útil quando o design vira imagem em um site.
• Construtores de site e e-commerce: plataformas como Wix, Shopify e Webflow têm o campo de alt nas configurações de cada imagem.
• Editores de texto e apresentações: ferramentas como Word, Google Docs e PowerPoint também têm a opção de texto alternativo, pensando na acessibilidade dos documentos.

O ponto comum é claro: sempre que a ferramenta oferecer um campo de descrição ou texto alternativo, preencha. É um dos ganhos de acessibilidade e de SEO on-page com melhor relação entre esforço e resultado.

As redes sociais também adotaram o alt text, tanto por acessibilidade quanto para descrever imagens automaticamente. O funcionamento varia por plataforma:

• Instagram: ao publicar, toque em "Configurações avançadas" e depois em "Escrever texto alternativo" para adicionar sua própria descrição. Se você não escrever, o Instagram gera um alt automático, quase sempre genérico.
• Facebook e LinkedIn: oferecem a opção de editar o texto alternativo de cada imagem antes de publicar.
• X (Twitter): permite adicionar descrição às imagens, com um selo ALT indicando que ela tem texto alternativo.

Vale lembrar que o alt das redes sociais serve à acessibilidade dentro da plataforma, não ao SEO do seu site. Para o buscador, o que conta é a descrição das imagens hospedadas nas suas próprias páginas. Para o compartilhamento social, quem controla a aparência do link é o Open Graph, e não o alt text.