Texto alternativo

TL;DR — O texto alternativo é um substituto curto que você adiciona a uma imagem para que pessoas que não podem vê-la — e os mecanismos de busca — saibam para que ela serve. Você o adiciona com o atributo alt no elemento <img>. Ele é uma entrada para a acessibilidade (não garante conformidade total por si só) e ajuda suas imagens a aparecerem na busca de imagens. Descreva o que a imagem está fazendo naquela página, não apenas o que ela mostra; não acumule palavras-chave; use um alt="" vazio para imagens puramente decorativas; e, em botões com ícones e imagens com links, descreva a ação ou o destino.

O que é texto alternativo

Quando você coloca uma imagem em uma página da web, o código fica assim:

<img src="dalmatian-puppy.jpg" alt="Dalmatian puppy playing fetch in a park">

A parte alt="..." é o texto alternativo — abreviação de alternative text. É um substituto escrito para a imagem: uma descrição curta do que a imagem mostra ou faz. Se a imagem não puder ser vista, o texto alternativo é usado no lugar dela.

Você frequentemente ouvirá pessoas chamarem isso de “alt tag”. Esse é o nome comum, mas não está exatamente correto — <img> é a tag, e alt é um atributo dela. Vou usar “texto alternativo” e “atributo alt” aqui, mas, se você disser “alt tag”, todo mundo entenderá o que quer dizer.

Um bom texto alternativo não é um modelo fixo de descrição — ele é escolhido de acordo com o que a imagem está fazendo naquela página específica, não apenas com o que há visualmente nela. A mesma foto pode precisar de um texto alternativo diferente (ou de nenhum) em outro lugar, dependendo do que ela está ali para comunicar e do que o texto ao redor já diz.

Por que isso importa

O texto alternativo cumpre duas funções importantes:

• Acessibilidade. Pessoas cegas ou com baixa visão usam leitores de tela que leem as páginas em voz alta. Quando o leitor de tela encontra uma imagem, ele lê o texto alternativo. Sem texto alternativo, não há nada útil — ou, pior, o leitor anuncia o nome do arquivo da imagem. Isso não é apenas um detalhe desejável: a ausência de texto alternativo é uma das falhas mais comuns apontadas em processos judiciais de acessibilidade de sites.
• SEO de imagens. Os mecanismos de busca não conseguem “ver” uma imagem como você. O texto alternativo é a principal forma de informar ao Google e ao Bing sobre o assunto de uma imagem, o que ajuda suas imagens a aparecerem na busca de imagens.

Como escrever um bom texto alternativo

Algumas regras simples:

• Descreva o que realmente está na imagem, no contexto da sua página. “Dalmatian puppy playing fetch in a park” é ótimo. “puppy dog pup pups doggies” é excesso de palavras-chave — não faça isso.
• Não comece com “Image of” ou “Photo of”. Os mecanismos de busca e leitores de tela já sabem que é uma imagem. Apenas descreva-a.
• Seja breve. Uma frase ou sentença. Você não precisa de um parágrafo.
• Para imagens decorativas, use um alt="" vazio. Se uma imagem é apenas uma linha divisória ou um enfeite de fundo que não acrescenta nada, use alt="" (sem nada entre as aspas). Isso diz aos leitores de tela para ignorá-la. Não deixe o atributo alt totalmente de fora — isso é ainda pior. O teste é: se a imagem não acrescenta informação além do que a página já diz em outro lugar, ela é decorativa.
• Para botões e controles que têm apenas um ícone, descreva a ação, não o ícone. Um botão de busca com um ícone de lupa deve dizer alt="Search", não alt="Magnifying glass" — a pessoa precisa saber o que acontecerá ao ativá-lo.

O que a maioria das pessoas entende errado

O texto alternativo ajuda principalmente a busca de imagens, não o ranking na busca comum da web. Muitos guias dão a entender que adicionar texto alternativo às imagens fará sua página subir nos resultados normais. Não é assim que funciona — John Mueller, do Google, já disse isso muitas vezes. O texto alternativo ajuda suas imagens a serem encontradas na busca de imagens e adiciona um pouco de texto à página, mas não é uma alavanca mágica de ranking na busca da web.

Quer a versão precisa — as citações exatas do Google, a distinção entre busca de imagens e busca da web, imagens decorativas, imagens com links e como encontrar texto alternativo ausente em escala? Mude para a aba Avançado.

TL;DR — Texto alternativo é o valor do atributo alt em um elemento <img> — exigido pelo HTML, uma necessidade de acessibilidade e o item mais importante dos metadados de uma imagem para a busca. A nuance que a maioria dos guias distorce: ele afeta principalmente a busca de imagens, não os rankings da busca da web (Mueller, repetidamente). O Google o lê junto com a visão computacional e o contexto da página, então escreva para o contexto, não para uma descrição superficial. Não faça excesso de palavras-chave, não comece com “image of” e use alt="" (não um atributo ausente) para imagens decorativas. Em uma imagem com link, o texto alternativo funciona como texto âncora. O Google não tem limite de caracteres; 155 caracteres é uma orientação de redação. A ausência de alt é o problema técnico mais comum da web — 80,4% dos sites têm pelo menos um caso.

O que é realmente o texto alternativo

Texto alternativo é o valor do atributo alt em um elemento HTML <img>:

<img src="dalmatian-puppy.jpg" alt="Dalmatian puppy playing fetch">

É um substituto textual curto para a imagem — para usuários de leitores de tela, rastreadores e navegadores nos quais a imagem está desativada ou falha ao carregar. Vale acertar uma observação terminológica: ele é frequentemente chamado de “alt tag”, mas isso é um nome incorreto. A tag é <img>; alt é um atributo dessa tag. O nome está tão arraigado que não vou combatê-lo, mas o termo preciso é atributo alt, e o texto dentro dele é texto alternativo.

O atributo alt é obrigatório em elementos <img> pela especificação HTML. Omiti-lo completamente é um erro de conformidade. Um valor vazio (alt="") é válido e significativo — é a forma correta de marcar uma imagem decorativa (voltaremos a isso abaixo).

Escolher o que escrever não é seguir uma receita universal de descrição. O texto alternativo correto é uma função do propósito da imagem naquele ponto específico da página — não um inventário literal do que aparece no quadro. A mesma imagem pode legitimamente precisar de um texto alternativo diferente (ou vazio), dependendo de onde está e do que o conteúdo ao redor já comunica; não existe uma única legenda “correta” independente do contexto.

O texto alternativo tem duas funções de SEO distintas — e uma delas é superestimada

Essa é a distinção que a maioria dos guias de “texto alternativo para SEO” confunde, e é aí que está o valor real desta página. O texto alternativo faz duas coisas diferentes pela busca:

1. Ele adiciona texto à página. O Google conta o texto alternativo como parte do texto da página. Mueller: “The alt text is essentially shown when the images are turned off in most browsers, so that’s something that we would count as part of the on-page text.” (tradução) «O texto alternativo é essencialmente mostrado quando as imagens são desativadas na maioria dos navegadores, então isso é algo que contaríamos como parte do texto da página.» Isso é real, mas pequeno.

2. Ele sinaliza sobre o que é uma imagem — para a busca de imagens. Essa é sua função principal. A própria documentação do Google chama o texto alternativo de “the most important attribute” (tradução) «o atributo mais importante» para fornecer metadados de imagem, e Mueller enquadra seu efeito na busca de imagens: “if someone is searching in Google Images for something that kind of matches the alt text, then we can use that to understand that your image is relevant.” (tradução) «se alguém estiver procurando no Google Imagens por algo que corresponda de algum modo ao texto alternativo, podemos usar isso para entender que sua imagem é relevante.»

Aqui está o ponto para guardar: adicionar texto alternativo não faz uma página ranquear mais alto na busca da web simplesmente porque ela tem imagens. Mueller disse isso diretamente: “It’s not the case that we would say a textual webpage has more value because it has images. It’s really just we see the alt text and we apply that to the image, and if someone searches for the image we can use that to better understand the image.” (tradução) «Não é o caso de dizermos que uma página textual tem mais valor porque tem imagens. Nós simplesmente vemos o texto alternativo e o aplicamos à imagem e, se alguém procurar a imagem, podemos usá-lo para entendê-la melhor.»

Portanto, se seu objetivo é visibilidade na busca de imagens (e o tráfego de referência que ela traz), o texto alternativo importa muito. Se você espera que apenas o texto alternativo eleve seus rankings da web com links azuis, está usando a ferramenta errada. Esse é o mesmo ponto que faço no meu texto sobre JavaScript SEO: na busca da web, o texto alternativo conta como texto da página, mas sua importância costuma ser superestimada — seu retorno real é a busca de imagens e a acessibilidade.

Não é o único sinal usado pelo Google

O texto alternativo não é lido isoladamente. O Google diz: “Google uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image.” (tradução) «O Google usa o texto alternativo junto com algoritmos de visão computacional e o conteúdo da página para entender o assunto da imagem.» A visão computacional já consegue saber que se trata de uma praia. A função do texto alternativo é transmitir aquilo que o modelo não consegue inferir — o contexto: por que essa imagem está nesta página e o que significa aqui. É por isso que o conselho de Mueller em 2024 é tão bom: uma IA que produz “photo of a beach” (tradução) «foto de uma praia» descreve tecnicamente os pixels, mas desperdiça a oportunidade, porque “the alt-text is unique in that it’s what directly connects the image to the page with context.” (tradução) «o texto alternativo é único porque conecta diretamente a imagem à página com contexto.» A mesma foto de praia pode merecer textos alternativos diferentes em uma página de surfe, em um anúncio imobiliário ou em um artigo sobre clima.

Acessibilidade — e os riscos jurídicos

Antes de ser um recurso de SEO, o texto alternativo é uma exigência de acessibilidade. O Critério de Sucesso 1.1.1 (Conteúdo não textual) da WCAG 2.x, Nível A exige uma alternativa textual para conteúdo não textual. Usuários de leitores de tela dependem disso; sem ele, uma imagem é um ponto morto na página, e um atributo alt omitido pode fazer alguns leitores anunciarem o nome bruto do arquivo.

Esse é um critério de sucesso entre dezenas. Acertar o texto alternativo satisfaz o 1.1.1 para suas imagens, mas não estabelece por si só a conformidade total com a WCAG — nem a conformidade com a ADA — de uma página ou site. Isso também depende de critérios separados, como contraste de cores, acesso pelo teclado, rótulos de formulários, estrutura de títulos e muito mais. Trate o texto alternativo como uma peça necessária da acessibilidade, não como o todo.

Isso tem consequências reais. A ausência de atributos alt é citada rotineiramente em processos de acessibilidade de sites sob a ADA, que chegam a milhares por ano nos EUA. Como observo no meu guia de JavaScript SEO, “missing alt attributes are an accessibility issue, which may turn into a legal issue.” (tradução) «atributos alt ausentes são um problema de acessibilidade, que pode se tornar um problema jurídico.» Isso muda o enquadramento da correção: primeiro uma ação de conformidade, depois uma ação de SEO. É também por isso que rastreadores de SEO (incluindo o Ahrefs Site Audit) apontam a ausência de alt entre os problemas técnicos.

Como escrever um texto alternativo que funciona

• Comece pelo contexto, não por uma legenda. Descreva o que a imagem significa para a página, não apenas o que aparece visualmente nela. Mueller, sobre busca de imagens: “you don’t necessarily need to describe exactly what is in the image, but rather kind of like what this image means for your particular page.” (tradução) «você não precisa necessariamente descrever exatamente o que está na imagem, mas algo como o que essa imagem significa para sua página específica.»
• Não comece com “Image of” / “Photo of”. Lizzi Sassman, do Google: “We already are aware that it’s an image. You don’t need to say, ‘It’s an image of’ and then the thing.” (tradução) «Nós já sabemos que é uma imagem. Você não precisa dizer “É uma imagem de” e depois a coisa.» Uma frase descritiva é suficiente — não precisa ser uma sentença completa.
• Use palavras-chave naturalmente, nunca as acumule. Google: “focus on creating useful, information-rich content that uses keywords appropriately and is in context.” (tradução) «concentre-se em criar conteúdo útil e rico em informações que use palavras-chave de forma apropriada e contextualizada.» E o alerta: “Avoid filling alt attributes with keywords… as it results in a negative user experience and may cause your site to be seen as spam.” (tradução) «evite preencher atributos alt com palavras-chave… pois isso resulta em uma experiência negativa e pode fazer seu site ser visto como spam.» Gary Illyes resumiu: o texto alternativo “shouldn’t be what you want to rank for, but what’s in the image.” (tradução) «não deve ser aquilo para o qual você quer ranquear, mas o que está na imagem.»
• Não copie o parágrafo ao redor para o alt. Mueller: “I wouldn’t just blindly copy and paste the same text that you already have on a page as an alt text.” (tradução) «Eu não simplesmente copiaria e colaria cegamente o mesmo texto que você já tem em uma página como texto alternativo.» O atributo alt é uma oportunidade única de acrescentar contexto, não uma duplicata.
• Não há limite de caracteres do Google. Mueller: “we don’t have any guidelines with regards to how long your alt text can be.” (tradução) «não temos orientações sobre o tamanho que seu texto alternativo pode ter.» Os muito citados “125 caracteres” vêm de ferramentas de acessibilidade; o Developer Style Guide do Google sugere 155 caracteres ou menos como orientação de redação, não como limite rígido. Mantenha-o curto porque descrições longas interrompem o fluxo de leitura para usuários de leitores de tela — não porque o Google as trunca.
• Use texto alternativo consistente para imagens repetidas. Se a mesma imagem aparece em vários lugares, dê a ela o mesmo texto alternativo.

Imagens decorativas: alt="", não um alt ausente

Para imagens puramente decorativas — espaçadores, divisores e enfeites de fundo que não carregam informação — o padrão correto é um atributo alt vazio:

<img src="divider.svg" alt="">

alt="" informa à tecnologia assistiva que a imagem é decorativa e deve ser ignorada. Isso não é o mesmo que deixar o atributo de fora. Omitir alt completamente viola a especificação HTML e pode fazer alguns leitores de tela lerem o nome do arquivo em voz alta. Portanto: imagem decorativa recebe alt="" (valor vazio presente), nunca um atributo ausente e nunca uma descrição. Como digo no meu guia de JavaScript SEO, corrija o alt das imagens de conteúdo principal, mas, para imagens de espaço reservado ou decorativas, você pode deixar o alt em branco (ou seja, alt="").

O teste para “decorativa” é: a imagem acrescenta informação que a página não transmite em outro lugar — no texto ao redor, em uma legenda ou na estrutura da página? Se não (um espaçador, um ícone repetido ao lado de um texto que já diz a mesma coisa, uma foto de banco usada apenas como preenchimento visual), ela é decorativa e recebe alt="". Se acrescenta uma informação que nada mais na página oferece, não é decorativa, por menor ou mais estilizada que pareça.

Imagens funcionais: descreva a ação, não o ícone

Algumas imagens não são puramente decorativas nem uma simples figura informativa — são controles: um botão de busca só com ícone, um ícone de menu hambúrguer ou um botão de reprodução em uma miniatura de vídeo. Nesses casos, o texto alternativo deve descrever o que a ativação do controle faz, não a aparência do ícone.

<!-- Weak: describes the icon -->
<button><img src="magnifying-glass.svg" alt="Magnifying glass icon"></button>

<!-- Better: describes the action -->
<button><img src="magnifying-glass.svg" alt="Search"></button>

Um usuário de leitor de tela que ouve “magnifying glass icon” não sabe o que acontecerá ao ativar o controle; “Search” informa isso imediatamente. Esse é o mesmo princípio das imagens com links abaixo — o texto alternativo serve à função da imagem na página —, mas se aplica mesmo quando não há um elemento <a> envolvido.

Imagens com links: o texto alternativo vira texto âncora

Quando uma imagem é um link — envolvida por um elemento <a> —, seu texto alternativo funciona como o texto âncora desse link. Google: “Alt text in images is useful as anchor text if you decide to use an image as a link.” (tradução) «O texto alternativo em imagens é útil como texto âncora se você decidir usar uma imagem como link.» Um link que contém apenas uma imagem com alt vazio equivale a um texto âncora vazio, o que é ruim tanto para a acessibilidade (o leitor de tela não consegue descrever o destino) quanto para o sinal do link. Em uma imagem com link, o texto alternativo deve descrever para onde o link vai, não apenas o que a imagem mostra.

Seja preciso sobre o escopo: o que o Google documenta é especificamente o uso do texto alternativo como texto âncora para um link rastreável. Isso é mais restrito que o cálculo completo do “nome acessível” usado por navegadores e tecnologias assistivas, que também podem obter informações de aria-label, aria-labelledby ou do texto ao redor do link — o texto alternativo é uma entrada nesse cálculo mais amplo, não o cálculo inteiro.

SVGs são diferentes

Elementos <svg> embutidos não recebem um atributo alt — isso é para <img>. Para dar um nome acessível a um SVG embutido, use um elemento <title> referenciado com aria-labelledby:

<svg role="img" aria-labelledby="logo-title">
  <title id="logo-title">Acme Corp logo</title>
  <!-- paths… -->
</svg>

(Um SVG referenciado por meio de <img src="logo.svg"> usa um atributo alt normal como qualquer outra imagem — isso se aplica apenas à marcação SVG embutida.)

Antipadrões a evitar

• Excesso de palavras-chave — o sinal de spam contra o qual o Google alerta explicitamente.
• Copiar o parágrafo ao redor literalmente para o atributo alt.
• Abrir com “Image of” / “Photo of” — é redundante.
• Omitir alt em imagens decorativas em vez de usar alt="".
• Descrições geradas por IA do tipo “photo of X” que ignoram o contexto da página.
• Colocar o nome da sua empresa em atributos alt vazios. Mueller foi direto sobre isso: “It makes no sense, it seems like a waste of time to me: once wasted time to implement, and again wasted time to clean up later on.” (tradução) «Não faz sentido, parece uma perda de tempo para mim: primeiro é tempo perdido para implementar, e depois tempo perdido para limpar.»
• Confundir alt com o atributo title. O atributo title aparece como uma dica ao passar o mouse; não é texto alternativo e tem pouco peso de SEO ou acessibilidade.

Encontrando e corrigindo texto alternativo ausente

A ausência de atributos alt não é um caso extremo — é o estado padrão de falha da web. Em nosso estudo de auditoria de sites com mais de um milhão de domínios, 80,4% dos sites tinham atributos alt ausentes em pelo menos uma página, o que o tornou o problema técnico de SEO mais prevalente que encontramos.

Para encontrá-los:

• O relatório Images do Ahrefs Site Audit aponta imagens sem atributos alt em todo o site. (O Ahrefs Webmaster Tools oferece isso gratuitamente para sites que você verifica.)
• Verificações manuais pontuais — inspecione o elemento em imagens de conteúdo importantes ou use uma extensão de acessibilidade do navegador.

Ordem de prioridade ao corrigi-los:

1. Imagens do conteúdo principal primeiro — as que carregam significado e podem conquistar tráfego da busca de imagens.
2. Imagens com links — um alt vazio aqui custa em dobro (texto âncora + acessibilidade).
3. Imagens decorativas por último — e a correção é alt="", não uma descrição.

Uma observação sobre expectativas: os testes divididos da SearchPilot sobre adicionar texto alternativo foram inconclusivos / não estatisticamente significativos para rankings da web — coerente com o ponto acima de que o retorno do texto alternativo está na busca de imagens e na acessibilidade, não em um aumento no ranking da web. E a tranquilização de Mueller para sites que partem de cobertura zero: “if you’re just adding alt text for the first time, then sometimes, even any alt text is better than nothing.” (tradução) «se você está apenas adicionando texto alternativo pela primeira vez, às vezes até qualquer texto alternativo é melhor que nada.»

Para ser direto: nada neste artigo sustenta uma garantia de que corrigir o texto alternativo moverá rankings, tráfego ou citações na busca de IA em qualquer quantidade específica — nenhuma fonte oficial analisada faz essa promessa, e as evidências dos testes divididos são inconclusivas. O que o texto alternativo faz de forma confiável é fechar uma lacuna de acessibilidade e fornecer ao algoritmo do Google Imagens os metadados que ele afirma explicitamente usar.

Para uma visão mais ampla — nomes de arquivo, sitemaps de imagens, carregamento lento, formatos e imagens responsivas — veja o hub mais abrangente de SEO de imagens do qual este artigo faz parte.

Resumo de IA

Uma versão condensada da versão Advanced:

• O que é: texto alternativo é o valor do atributo alt em um elemento <img> — um substituto textual curto escolhido para o propósito e contexto da imagem, não um inventário literal de pixels. Exigido pelo HTML. Frequentemente chamado incorretamente de “alt tag” (<img> é a tag; alt é o atributo).
• Duas funções de SEO, uma superestimada: (1) adiciona texto à página — um efeito real, mas pequeno; (2) sinaliza sobre o que é uma imagem para a busca de imagens — seu valor principal. Adicionar texto alternativo não eleva os rankings da web apenas porque a página tem imagens (Mueller, repetidamente), e nenhuma fonte oficial analisada promete um resultado de ranking, tráfego ou citação de IA por adicioná-lo.
• Não é o único sinal: o Google lê o texto alternativo junto com a visão computacional e o contexto da página. Portanto, escreva para o contexto — por que a imagem está nesta página —, não para uma legenda superficial de “photo of a beach”.
• Acessibilidade + direito: a WCAG 1.1.1 (Nível A) exige uma alternativa textual; a ausência de alt aparece com frequência em processos sob a ADA. Mas o 1.1.1 é um critério entre dezenas — o texto alternativo sozinho não estabelece conformidade total com a WCAG ou com a ADA para uma página ou site. Conformidade primeiro, SEO depois.
• Regras de redação: comece pelo contexto; não abra com “image of”; use palavras-chave naturalmente (sem excesso e sem fórmula fixa); não copie o parágrafo ao redor; não há limite de caracteres do Google (155 caracteres é uma meta de redação de guia de estilo, não um limite).
• Imagens decorativas: use alt="" (valor vazio presente) — não um atributo ausente e não uma descrição. Teste: a imagem acrescenta informação que a página não transmite em outro lugar? Se não, é decorativa.
• Imagens funcionais: botões e controles que têm apenas um ícone (ícone de busca, menu hambúrguer) recebem texto alternativo que descreve a ação, não a aparência do ícone.
• Imagens com links: o texto alternativo funciona como texto âncora para um link rastreável — algo mais restrito que o cálculo completo do “nome acessível” usado pela tecnologia assistiva.
• SVG: SVGs embutidos usam <title> + aria-labelledby, não alt.
• Antipadrões: excesso de palavras-chave, nome da empresa em alt vazio (Mueller: «uma perda de tempo»), confusão entre alt e o atributo de dica title.
• Dimensão do problema: 80,4% dos sites têm pelo menos um atributo alt ausente — o problema técnico mais comum da web. Audite com o relatório Images do Ahrefs Site Audit; corrija primeiro imagens de conteúdo e deixe imagens decorativas (alt="") por último.

Documentação oficial

Documentação de fonte primária dos mecanismos de busca.

Google

• Práticas recomendadas para o Google Imagens — a referência principal: texto alternativo como «o atributo mais importante», o alerta contra excesso de palavras-chave, texto âncora em imagem como link e bons/maus exemplos.
• Guia inicial de SEO — texto alternativo descritivo — texto alternativo como o texto que “explica a relação entre a imagem e seu conteúdo”.
• Guia de estilo da documentação para desenvolvedores — texto alternativo — a orientação de redação de 155 caracteres, alt="" para imagens decorativas, sem «imagem de»/«foto de» e com pontuação.
• Como escrever texto alternativo útil — guia de acessibilidade do Google: seja breve, explique o contexto e use alt consistente para imagens repetidas.
• web.dev — Alternativas textuais para imagens — alt descritivo para imagens importantes e alt="" vazio para imagens decorativas.

Bing / Microsoft

• Como estruturar conteúdo para SEO (SEM 101) — publicação antiga do Bing que descreve imagens como «zonas mortas para um robô» e atributos alt como a forma de descrevê-las (use palavras-chave relevantes, sem forçar).
• Como participar do ecossistema da busca de imagens do Bing — nomes de arquivo e texto alternativo ajudando uma página a aparecer no carrossel de imagens mesmo quando ela não ranqueia na primeira página da busca da web.

Citações da fonte

Declarações públicas do Google. Quando uma página expõe o texto, o link é um link profundo que salta para a passagem citada.

Documentação do Google — para que serve o texto alternativo

• “The most important attribute when it comes to providing more metadata for an image is the alt text… which also improves accessibility for people who can’t see images on web pages.” (tradução) «O atributo mais importante para fornecer mais metadados sobre uma imagem é o texto alternativo, que também melhora a acessibilidade para pessoas que não conseguem ver imagens em páginas da web.» Ir para a citação
• “Google uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image.” (tradução) «O Google usa o texto alternativo junto com algoritmos de visão computacional e o conteúdo da página para entender o assunto da imagem.» Ir para a citação
• “Avoid filling alt attributes with keywords (also known as keyword stuffing) as it results in a negative user experience and may cause your site to be seen as spam.” (tradução) «Evite preencher atributos alt com palavras-chave, prática também conhecida como excesso de palavras-chave, pois isso prejudica a experiência e pode fazer o site parecer spam.» Ir para a citação
• “Alt text in images is useful as anchor text if you decide to use an image as a link.” (tradução) «O texto alternativo de imagens é útil como texto âncora quando você decide usar uma imagem como link.» Ir para a citação

John Mueller, Google — texto alternativo serve à busca de imagens

• “When it comes to the alt text, we primarily use that to better understand the image. So if someone is searching in Google Images for something that kind of matches the alt text, then we can use that to understand that your image is relevant for that alt text on that specific page.” (tradução) «Quanto ao texto alternativo, nós o usamos principalmente para entender melhor a imagem. Portanto, se alguém está procurando no Google Imagens algo que corresponde de algum modo ao texto alternativo, podemos usá-lo para entender que sua imagem é relevante para aquele texto alternativo naquela página específica.» — Office Hours, 18 de março de 2022. Ouça · Cobertura do SEJ
• “It’s not the case that we would say a textual webpage has more value because it has images. It’s really just we see the alt text and we apply that to the image, and if someone searches for the image we can use that to better understand the image.” (tradução) «Não é o caso de dizermos que uma página textual tem mais valor porque tem imagens. Nós simplesmente vemos o texto alternativo e o aplicamos à imagem e, se alguém procura a imagem, podemos usá-lo para entendê-la melhor.» — Office Hours, 18 de março de 2022.
• “I think the important part here is we don’t have any guidelines with regards to how long your alt text can be.” (tradução) «Acho que o ponto importante aqui é que não temos orientações sobre o tamanho que seu texto alternativo pode ter.» — Office Hours, 18 de março de 2022.
• “The alt-text is unique in that it’s what directly connects the image to the page with context… if you use AI to create alt texts based on the image file, and get ‘photo of a beach’ as the alt text for that image, you’re not getting the most out of the alt text, both for users & search engines.” (tradução) «O texto alternativo é único porque conecta diretamente a imagem à página com contexto… se você usar IA para criar textos alternativos com base no arquivo da imagem e obtiver ‘photo of a beach’ como texto alternativo, não estará aproveitando o máximo do texto alternativo, tanto para usuários quanto para mecanismos de busca.» Tópico · Cobertura do SEJ
• Sobre colocar o nome da empresa em atributos alt vazios: “It makes no sense, it seems like a waste of time to me: once wasted time to implement, and again wasted time to clean up later on.” (tradução) «Não faz sentido, parece uma perda de tempo para mim: primeiro é tempo perdido para implementar, e depois tempo perdido para limpar.» — Twitter, 2 de junho de 2022. Cobertura Essas declarações cobrem, respectivamente, compreensão da imagem, ausência de benefício automático para o ranking da página, ausência de limite fixo de caracteres e a necessidade de contexto; mantenha cada afirmação vinculada à sua fonte original.

Lizzi Sassman, Google — não diga “image of”

• “We already are aware that it’s an image. You don’t need to say, ‘It’s an image of’ and then the thing.” (tradução) «Já sabemos que se trata de uma imagem; não é preciso começar dizendo “é uma imagem de” antes de descrever o conteúdo.» — podcast do Google, episódio sobre SEO para imagens, outubro de 2022. Transcrição

Gary Illyes, Google — descreva a imagem, não mire em uma palavra-chave

• “Make sure to add alt attribute. This text shouldn’t be what you want to rank for, but what’s in the image.” (tradução) «Não deixe de adicionar o atributo alt. Esse texto não deve ser aquilo para o qual você quer ranquear, mas o que está na imagem.» — palestra do Pubcon, 17 de outubro de 2018. Cobertura

Checklist de auditoria de texto alternativo

Uma verificação para encontrar os problemas de texto alternativo que realmente importam — acessibilidade primeiro, SEO de imagens depois:

• Atributos alt ausentes em imagens de conteúdo — o problema nº 1 (80,4% dos sites têm pelo menos um). Corrija primeiro.
• Imagens decorativas usam alt="" (valor vazio presente), não um atributo ausente e não uma descrição.
• Nenhum alt omitido em lugar algum — um atributo ausente viola a especificação HTML e pode fazer leitores de tela lerem o nome do arquivo.
• Imagens com links têm alt significativo que descreve o destino (alt = texto âncora em uma imagem com link; alt vazio = texto âncora vazio).
• Imagens funcionais (botões/controles com apenas ícone) descrevem a ação — alt="Search", não alt="Magnifying glass icon".
• Sem excesso de palavras-chave — nenhum amontoado de sinônimos ou palavras-chave-alvo.
• Sem aberturas “Image of” / “Photo of” — comece diretamente pela descrição.
• O alt não é cópia do parágrafo ao redor — deve acrescentar contexto único para aquela imagem.
• O alt descreve o contexto, não apenas o visual — o que a imagem significa nesta página, não uma “photo of a beach” genérica.
• Nenhum nome de empresa despejado em atributos alt vazios (Mueller: «uma perda de tempo»).
• alt não é confundido com title — o atributo title é uma dica exibida ao passar o mouse, não texto alternativo.
• Imagens repetidas usam texto alternativo consistente.
• SVGs embutidos usam <title> + aria-labelledby, e não um atributo alt.
• Celular = desktop no texto alternativo — a versão para celular mantém o mesmo alt da versão para desktop (indexação mobile-first).
• Auditoria em escala com o relatório Images do Ahrefs Site Audit (ou Ahrefs Webmaster Tools, gratuito para sites verificados).

Recursos que valem seu tempo

Textos relacionados meus

• Problemas e práticas recomendadas de JavaScript SEO — onde explico atributos alt vazios deixados por frameworks JavaScript, o aspecto de acessibilidade e jurídico e por que a importância do texto alternativo na busca da web é superestimada.
• Estudo do Ahrefs Site Audit — o estudo de mais de 1 milhão de domínios no qual a ausência de atributos alt se revelou o problema técnico de SEO mais comum (80,4% dos sites).
• Guia para iniciantes de SEO técnico — onde imagens e texto alternativo se encaixam no panorama mais amplo.

Oficiais

• Práticas recomendadas do Google Imagens, do Google — a referência canônica para texto alternativo e metadados de imagem.
• Developer Documentation Style Guide — alt text, do Google — regras concretas de redação (155 caracteres, alt="", sem “Image of”).
• WCAG 2.1 — Conteúdo não textual (1.1.1) — o critério de sucesso de acessibilidade por trás do texto alternativo.

De outros

• Testes divididos da SearchPilot sobre texto alternativo — adicionar texto alternativo (inconclusivo) e texto alternativo descritivo em imagens de listagens (aumento estimado, não estatisticamente significativo) — uma ponderação prática útil para a afirmação de que “texto alternativo aumenta rankings da web”.
• Search Engine Journal — Mueller sobre texto alternativo para SEO (março de 2022) — relato do Office Hours no qual Mueller traça claramente a linha entre busca de imagens e busca da web.
• Search Engine Journal — o conselho de Mueller em 2024 sobre “photo of a beach” — cobre o comentário dele no Reddit sobre por que descrições geradas por IA perdem o ponto do texto alternativo.
• SE Roundtable — Google sobre nomes de empresas em alt vazio (junho de 2022) — cobertura de Barry Schwartz sobre Mueller chamar a prática de «uma perda de tempo».
• Podcast do Google — episódio sobre SEO para imagens (outubro de 2022, transcrição) — Mueller e Lizzi Sassman sobre texto alternativo com contexto em primeiro lugar, o erro de abrir com «imagem de» e quando qualquer texto alternativo é melhor que nenhum.
• W3C — Critério de sucesso 1.1.1 da WCAG 2.1 (Conteúdo não textual) — a exigência de acessibilidade de Nível A que explica por que a ausência de alt é um problema de conformidade, não apenas de SEO.
• web.dev — Alternativas textuais para imagens — orientação de desenvolvimento do Google que distingue alt descritivo para imagens significativas de alt="" vazio para imagens decorativas.

Erros de texto alternativo que vale nomear individualmente

Excesso de palavras-chave, aberturas “image of” e alt ausente em imagens decorativas são os três erros que mais vejo, mas não são os únicos. Cada entrada aqui é um erro com um motivo pelo qual está errado e o que fazer no lugar.

Excesso de palavras-chave no atributo alt

Por que está errado: o Google alerta explicitamente contra isso — “Avoid filling alt attributes with keywords… as it results in a negative user experience and may cause your site to be seen as spam.” (tradução) «Evite preencher atributos alt com palavras-chave… pois isso resulta em uma experiência negativa e pode fazer seu site ser visto como spam.» Um leitor de tela lê o texto alternativo em voz alta, então alt="puppy dog pup pups doggies" não é apenas spam para um rastreador; é inutilizável para uma pessoa que escuta.

Faça isto: descreva a imagem em linguagem simples e no contexto. alt="Dalmatian puppy playing fetch in a park" transmite a mesma informação sem a pilha de palavras-chave.

Abrir com “Image of” ou “Photo of”

Por que está errado: Lizzi Sassman, do Google, foi direta: “We already are aware that it’s an image. You don’t need to say, ‘It’s an image of’ and then the thing.” (tradução) «O leitor já sabe que aquilo é uma imagem; vá direto à descrição em vez de introduzi-la com “imagem de”.» Cada caractere gasto na abertura redundante é um caractere que não é usado em contexto útil.

Faça isto: comece a descrição imediatamente — alt="Dalmatian puppy playing fetch in a park", não alt="Image of a dalmatian puppy playing fetch in a park".

Omitir o atributo alt em imagens decorativas

Por que está errado: deixar alt de fora completamente (em vez de defini-lo como uma string vazia) viola a especificação HTML e pode fazer alguns leitores de tela anunciarem o nome bruto do arquivo em vez de permanecerem silenciosos.

Faça isto: use alt="" — valor vazio, atributo presente — para imagens genuinamente decorativas, como divisores e enfeites de fundo. Isso instrui a tecnologia assistiva a ignorar a imagem corretamente.

Usar descrições geradas por IA do tipo “photo of X” que ignoram o contexto da página

Por que está errado: Mueller apontou isso diretamente: ferramentas de IA que produzem “photo of a beach” (tradução) «foto de uma praia» descrevem tecnicamente os pixels, mas perdem o ponto, porque “the alt-text is unique in that it’s what directly connects the image to the page with context.” (tradução) «o texto alternativo é único porque conecta diretamente a imagem à página com contexto.» Uma legenda visual superficial desperdiça a única coisa que o texto alternativo pode fazer e a visão computacional não pode.

Faça isto: escreva (ou edite um rascunho de IA) para explicar o que a imagem significa nesta página — a mesma foto de praia precisa de um texto alternativo diferente em uma página de surfe e em um anúncio imobiliário.

Colocar o nome da empresa em atributos alt vazios

Por que está errado: Mueller chamou esse padrão específico de desperdício de esforço: “It makes no sense, it seems like a waste of time to me: once wasted time to implement, and again wasted time to clean up later on.” (tradução) «Não faz sentido, parece uma perda de tempo para mim: primeiro é tempo perdido para implementar, e depois tempo perdido para limpar.» Isso não acrescenta informação para usuários nem para mecanismos de busca e apenas vira dívida de limpeza mais tarde.

Faça isto: escreva texto alternativo real e específico para a imagem ou use alt="" para imagens genuinamente decorativas. Não use por padrão um nome de marca pronto.

Descrever a aparência de um controle com apenas ícone em vez da ação

Por que está errado: alt="Magnifying glass icon" em um botão de busca informa ao usuário de leitor de tela qual é a aparência do ícone, não o que acontece ao pressioná-lo. Em um controle funcional, a aparência não é a informação útil — a ação é.

Faça isto: nomeie a ação ou o resultado: alt="Search", alt="Close menu", alt="Play video". Esse é o mesmo princípio de o texto alternativo de uma imagem com link funcionar como texto âncora — o texto alternativo deve servir à função do controle.

Confundir o atributo alt com o atributo title

Por que está errado: o atributo title aparece como uma dica ao passar o mouse na maioria dos navegadores. Ele não é lido por leitores de tela da mesma forma que o texto alternativo e tem pouco peso de SEO — tratá-lo como substituto do texto alternativo deixa tanto a acessibilidade quanto a busca de imagens sem solução.

Faça isto: defina alt para o substituto textual que toda imagem precisa; use title apenas para um texto genuinamente suplementar de dica, se for necessário.

Exemplos de texto alternativo antes/depois

Quatro pares concretos de antes/depois extraídos diretamente das regras acima.

Excesso de palavras-chave versus descrição

<!-- Before: keyword stuffing -->
<img src="dalmatian-puppy.jpg" alt="puppy dog pup pups doggies dalmatian puppies for sale">

<!-- After: plain description -->
<img src="dalmatian-puppy.jpg" alt="Dalmatian puppy playing fetch in a park">

A versão “depois” descreve uma vez o que realmente está na imagem, em linguagem simples, em vez de amontoar todos os sinônimos e frases de intenção de compra contra os quais o Google alertou.

Legenda genérica versus alt com contexto

A mesma foto de praia precisa de um texto alternativo diferente dependendo da página em que aparece — essa é a distinção que Mueller fez ao criticar ferramentas de IA que produzem “photo of a beach” independentemente do contexto.

<!-- Generic, low-value -->
<img src="beach.jpg" alt="Photo of a beach">

<!-- On a surfing page -->
<img src="beach.jpg" alt="Surfer paddling out past the break at sunrise">

<!-- On a real-estate listing -->
<img src="beach.jpg" alt="Private beach access behind the oceanfront property">

Os mesmos pixels, três funções diferentes — o texto alternativo deve corresponder ao propósito da página, não apenas narrar a imagem.

Imagem decorativa: alt vazio versus alt ausente

<!-- Wrong: attribute omitted entirely -->
<img src="divider.svg">

<!-- Right: empty value, attribute present -->
<img src="divider.svg" alt="">

À primeira vista, os dois parecem semelhantes, mas funcionam de maneira diferente: o atributo omitido viola a especificação HTML e pode fazer alguns leitores de tela anunciarem o nome do arquivo; o alt="" vazio informa corretamente à tecnologia assistiva que deve ignorar a imagem.

Imagem funcional: ação versus aparência

<!-- Weak: describes the icon -->
<button><img src="magnifying-glass.svg" alt="Magnifying glass icon"></button>

<!-- Better: describes what the control does -->
<button><img src="magnifying-glass.svg" alt="Search"></button>

O botão não é um link nem é decorativo — é um controle. Nomear o ícone não informa ao usuário de leitor de tela o que acontecerá ao pressioná-lo; nomear a ação informa.

Imagem com link: alt como texto âncora

<!-- Weak: doesn't describe the destination -->
<a href="/pricing/"><img src="cta-button.png" alt="Button"></a>

<!-- Better: alt describes where the link goes -->
<a href="/pricing/"><img src="cta-button.png" alt="View pricing plans"></a>

Como a imagem está envolvida em um link, seu texto alternativo funciona como texto âncora — “Button” não informa nada ao usuário de leitor de tela sobre o destino, enquanto “View pricing plans” informa.

Que texto alternativo esta imagem deve receber?

Três ramificações rápidas para decisões que surgem em quase toda imagem: ela é decorativa, é um controle em vez de uma figura ou está envolvida em um link.

Problemas comuns com texto alternativo

Quatro entradas de sintoma, causa e correção para os problemas de texto alternativo que realmente aparecem em auditorias e revisões de acessibilidade.

Um leitor de tela anuncia o nome bruto do arquivo em vez de uma descrição

Sintoma: um leitor de tela lê algo como “dalmatian-puppy-jpg” ou “IMG_4021” em voz alta em vez de uma descrição.

Causa provável: o atributo alt foi omitido completamente do elemento <img>, em vez de ser definido como uma string vazia. Isso viola a especificação HTML e é o estado padrão de falha — atributos alt ausentes aparecem em 80,4% dos sites, segundo o estudo de auditoria de sites da Ahrefs com mais de um milhão de domínios.

Correção + verificação: adicione um alt descritivo para imagens de conteúdo ou alt="" para imagens genuinamente decorativas. Confirme com uma extensão de acessibilidade do navegador ou inspecionando o elemento — o atributo deve estar presente nos dois casos.

Atributos alt ausentes são apontados no site inteiro

Sintoma: uma ferramenta de auditoria retorna centenas ou milhares de imagens sinalizadas por ausência de atributos alt.

Causa provável: não existe um processo sistemático para adicionar texto alternativo quando as imagens são carregadas, muitas vezes agravado por um CMS ou tema que não o exige no momento do upload.

Correção + verificação: priorize nesta ordem — primeiro imagens do conteúdo principal (elas carregam significado e podem conquistar tráfego da busca de imagens), depois imagens com links (um alt vazio também faz você perder texto âncora) e, por último, imagens decorativas (a correção é alt="", não uma descrição). Execute novamente o Image SEO Checker ou sua ferramenta de auditoria de sites depois de cada rodada para confirmar que a contagem está diminuindo.

As imagens não aparecem no Google Imagens apesar de terem texto alternativo

Sintoma: as imagens de conteúdo têm texto alternativo, mas ainda não aparecem em buscas relevantes do Google Imagens.

Causa provável: o texto alternativo é uma legenda visual genérica (“photo of a beach”), e não uma descrição específica do contexto que explica o que a imagem significa naquela página — Mueller disse que esse tipo de texto alternativo genérico gerado por IA tem desempenho inferior. Também vale lembrar que o texto alternativo é apenas um sinal: o Google o combina com visão computacional e o contexto da página, então uma página ao redor superficial ou não relacionada pode impedir que a imagem apareça mesmo com um bom alt.

Correção + verificação: reescreva o texto alternativo para refletir o assunto e o propósito reais da página, não apenas os pixels. Verifique novamente o desempenho em Search Console → Performance → Search type: Image depois que o Google tiver tempo de rastrear e processar novamente a página.

Um botão com apenas ícone não informa aos usuários de leitores de tela o que faz

Sintoma: um leitor de tela anuncia algo como “magnifying glass icon” ou “button image” antes de um controle que tem apenas um ícone, sem indicar o que acontece ao pressioná-lo.

Causa provável: o texto alternativo descreve a aparência do ícone em vez da ação do controle — uma confusão comum porque a imagem se parece com uma figura normal, não com um link ou elemento puramente decorativo.

Correção + verificação: reescreva o texto alternativo para nomear a ação ou o resultado (alt="Search", alt="Close menu", alt="Play video"), não o ícone. Confirme navegando até o controle com a tecla Tab e ouvindo o que um leitor de tela anuncia.

O destino de uma imagem com link não é claro para usuários de leitores de tela

Sintoma: uma pessoa que navega por links (ou por imagens) com um leitor de tela não ouve nada útil antes de ativar um link que contém apenas uma imagem.

Causa provável: a imagem com link tem texto alternativo vazio ou ausente — o equivalente a um texto âncora vazio em um link de texto.

Correção + verificação: escreva um texto alternativo que descreva para onde o link vai, não apenas o que a imagem mostra (consulte a aba Exemplos para ver um antes/depois). Confirme navegando até o link com a tecla Tab e verificando o que um leitor de tela anuncia, ou inspecionando o elemento.

Os KPIs permanentes do texto alternativo de imagens

Duas coisas valem acompanhamento contínuo, não apenas depois de uma limpeza pontual: quanto do site tem texto alternativo e se esse texto está realmente conquistando visibilidade na busca de imagens.

Cobertura de texto alternativo no site

• Métrica — a parcela de elementos <img> em todo o site que têm um atributo alt não vazio e não decorativo (somente imagens de conteúdo — imagens decorativas devem exibir corretamente alt="", o que não é uma lacuna).
• O que informa — se o texto alternativo é uma correção pontual ou um hábito contínuo. Como 80,4% dos sites no estudo de auditoria de sites da Ahrefs têm pelo menos um atributo alt ausente, a cobertura tende a se deteriorar novamente à medida que novo conteúdo é publicado, a menos que seja verificada regularmente.
• Como obter — o Image SEO Checker em uma página, o relatório Images do Ahrefs Site Audit em um rastreamento completo ou uma extensão de acessibilidade do navegador para verificações pontuais.
• Referência / faixa realista — não há um percentual-alvo universal — um site com muitas imagens decorativas de fundo legitimamente exibirá mais alt="" do que um blog cheio de fotografias. Defina sua própria cobertura atual como referência na primeira verificação e observe se ela não está recuando à medida que novas páginas são publicadas.
• Periodicidade — trimestralmente como verificação permanente e imediatamente depois de qualquer migração de conteúdo em massa ou mudança de CMS/tema que altere a forma como as imagens são carregadas.

Desempenho na busca de imagens (impressões/cliques do Google Imagens)

• Métrica — impressões, cliques e CTR do seu site filtrados para resultados da busca de imagens.
• O que informa — se o texto alternativo que você escreve está de fato se convertendo em visibilidade e tráfego na busca de imagens — a função principal que Mueller diz repetidamente que o texto alternativo cumpre, em oposição a um aumento no ranking da web.
• Como obter — Search Console → Performance → Search type: Image.
• Referência / faixa realista — depende inteiramente do quanto o site e o tema usam imagens — não há um número universal defensável. Estabeleça sua própria referência na primeira vez que extrair esse relatório e acompanhe a tendência depois de mudanças no texto alternativo ou no conteúdo das imagens, em vez de comparar com uma referência externa.
• Periodicidade — mensalmente como verificação permanente; observe com mais atenção por algumas semanas depois de qualquer reescrita em massa de textos alternativos para ver se há movimento.

Ferramentas para auditar e corrigir texto alternativo

• Image SEO Checker — audita diretamente sinais de imagens no HTML bruto, incluindo atributos alt, dicas de carregamento lento e formatos de imagem. É a maneira mais rápida de verificar a cobertura de texto alternativo de uma única página antes ou depois de uma correção.
• On-Page SEO Checker — fornece um memorando priorizado de SEO on-page e verificações avançadas do HTML bruto que cobrem imagens, títulos, links e outros elementos on-page, útil quando o texto alternativo é uma das várias coisas auditadas em uma página.
• Ahrefs Site Audit — relatório Images — aponta atributos alt ausentes em um rastreamento completo do site (o Ahrefs Webmaster Tools oferece isso gratuitamente para sites verificados), que foi como a cifra de 80,4% de alt ausente no estudo de auditoria de sites da Ahrefs foi medida.
• Search Console — Performance, Search type: Image — a fonte de verdade para saber se seu texto alternativo está de fato conquistando impressões e cliques na busca de imagens.
• Extensões de acessibilidade do navegador / inspeção do elemento — para verificações pontuais manuais em imagens de conteúdo importantes e para confirmar o que um leitor de tela realmente anunciará.

Teste seus conhecimentos: texto alternativo

Cinco perguntas rápidas sobre o que o texto alternativo realmente faz e como escrevê-lo. Escolha uma resposta para cada pergunta e depois confira.

Registro de alterações