Texto alternativo para imagens: SEO e acessibilidade

Resposta direta: o texto alternativo deve substituir a informação ou função que uma imagem transmite; imagens puramente decorativas normalmente devem usar `alt=""`. Escreva de forma curta, específica e coerente com o contexto da página. Não transforme o atributo em lista de palavras-chave nem repita a legenda. Para SEO, o Google usa o alt text junto com visão computacional e com o conteúdo ao redor para compreender imagens; a documentação também o descreve como importante para acessibilidade. Um texto alternativo útil primeiro ajuda a pessoa que não vê a imagem, e depois fornece contexto relevante aos sistemas de busca.

Alt text não é um campo de descrição universal que deve narrar cada detalhe visível. A pergunta prática é: se a imagem não pudesse ser vista, que informação ou ação precisaria ser transmitida? Uma foto de produto pode identificar modelo, característica visível relevante ou estado apresentado. Um ícone que é o único conteúdo de um botão deve explicar a ação. Uma textura decorativa não precisa ser anunciada. A resposta depende da função no contexto, não apenas do objeto retratado. A mesma fotografia pode requerer texto diferente em páginas com propósitos diferentes.

Classifique a imagem antes de escrever

A árvore de decisão do W3C começa perguntando se a imagem contém texto, se funciona dentro de link ou botão e se contribui para o significado da página. Se uma imagem está dentro de um link e seu propósito não fica claro sem ela, o alt pode indicar o destino ou a ação. Para gráfico complexo, uma frase curta não substitui os dados: disponibilize as conclusões ou informações importantes em texto próximo. Se a imagem apenas repete o que já está escrito ou embeleza a página, um atributo vazio evita que o leitor de tela anuncie ruído desnecessário.

Uma ilustração editorial pode ser informativa, decorativa ou redundante. Se ela representa um processo que o artigo explica com detalhes, a imagem talvez ajude na compreensão; descreva a relação principal em poucas palavras. Se apenas dá cor ao layout, use alternativa vazia. Se a mesma ideia já está expressa em uma legenda ou parágrafo adjacente, avalie se o alt repete conteúdo. A classificação é uma decisão editorial, não uma propriedade automática do arquivo. Alt ausente pode fazer tecnologias assistivas anunciarem um nome de arquivo ou tratarem a imagem de maneira imprevisível.

Como construir uma descrição clara

Use o elemento principal e a informação relevante. “Painel de campanha com alcance crescente e custo por lead estável” informa mais do que “imagem de marketing digital”. Evite iniciar com “imagem de” sem necessidade; o contexto da tecnologia assistiva geralmente já anuncia que se trata de um gráfico ou imagem. Não descreva cada cor, posição e detalhe apenas por estar presente. Se cor for essencial para interpretar um gráfico, forneça uma legenda textual ou tabela, pois pessoas com baixa visão ou daltonismo podem não distinguir a cor isoladamente.

O alt deve ser conciso. Se a descrição exigir várias frases, talvez a informação pertença ao corpo do texto, a uma legenda extensa ou a uma tabela acessível. Não confunda alt com caption: uma legenda visível pode fornecer fonte, contexto ou interpretação adicional para todos; o alt substitui o papel essencial da imagem para quem não a vê. Se uma fotografia de equipe tiver pessoas identificáveis, considere privacidade, consentimento e o objetivo de publicação. O conteúdo alternativo não deve inventar nomes, relações, emoções ou fatos que não sejam verificáveis.

SEO de imagens sem keyword stuffing

O Google explica que alt text e o contexto próximo ajudam a entender o assunto de uma imagem. Isso não significa repetir a palavra-chave alvo em cada imagem. Uma descrição genérica, uma legenda enganosa ou excesso de termos pode degradar a experiência e ser visto como spam. Use nomes de arquivo descritivos e curtos; coloque o arquivo numa página relacionada; adicione legenda quando ela ajude; e garanta que a imagem possa ser descoberta e carregada. O atributo é apenas parte da otimização: relevância do conteúdo, disponibilidade técnica, qualidade e contexto da página também importam.

Texto alternativo não deve tentar manipular resultados por meio de frases que a imagem não representa. Se o artigo trata de consultoria em Joinville e a imagem mostra um escritório abstrato sem sinais locais, escrever “melhor agência de marketing em Joinville” é enganoso. Descreva o que aparece ou a função visual real. Não inclua marca, serviço, cidade ou benefício sem fundamento perceptível ou contextual. A Open Leads é uma agência de tráfego e criação de sites, mas isso não justifica colocar o nome em todos os atributos alt do blog. Cada campo precisa representar sua imagem particular.

Exemplo prático

Num artigo que compara cliques e conversões, uma figura mostra duas linhas de tendência e uma anotação textual descreve o resultado. Se a interpretação importante também está escrita no parágrafo, o alt pode ser vazio quando a figura é meramente decorativa, ou breve se ajuda a acompanhar a comparação. Se a imagem contém valores indispensáveis, ofereça uma tabela de dados e uma síntese no texto. “Gráfico colorido com linhas” descreve aparência mas não comunica o achado; “imagem SEO marketing conversão Google Joinville leads” acumula palavras sem formar alternativa útil.

Ícones, logos e imagens de texto

Um ícone dentro de botão deve explicar o botão quando não existe outro rótulo textual visível. Se houver texto “Buscar” ao lado de uma lupa decorativa, o ícone pode ter alt vazio ou ser implementado como decoração conforme o componente. Logos exigem cuidado: o usuário precisa reconhecer a entidade ou o link, mas o padrão recomendado é comunicar a identidade relevante, não apenas repetir que é um logo. Não escreva uma sentença promocional no alt de uma marca. A norma HTML oferece orientações mais detalhadas para casos específicos, e a decisão deve preservar o propósito do controle.

Evite imagens de texto sempre que a mesma informação puder ser apresentada como texto real. Texto embutido em banner pode ficar ilegível em mobile, não redimensionar adequadamente e não ser pesquisável ou anunciado de forma robusta. Se o material já tem texto e não acrescenta informação independente, a descrição pode ser vazia. Se esse conteúdo é essencial e não aparece em outro lugar, forneça alternativa textual completa. Leve em conta localização e idioma: alt em português deve acompanhar a versão em português da página, e uma imagem de produto pode necessitar de modelo, cor ou característica que distingue a oferta.

Fluxo editorial e governança

Crie orientação para redatores e equipe de publicação com perguntas simples: qual é o objetivo da imagem, o que a pessoa precisa saber, a ação do link está escrita no botão, e há texto equivalente no parágrafo? Guarde o alt nos metadados do CMS e revise ao atualizar a imagem ou mudar sua posição. Um campo gerado automaticamente por IA pode sugerir descrição inicial, mas precisa de revisão humana: sistemas podem confundir objetos, interpretar mal gráficos, inferir atributos de pessoas ou reproduzir termos promocionais. Não publique fatos visuais não verificados só para preencher o campo.

Faça amostragem periódica de páginas importantes: homepage, serviços, artigos que recebem tráfego, landing pages e páginas de produto. Verifique se imagens informativas têm alternativa adequada, decorativas estão silenciosas e links visuais comunicam destino. Use leitores de tela e navegação por teclado em pontos representativos. Um rastreador pode localizar atributos ausentes, mas não julga se o conteúdo descreve o propósito correto. Acrescente testes editoriais à revisão de mídia e faça a correção no local de origem, para que atualizações de conteúdo não reintroduzam o problema.

Imagens para busca e desempenho da página

Além do texto alternativo, permita que mecanismos rastreiem a imagem e a página; evite bloquear recursos importantes; use formato e dimensão adequados; escolha uma página de destino relevante; e garanta que a versão mobile não receba arquivo desnecessariamente pesado. O SEO de imagens depende de tornar o recurso descobrível e contextualizado, mas os resultados variam e não podem ser garantidos. Se o artigo incorpora imagens de capa e conteúdo, as descrições devem ser diferentes conforme o papel de cada uma, em vez de repetir o mesmo texto ou empilhar a palavra-chave do tema.

Metadados não substituem contexto. A proximidade entre imagem e texto, a qualidade do conteúdo ao redor e a consistência entre legenda e alt ajudam a pessoa a entender a relação. A imagem pode aparecer em busca ou em outros recursos, mas ninguém controla se ou quando isso ocorrerá. Melhore primeiro a utilidade para visitantes, depois facilite indexação com dados corretos e estrutura técnica. Para conectar essa orientação ao desenvolvimento de uma página, confira os [serviços da Open Leads](/servicos); para aprender sobre descoberta de conteúdo, explore o [blog](/blog) e, quando pertinente, a seção institucional [Google Partner](/google-partner).

Checklist de revisão de alt

Para cada imagem, identifique se é informativa, funcional, complexa ou decorativa; defina qual informação não pode se perder; escreva a menor alternativa que cumpra esse propósito; confira se há rótulo visível redundante; não use palavra-chave fora de contexto; evite inferir fatos; forneça dados extensos no corpo; confirme o idioma da página; revise nome do arquivo, legenda e localização; e teste com leitor de tela. Para imagens de campanhas, confira direitos e permissões. Para gráficos, valide interpretação com a fonte original. Guarde critérios de revisão para que novos conteúdos mantenham consistência, sem transformar uma regra simples num texto padronizado repetido.

SEO e acessibilidade compartilham um ponto central: informação precisa ser compreendida no contexto. Alt text que serve à pessoa tende a ser mais claro do que uma sequência de termos escrita para uma máquina. Mas não há fórmula única de comprimento nem exigência de inserir keywords. O W3C oferece uma árvore de decisão prática; o Google explica o papel do alt na interpretação de imagens; e a especificação HTML detalha alternativas segundo uso. Consulte as fontes diretamente quando aparecer um caso pouco comum, como um gráfico complexo, uma imagem de texto ou um controle somente visual.

Perguntas frequentes

Toda imagem precisa ter texto no alt?

O atributo deve estar presente em imagens HTML, mas pode ser vazio para uma imagem puramente decorativa ou redundante. Uma descrição textual é necessária quando a imagem oferece informação ou função.

Posso colocar a palavra-chave principal no alt?

Somente quando ela descreve a imagem e cabe naturalmente no contexto. Repetição artificial de palavras-chave piora a experiência e contraria as orientações de qualidade.

O que usar em imagens decorativas?

Um atributo alternativo vazio, `alt=""`, permite que leitores de tela ignorem a imagem decorativa. Não deixe o atributo ausente sem avaliar o comportamento resultante.

Como descrever um gráfico?

Descreva brevemente seu propósito e disponibilize valores ou conclusões importantes em texto ou tabela. Um alt curto não deve ser obrigado a carregar toda a informação complexa.

Alt text garante posicionamento no Google Imagens?

Não. Ele ajuda sistemas a entenderem a imagem, junto com outros sinais e contexto, mas não garante indexação nem colocação em resultados.

Quer transformar tráfego em oportunidades reais? A Open Leads integra mídia paga, mensuração e criação de sites focados em conversão. Conheça os serviços da Open Leads.

Fontes consultadas

Consulte os materiais originais usados na pesquisa deste artigo.

• Google image SEO best practices — Google Search Central
• An alt Decision Tree — W3C WAI
• Decorative Images — W3C WAI
• HTML Standard: Images — WHATWG