O que um gerador de texto alt faz
Um gerador de texto alt recebe uma URL de imagem ou um upload, o tópico ou contexto da página, e uma preferência de público—geral, priorizado para leitor de tela, ou priorizado para SEO—e produz três variantes de texto alt. A variante curta fica sob 125 caracteres e foca no assunto essencial. A variante média adiciona contexto espacial ou relacional em 125 a 150 caracteres. A variante descritiva vai até 200 caracteres e inclui detalhes sobre cor, layout, emoção ou marca quando esses detalhes importam para compreensão ou descoberta.
O gerador também executa uma verificação de imagem decorativa. Se a imagem é puramente estética—um gradiente de fundo, uma borda decorativa, uma foto stock de mãos em um teclado que não adiciona informação—a ferramenta a identifica e recomenda alt="" (atributo alt vazio) em vez de texto descritivo. Leitores de tela pulam imagens com alt vazio, o que reduz ruído para usuários navegando por fone de ouvido.
A conformidade WCAG 2.2 exige que todas as imagens não-decorativas tenham texto alt, que o texto alt comunique informação equivalente à imagem, e que não ultrapasse 150 caracteres a menos que a imagem seja complexa (gráficos, diagramas, infográficos). Nossa verificação WCAG identifica três violações: alt ausente, texto alt genérico demais ("imagem" ou "foto"), e texto alt que começa com "imagem de" ou "foto de" (leitores de tela já anunciam "imagem," então o prefixo é redundante).
Como usar este gerador de texto alt
- Cole a URL da imagem ou arraste um arquivo de imagem para a caixa de upload. Suportamos JPG, PNG, WEBP e SVG.
- Preencha Tópico / contexto da página com uma descrição de uma frase do artigo ou página onde a imagem aparece—"artigo sobre compra de primeira casa," "página inicial para software de gerenciamento de projetos," "foto do produto em uma página de categoria de tênis."
- Escolha Público principal. Escolha "Geral" para SEO e acessibilidade equilibrados. Escolha "Priorizado para leitor de tela (acessibilidade)" para priorizar clareza para usuários não-visuais sobre inclusão de palavras-chave. Escolha "Priorizado para SEO" para enfatizar nomes de produtos, termos de marca e frases descobríveis quando a imagem é principalmente para tráfego de busca.
- Clique em Gerar texto alt. Três variantes aparecem com contagem de caracteres. Cada uma está pronta para copiar.
- Escolha a variante que se encaixa no seu contexto. Use curta para fotos de produtos simples. Use média para a maioria das imagens hero de blog. Use descritiva para infográficos, gráficos ou imagens que transmitem dados ou layouts complexos.
- Copie e cole no seu CMS. No WordPress, cole no campo "Texto alternativo" na biblioteca de mídia. Em HTML, cole como
alt="…"dentro da tag<img>. No Next.js, use a propaltno componente<Image>.
Para modo em lote, clique em "Mudar para lote" no topo do formulário. Cole até dez URLs de imagem, uma por linha, ou arraste uma pasta de imagens. Preencha o contexto da página uma vez. Clique em gerar. A saída é uma tabela com uma linha por imagem: miniatura, alt curto, alt médio, alt descritivo. Copie a tabela ou exporte como CSV para importação em lote do WordPress.
Por que o texto alt importa para acessibilidade e SEO
O texto alt serve a dois mestres: usuários de leitor de tela que não conseguem ver imagens e mecanismos de busca que não conseguem interpretar conteúdo de imagem sem texto. Uma pesquisa WebAIM de 2023 de um milhão de páginas iniciais descobriu que 58% das imagens tinham texto alt ausente ou texto alt que falhava nas diretrizes WCAG—"imagem," "IMG_1234.jpg," ou gibberish preenchido com palavras-chave.
Três razões para escrever texto alt corretamente.
Conformidade legal. WCAG 2.1 Nível AA é o padrão de acessibilidade exigido pela Lei Americana com Deficiências, Lei Europeia de Acessibilidade e leis equivalentes no Canadá, Austrália e Reino Unido. Texto alt ausente ou incorreto é o segundo gatilho mais comum de processo ADA em website após falhas na navegação por teclado, de acordo com um relatório de 2024 da UsableNet cobrindo 4.600 processos de acessibilidade digital. Sites de e-commerce e serviços financeiros são os alvos mais frequentes.
Usabilidade do leitor de tela. Quinze por cento dos adultos norte-americanos relatam alguma forma de deficiência visual, segundo o CDC. Leitores de tela como JAWS, NVDA e VoiceOver leem texto alt em voz alta quando um usuário se move para uma imagem. Se o alt diz "imagem," o usuário não aprende nada. Se o alt diz "Gráfico mostrando crescimento de receita de 23% ano-a-ano de Q1 2024 a Q1 2025," o usuário entende o conteúdo sem vê-lo.
Tráfego de busca de imagem. Google Imagens impulsiona 22% de todas as buscas web, segundo dados do SparkToro. Texto alt é o sinal de texto primário que o Google usa para classificar imagens. Uma foto de produto com texto alt "sapato de corrida azul" é classificada para "sapato de corrida azul." A mesma foto com texto alt "IMG_5391.jpg" não é classificada para nada. Um estudo de 2022 da Moz descobriu que adicionar texto alt descritivo a imagens anteriormente sem alt aumentou impressões de busca de imagem em uma média de 35% em 90 dias.
Texto alt vs. atributo title vs. legenda vs. nome do arquivo
Estes quatro termos descrevem metadados diferentes de imagem. Cada um tem um propósito distinto.
Texto alt é o atributo alt dentro da tag <img>. Leitores de tela o anunciam. Google o indexa. É obrigatório para acessibilidade. Se a imagem falhar ao carregar, navegadores exibem o texto alt no lugar da imagem. Comprimento máximo prático: 125 a 150 caracteres para imagens simples, 200 para complexas.
Atributo title é o atributo title dentro da tag <img>. Navegadores o exibem como uma dica ao passar o mouse. Leitores de tela o ignoram em grande parte. Google o ignora. Title é opcional e raramente necessário. Não use title como substituto para alt.
Legenda é texto visível exibido abaixo ou ao lado da imagem, tipicamente dentro de tags <figure> e <figcaption>. Legendas fornecem contexto ou crédito. Leitores de tela leem legendas em voz alta além do texto alt. Se a legenda descreve completamente a imagem, o texto alt pode ser mais curto ou vazio. Se a legenda é editorial ("Esta abordagem mudou tudo"), o alt ainda precisa descrever o que a imagem mostra.
Nome do arquivo é o slug da URL da imagem—"sapato-corrida-azul.jpg" vs "DSC_1234.jpg". Google lê nomes de arquivo como um sinal de classificação fraco. Nomes de arquivo descritivos ajudam SEO marginalmente, mas texto alt importa muito mais. Renomeie arquivos antes do upload se seu CMS permitir, mas não pule texto alt porque o nome do arquivo é descritivo.
Quando você otimiza uma imagem, escreva texto alt primeiro. Adicione uma legenda se a imagem precisa de contexto editorial. Renomeie o arquivo se ele é atualmente uma string aleatória. Pule o atributo title a menos que você tenha um caso de uso específico de dica.
Erros comuns
- Escrever "imagem de" ou "foto de" no início. Leitores de tela já anunciam "imagem" antes de ler o alt. Começar com "imagem de" produz "imagem imagem de sapato azul." Comece com o assunto: "Sapato de corrida azul em fundo branco."
- Preenchimento de palavras-chave. Texto alt como "melhores sapatos de corrida sapatos de corrida baratos comprar sapatos de corrida online" é spam. Google o penaliza. Usuários de leitor de tela ouvem gibberish. Escreva para humanos primeiro. Uma menção natural de palavra-chave é o suficiente.
- Usar o mesmo texto alt para cada imagem em uma página. Se cinco fotos de produtos todas têm alt="foto do produto," usuários de leitor de tela não conseguem distingui-las. Descreva o que torna cada imagem única: "Vista frontal de sapato de corrida azul," "Perfil lateral mostrando contorno da sola," "Close-up dos ilhós de renda."
- Deixar imagens decorativas com alt descritivo. Padrões de fundo, divisores decorativos e imagens de espaço em branco devem ter
alt=""para que leitores de tela as pulem. Descrever um gráfico de swoosh decorativo como "elemento de design curvo azul" não adiciona valor e retarda a navegação. - Escrever texto alt com comprimento de ensaio. Leitores de tela falam a 150 a 250 palavras por minuto. Um alt de 300 caracteres leva 10 segundos para anunciar. Usuários navegando uma página com 20 imagens gastam três minutos ouvindo descrições. Mantenha alt sob 150 caracteres a menos que a imagem seja um gráfico ou infográfico que exija detalhe.
Dicas avançadas
- Use a variante média como seu padrão. Curta funciona para fotos de produtos diretas. Descritiva funciona para diagramas complexos. Média equilibra acessibilidade e SEO para a maioria das imagens de blog e página inicial.
- Combine especificidade de texto alt ao tópico da página. Se seu artigo é "Como amarrar sapatos de corrida," o alt da imagem hero deve descrever o estilo de nó—"Corredor amarrando um nó duplo em sapato de corrida azul." Se a página é uma listagem de categoria para sapatos de corrida, o alt da mesma imagem deve enfatizar o produto—"Sapato de corrida azul com malha e sola branca."
- Execute o gerador em suas imagens existentes. Exporte URLs de imagem de seu site do seu CMS ou rastreie com Screaming Frog. Cole a lista em modo em lote. Revise o texto alt gerado. Atualize imagens que atualmente têm alt ausente ou genérico.
- Teste texto alt com um leitor de tela. Instale NVDA (Windows) ou ative VoiceOver (Mac). Navegue sua página pressionando a tecla Tab. Ouça o que o leitor de tela anuncia. Se o texto alt for confuso ou repetitivo, revise-o.
- Adicione dados estruturados para imagens usadas em passos how-to, receitas ou listagens de produtos. Use a propriedade
"image"em esquema JSON-LD para referenciar a URL da imagem e associá-la ao conteúdo estruturado. Google exibe imagens inline com resultados how-to quando o esquema está presente. - Evite redundância entre legenda e alt. Se a legenda diz "Gráfico mostrando crescimento de receita," o alt deve descrever os dados—"Gráfico de barras com cinco barras, mostrando receita aumentando de 2M em 2022 para 3.5M em 2026." O alt fornece o detalhe que a legenda omite.
Uma vez que o texto alt está em lugar, o próximo passo geralmente é verificar que o resto dos metadados da página está correto. Insira sua URL de página em nosso verificador de metadados de website para validar title, meta description, tags OG, Twitter card e schema em um scan. Se você estiver otimizando um artigo completo, use o gerador de meta description para escrever o snippet SERP e o gerador de título SEO para produzir tags title correspondentes com visualização live do Google. Ao planejar conteúdo que inclui imagens, use o gerador de brief de conteúdo para mapear a estrutura completa antes de escrever.