O que é alt text? Como escrever o texto alternativo das imagens
Alt text, ou texto alternativo, é a descrição de uma imagem escrita no atributo alt da tag HTML, assim: <img src="foto.jpg" alt="descrição da imagem">. Ele é lido em voz alta por leitores de tela para pessoas cegas ou com baixa visão, aparece no lugar da imagem quando ela não carrega e ajuda o Google a entender o que a imagem mostra.
O alt text resolve dois problemas de uma vez: torna o site acessível para quem não enxerga a imagem e dá ao buscador uma informação que ele não consegue tirar só dos pixels com total segurança.
Como funciona o alt text
O atributo fica dentro da tag <img> e não aparece para quem vê a página normalmente. Um exemplo:
<img src="bolo-cenoura.jpg" alt="Fatia de bolo de cenoura com cobertura de chocolate em um prato branco">
Esse texto é usado em quatro situações:
- Leitores de tela, como o NVDA no Windows e o VoiceOver no iPhone, leem o alt text quando chegam à imagem.
- Imagem quebrada ou conexão lenta: o navegador mostra o texto no espaço da imagem.
- Google e Google Imagens: a documentação de SEO para imagens do Google diz que o buscador usa o alt text junto com a visão computacional e o conteúdo da página para entender o assunto da imagem.
- Imagens com link: quando a imagem é um link, o Google trata o alt text como o texto âncora desse link.
Alt text vs title e legenda
São três textos diferentes ligados a uma imagem. O alt text descreve a imagem para quem não a vê e fica escondido no código. O atributo title gera uma dica que aparece quando o mouse passa sobre a imagem, não é lido de forma consistente pelos leitores de tela e não substitui o alt. A legenda é o texto visível abaixo da imagem, para todos os leitores. Uma imagem importante tem alt text sempre e legenda quando o contexto pede.
Por que o alt text importa para SEO
- Tráfego do Google Imagens. Imagens bem descritas aparecem nas buscas por imagem, um canal relevante para receitas, produtos, decoração e turismo.
- Contexto para a página. O alt text reforça o tema do conteúdo quando descreve uma imagem relacionada à palavra-chave principal.
- Links com imagem. Em banners e botões com imagem, o alt text é o texto âncora, e sem ele o link não diz para onde aponta. Isso pesa na linkagem interna do site.
- Acessibilidade. As diretrizes WCAG, referência internacional de acessibilidade, exigem uma alternativa em texto para todo conteúdo não textual. No Brasil, a Lei Brasileira de Inclusão (Lei 13.146/2015) obriga sites de empresas e órgãos públicos a serem acessíveis.
Segundo o SE Ranking, "alt text" tem 320 buscas por mês no Brasil em outubro de 2026, com dificuldade 9, e "atributo alt" tem outras 50.
Como escrever um bom alt text
- Descreva o que a imagem mostra. Pense em como você explicaria a imagem para alguém ao telefone.
- Seja específico. "Cadeira de escritório preta com encosto de tela" informa mais que "cadeira".
- Considere o contexto. A mesma foto de uma pessoa sorrindo pede descrições diferentes em um artigo sobre clareamento dental e em uma página de depoimentos.
- Seja breve. Uma frase resolve a maioria dos casos. Imagens complexas, como gráficos, pedem um resumo no alt e os dados no texto da página.
- Não comece com "imagem de" ou "foto de". O leitor de tela já anuncia que se trata de uma imagem.
- Use a palavra-chave só quando ela descreve a imagem. Repetir termos que não têm relação com a foto é keyword stuffing.
- Deixe o alt vazio em imagens decorativas. Ícones de enfeite, fundos e divisores levam
alt="", com o atributo presente e sem texto, para que o leitor de tela pule a imagem.
Para conferir o alt text de uma imagem, clique com o botão direito sobre ela no Chrome e escolha "Inspecionar". O Lighthouse, no DevTools do Chrome, aponta imagens sem atributo alt na aba de acessibilidade. Para o site inteiro, um crawler como o Screaming Frog ou a auditoria do SE Ranking lista imagens sem alt text. No WordPress, o campo "Texto alternativo" fica na biblioteca de mídia, ao lado de cada imagem.
Se você quer saber quantas imagens do seu site estão sem texto alternativo, o diagnóstico de SEO gratuito da ASM Digital mostra isso.
Exemplo de alt text antes e depois
Imagine uma loja fictícia de calçados com a foto de um tênis cadastrada como alt="IMG_4532", o nome do arquivo que o sistema preencheu sozinho. Para o leitor de tela e para o Google, a imagem não diz nada. Uma versão exagerada seria alt="tênis tênis corrida tênis barato tênis masculino", que repete termos e não descreve a foto. A versão correta ficou alt="Tênis de corrida masculino azul-marinho com solado branco, vista lateral".
Erros comuns com alt text
- Deixar o atributo ausente, o que faz alguns leitores de tela lerem o nome do arquivo.
- Usar o nome do arquivo ou códigos como "DSC0001" como descrição.
- Repetir o mesmo alt text em todas as fotos de uma galeria.
- Escrever parágrafos longos no lugar de uma descrição objetiva.
- Colocar texto importante dentro da imagem, como preço ou telefone, sem repetir a informação no alt ou no texto da página.
Perguntas frequentes
Alt text e texto alternativo são a mesma coisa?
Sim. Alt text é o nome em inglês, e texto alternativo é a tradução usada em ferramentas como o WordPress. Também se diz "atributo alt" ou, de forma incorreta, "tag alt".
Qual o tamanho ideal do alt text?
Não há limite oficial no HTML. Na prática, uma frase curta descreve bem a maioria das imagens e é lida rapidamente pelos leitores de tela.
Toda imagem precisa de alt text?
Toda imagem precisa do atributo alt. As imagens com informação levam uma descrição, e as decorativas levam o atributo vazio, alt="", para serem ignoradas pelos leitores de tela.
Alt text ajuda a ranquear a página?
O alt text ajuda principalmente as imagens a aparecerem no Google Imagens e dá contexto ao conteúdo. Sozinho, ele não faz uma página fraca subir, mas faz parte de uma página bem construída.
Termos relacionados
Quer páginas bem construídas, do texto às imagens? Conheça o conteúdo estratégico da ASM Digital.