Alt Text
Alt text (texto alternativo) é uma sequência de texto descritivo escrita no atributo alt de uma tag <img> HTML. Ela é exibida no lugar da imagem quando a imagem não pode ser renderizada ou percebida visualmente.
Alt text (texto alternativo) é uma sequência de texto descritivo escrita no atributo alt de uma tag <img> HTML. Ela é exibida no lugar da imagem quando a imagem não pode ser renderizada ou percebida visualmente.
Por Que Importa
O alt text desempenha um papel fundamental tanto na acessibilidade quanto no SEO.
Primeiro, os leitores de tela leem o valor do atributo alt em voz alta, permitindo que usuários com deficiência visual entendam o conteúdo de uma imagem. O padrão Nível A da WCAG (Web Content Accessibility Guidelines) exige texto alternativo para todo conteúdo não textual.
Segundo, os crawlers dos mecanismos de busca não conseguem "ver" as imagens diretamente, então eles dependem do atributo alt para entender o assunto de uma imagem. O Google confirmou oficialmente que o alt text é um sinal de ranqueamento para a busca de imagens. Imagens com um alt text bem escrito têm maior probabilidade de aparecer no Google Imagens e em ferramentas de busca visual, como o Google Lens.
Terceiro, sistemas de IA generativa como ChatGPT e Perplexity também usam o alt text como uma fonte importante de informação ao analisar imagens, tornando-o cada vez mais relevante do ponto de vista do GEO (Generative Engine Optimization).
Diretrizes de Redação
- Seja específico. Escreva com base na pergunta: "Que informação um usuário perderia se não pudesse ver esta imagem?"
- Mantenha abaixo de 125 caracteres. A maioria dos leitores de tela trunca o alt text além de aproximadamente 125 caracteres.
- Inclua palavras-chave relevantes de forma natural. Insira uma ou duas palavras-chave que estejam alinhadas com o contexto do conteúdo da página.
- Omita prefixos como "imagem de", "foto de" ou "figura de". Os leitores de tela já anunciam o elemento como um
<img>, então isso é redundante. - Use alt vazio (
alt="") para imagens decorativas. Adicionar descrições a imagens decorativas que não têm propósito de conteúdo cria ruído desnecessário para os usuários de leitores de tela.
Bons Exemplos vs Maus Exemplos
| Tipo | Alt Text | Motivo |
|---|---|---|
| Bom | Bolo de chocolate vegano artesanal em um prato branco | Específico, conciso e transmite a informação essencial da imagem |
| Bom | Gráfico de linha mostrando a tendência do tráfego orgânico mensal em 2025 | Descreve com clareza o tipo de gráfico e o assunto dos dados |
| Mau | Bolo | Vago demais - impossível saber que tipo de bolo |
| Mau | Foto de bolo imagem sobremesa delicioso bolo chocolate bolo de chocolate bolo artesanal bolo vegano | Keyword stuffing - pode ser sinalizado como spam |
| Mau | IMG_20250301_142055.jpg | Um nome de arquivo bruto, sem sentido tanto para usuários quanto para mecanismos de busca |
Erros Comuns
- Keyword Stuffing: Listar palavras-chave repetidamente no alt text pode ser classificado como spam pelo Google e prejudica gravemente a experiência do usuário. As palavras-chave devem ser incluídas naturalmente dentro do contexto.
- Usar o Mesmo Alt Text para Todas as Imagens: Copiar e colar a mesma descrição em várias imagens de uma página pode fazer com que os mecanismos de busca as tratem como conteúdo duplicado. Cada imagem deve ter uma descrição única, refletindo seu conteúdo específico.
- Omitir o Alt Text por Completo: Se o próprio atributo alt estiver ausente, os leitores de tela lerão o nome do arquivo em voz alta, degradando significativamente a acessibilidade. Até mesmo imagens decorativas devem incluir um atributo alt vazio (
alt=""). - Usar Alt Text Gerado por IA Sem Revisão: O alt text sugerido por ferramentas de IA pode não refletir totalmente o contexto. A revisão humana e a otimização para o conteúdo da página são sempre necessárias.
- Copiar o Texto do Corpo Literalmente: Colocar no alt text a mesma legenda ou texto do corpo que aparece ao lado de uma imagem faz com que os usuários de leitores de tela ouçam o mesmo conteúdo duas vezes. O alt text deve complementar, e não duplicar, o texto ao redor.
Fontes:
- Image SEO Best Practices - Google Search Central
- Alt Text for SEO: How to Optimize Your Images - Ahrefs
Posts Relacionados do inblog
Como o inblog Ajuda
O editor do inblog oferece um campo de entrada de Alt Text ao inserir imagens e exibe um aviso quando ele é deixado em branco.