+++ term = “O que é texto alternativo?” lastmod = “2026-10-08” title = “O que é texto alternativo?” keywords = [ “texto alternativo”, “acessibilidade de texto alternativo”, “relação do texto alternativo”, “adicionar texto alternativo”, “escrever texto alternativo”, “texto alternativo eficaz”, “alt”, “texto” ] url = “/glossario-marketing-afiliados/texto-alternativo/” aliases = [ “/affiliate-marketing-glossary/alt-text/” ] description = “O texto alternativo descreve imagens em HTML. Saiba o que é texto alternativo, por que ele é importante e como escrevê-lo bem.” date = “2024-11-07 10:49:27” image = "" shortDescription = “Texto alternativo — abreviação de texto alternativo — é uma descrição textual fornecida através do atributo alt de uma imagem em HTML.” tags = [ “SEO”, “Accessibility”, “AltText”, “AffiliateMarketing”, “BestPractices” ] categories = [ “Glossary” ] showCTA = true ctaHeading = “Aprimore Seu Site com Texto Alternativo Adequado” ctaDescription = “Otimize seu site para acessibilidade e mecanismos de busca. Descubra como um texto alternativo eficaz pode impulsionar seus resultados de marketing de afiliados.” ctaPrimaryText = “Obter Mais Dicas de SEO” ctaPrimaryURL = “/blog/” ctaSecondaryText = “Iniciar Teste Gratuito” ctaSecondaryURL = “/trial/”
[[faq]] question = “Qualquer pessoa pode ver o texto alternativo?” answer = “Usuários com visão normal geralmente não veem o texto alternativo, a menos que uma imagem não carregue. Usuários de leitores de tela o escutam. Desenvolvedores e editores podem vê-lo inspecionando o HTML ou usando ferramentas de desenvolvedor do navegador. Alguns navegadores permitem que usuários vejam o texto alternativo clicando com o botão direito em uma imagem e selecionando "Inspecionar" ou "Ver informações da imagem".”
[[faq]] question = “Qual deve ser o tamanho do texto alternativo?” answer = “A maioria das diretrizes recomenda manter o texto alternativo com menos de 125 caracteres. A Siteimprove sugere aproximadamente 100 caracteres como máximo prático. Se uma imagem exigir uma descrição mais longa — um gráfico complexo ou infográfico, por exemplo — forneça um resumo curto como texto alternativo e inclua a explicação completa no texto corporal ao redor ou em uma página de descrição longa vinculada.”
[[faq]] question = “Toda imagem precisa de texto alternativo?” answer = “Toda tag <img> precisa de um atributo alt, mas nem toda imagem precisa de texto alternativo descritivo. Imagens decorativas devem usar um atributo alt vazio alt="". Imagens informativas e funcionais precisam de texto alternativo significativo e apropriado ao contexto. A regra principal: o atributo alt deve estar sempre presente, mesmo quando seu valor estiver vazio.”
[[faq]] question = “Qual é um exemplo de bom texto alternativo?” answer = “Ruim: alt="Imagem de um cachorro"
A versão boa descreve o que importa na imagem sem desperdiçar palavras com "imagem de" — que o leitor de tela já fornece.”
[[faq]] question = “Posso usar texto alternativo para encher de palavras-chave?” answer = “Não. O excesso de palavras-chave no texto alternativo — como alt="sapato barato comprar sapatos melhores ofertas de sapato calçados com desconto" — prejudica a acessibilidade ao produzir uma saída inaudível no leitor de tela e pode acionar ações manuais dos mecanismos de busca. Use palavras-chave apenas quando elas realmente descrevem a imagem.”
[[faq]] question = “Qual é a diferença entre texto alternativo e legenda?” answer = “O texto alternativo fornece um equivalente textual de uma imagem para usuários que não podem vê-la. Uma legenda (frequentemente em um elemento <figcaption>) é visível para todos os usuários e geralmente adiciona contexto, crédito ou comentário. Eles servem a propósitos diferentes e podem coexistir na mesma imagem — mas não devem ser idênticos. Se ambos estiverem presentes, o texto alternativo deve descrever a imagem, e a legenda deve adicionar informações não óbvias apenas pela imagem.”
[[lnks]] text = “excesso de palavras-chave” path = “/faq/can-i-overuse-keywords-affiliate-content/” title = “Saiba por que o excesso de palavras-chave prejudica o SEO de afiliados e como otimizar palavras-chave de forma natural. Descubra as melhores práticas para evitar penalidades do Google enquanto mantém bons rankings em 2025.”
[[lnks]] text = “confortável com HTML” path = “/faq/how-to-add-image-html/” title = “Aprenda a adicionar imagens em HTML usando a tag img. Descubra as melhores práticas para atributos src, alt, imagens responsivas e técnicas de otimização para desempenho web.”
[[lnks]] text = “marketing de afiliados” path = “/affiliate-marketing-glossary/seo-affiliates/” title = “Afiliados de SEO, também conhecidos como afiliados de busca, ajudam você a melhorar o ranking do seu site na página de resultados de busca. Descubra como afiliados de SEO usam estratégias especializadas para gerar tráfego orgânico e impulsionar o sucesso do marketing de afiliados.”
[[lnks]] text = “âmbito de afiliados” path = “/faq/visual-content-affiliate-campaigns/” title = “Descubra por que o conteúdo visual é crucial para o sucesso do marketing de afiliados. Saiba como imagens, vídeos e infográficos aumentam o engajamento, as conversões e o ROI em 2025.”
[[lnks]] text = “profissionais de marketing de afiliados” path = “/faq/html-benefits-affiliate-marketers/” title = “Descubra como o HTML capacita profissionais de marketing de afiliados com otimização SEO, responsividade mobile, rastreamento de conversões e experiência do usuário aprimorada para gerar mais vendas e engajamento.”
[[lnks]] text = “como imagem de ou foto de” path = “/faq/what-does-good-alt-text-look-like/” title = “Aprenda como é um bom texto alternativo com exemplos práticos. Descubra as melhores práticas para escrever texto alternativo conciso e específico que melhora a acessibilidade e o SEO do seu site.”
[[lnks]] text = “acessibilidade web” path = “/faq/how-to-write-good-alt-text/” title = “Aprenda a escrever texto alternativo eficaz para imagens. Descubra as melhores práticas de acessibilidade, otimização SEO e diretrizes específicas para diferentes tipos de imagem.” +++
Nesta página
Texto alternativo — abreviação de texto alternativo — é uma descrição textual fornecida através do atributo alt de uma imagem em HTML. Ele comunica o propósito e as informações essenciais de uma imagem quando essa imagem não pode ser vista.
Leitores de tela anunciam o texto alternativo em voz alta para usuários cegos ou com baixa visão. Navegadores exibem o texto alternativo no lugar de uma imagem se o arquivo de imagem não carregar. Mecanismos de busca leem o texto alternativo para entender o que uma imagem representa e como ela se relaciona com o conteúdo da página ao redor.
O atributo alt faz parte da especificação HTML desde o HTML 2.0 (1995). O que mudou ao longo do tempo não é sua função técnica, mas os padrões de qualidade em torno dele — diretrizes modernas de acessibilidade como WCAG 2.2 e Seção 508 exigem texto alternativo que transmita significado, não apenas um rótulo.
Uma tag de imagem com texto alternativo segue esta estrutura:
<img src="golden-retriever-beach.jpg" alt="Golden retriever correndo em uma praia arenosa ao pôr do sol">
src aponta para a localização do arquivo de imagem. O atributo alt contém a descrição textual.Não — embora os termos sejam frequentemente usados de forma intercambiável na conversa cotidiana. “Alt tag” é um coloquialismo. O termo técnico correto é atributo alt, porque alt é um atributo do elemento <img>, não uma tag HTML independente. Na prática, “texto alternativo”, “atributo alt” e “texto alternativo” referem-se ao mesmo conceito.
Configure o rastreamento avançado em minutos. Não é necessário cartão de crédito.
O texto alternativo atende a três públicos distintos, cada um com necessidades diferentes.
Muitos usam leitores de tela — softwares que convertem conteúdo da tela em fala ou braille.
Isso não é um mero benefício; é um requisito funcional sob as Diretrizes de Acessibilidade de Conteúdo Web (WCAG) 2.2, especificamente o Critério de Sucesso 1.1.1 (Conteúdo Não Textual).
Usuários de leitores de tela dependem do texto alternativo para navegar em páginas de produtos, entender infográficos, identificar botões e captar o significado completo de uma página. Texto alternativo ausente ou mal escrito exclui esses usuários da conversa por completo.
Imagens quebram. Uma conexão lenta, um erro de servidor, um arquivo excluído, um cliente de e-mail que bloqueia imagens por padrão — tudo isso é comum. Quando uma imagem não carrega e não há texto alternativo, os usuários veem nada ou um nome de arquivo enigmático.
O texto alternativo fornece uma alternativa que preserva o significado. No marketing por e-mail — onde o bloqueio de imagens é generalizado — o texto alternativo frequentemente determina se um destinatário entende a mensagem. Para profissionais de marketing de afiliados que enviam e-mails promocionais, o texto alternativo em imagens de produtos pode significar a diferença entre um clique e uma exclusão.
Mecanismos de busca usam texto alternativo junto com nomes de arquivo, texto ao redor e estrutura da página para indexar imagens. A documentação do próprio Google confirma que o texto alternativo ajuda o mecanismo de busca a entender o que uma imagem mostra e como ela se relaciona com o tópico da página.
Imagens com texto alternativo descritivo e preciso têm maior probabilidade de aparecer nos resultados da Pesquisa de Imagens do Google — um canal que gera tráfego independentemente da busca web padrão. Para sites de comércio eletrônico e afiliados, a pesquisa de imagens pode ser uma fonte significativa de tráfego quando as imagens de produtos carregam texto alternativo adequado.
Sim — com uma ressalva. Sistemas de IA cada vez mais usam visão computacional para analisar imagens diretamente. No entanto, quando um modelo de IA processa uma página principalmente através de seu texto e HTML (como fazem os rastreadores de busca e algumas ferramentas de indexação de conteúdo), o texto alternativo fornece um sinal explícito, escrito pelo autor, sobre o que a imagem significa em contexto. Isso é particularmente relevante à medida que recursos de busca baseados em IA — como os Resumos de IA do Google — sintetizam o conteúdo da página para responder perguntas dos usuários.
A decisão de escrever texto alternativo depende do propósito da imagem. O W3C Web Accessibility Initiative categoriza as imagens em vários tipos, cada um com diferentes requisitos de texto alternativo.
Imagens que transmitem informações relevantes para a página precisam de texto alternativo descritivo. Pergunte: Se esta imagem desaparecesse, o leitor perderia conteúdo significativo? Se sim, escreva texto alternativo que comunique as informações que a imagem fornece.
Imagens funcionais iniciam ações — elas aparecem dentro de botões, links ou outros elementos interativos. Seu texto alternativo deve descrever a ação, não a imagem em si.
Exemplo: Um ícone de lupa dentro de um botão de busca precisa de alt="Pesquisar", não alt="Ícone de lupa".
Para imagens funcionais, o usuário precisa saber o que acontece ao clicar — não como o ícone se parece.
Sempre que possível, o texto deve ser texto HTML real, não incorporado em uma imagem. Quando imagens de texto são inevitáveis (banners, gráficos promocionais, alguns modelos de redes sociais), o texto alternativo deve reproduzir o texto exato mostrado na imagem.
Exemplo: Um banner promocional com “20% de Desconto em Todos os Planos — Use o Código SUMMER20” deve ter texto alternativo contendo essas palavras exatas.
Seja o primeiro a saber sobre novos recursos e atualizações do produto.
Imagens decorativas não têm propósito informativo ou funcional — existem puramente para ambiente visual. Padrões de fundo, fotos genéricas de banco de imagens usadas como divisores de seção e ícones puramente ornamentais se enquadram nesta categoria.
Para imagens decorativas, use um atributo alt vazio: alt="". Isso também é chamado de texto alternativo nulo.
Este é o comportamento correto; anunciar imagens decorativas adiciona ruído sem acrescentar significado.
Detalhe crítico: O atributo alt ainda deve estar presente, apenas vazio. Omitir o atributo alt completamente (<img src="decorativa.jpg">) força os leitores de tela a lerem o nome do arquivo, criando uma experiência pior do que o texto alternativo nulo.
Quando uma imagem repete informações já presentes no texto adjacente, adicionar texto alternativo cria duplicação. Por exemplo, se um cartão de produto mostra uma imagem de “Fones de Ouvido Bluetooth Sem Fio” ao lado de um título que diz “Fones de Ouvido Bluetooth Sem Fio”, o texto alternativo deve estar vazio — alt="" — porque a informação já está disponível para usuários de leitores de tela através do título.
A diferença entre texto alternativo adequado e inútil geralmente se resume a alguns princípios básicos.
Descreva a informação que a imagem transmite, não cada detalhe visual. Uma fotografia de uma pessoa caminhando não precisa da cor dos cadarços — precisa da ação, contexto e quaisquer detalhes relevantes para o conteúdo ao redor.
A maioria dos textos alternativos eficazes cabe em 125 caracteres. Leitores de tela fazem pausas na pontuação, então texto alternativo longo e sem quebras se torna uma parede de áudio. A Siteimprove recomenda manter o texto alternativo com menos de aproximadamente 100 caracteres sempre que possível.
A mesma imagem pode precisar de texto alternativo diferente dependendo de onde aparece. Uma foto de um notebook sobre uma mesa pode precisar de texto alternativo descrevendo o modelo do notebook em uma página de produto, ou texto alternativo descrevendo uma cena de trabalho remoto em um blog sobre produtividade.
Sempre escreva o texto alternativo para o papel da imagem na página específica, não para a imagem isoladamente.
O texto alternativo existe para acessibilidade em primeiro lugar. Use termos relevantes apenas quando eles descrevem naturalmente a imagem.
Leitores de tela já anunciam uma imagem como imagem.
Coloque a primeira letra em maiúscula. Termine frases com ponto final. Leitores de tela usam pontuação para determinar ritmo e entonação. Texto alternativo gramatical soa mais natural e é mais fácil de entender.
Quando o atributo alt está completamente ausente de uma tag <img>, o comportamento varia:
DSC00472.jpg.Uma imagem com atributo alt ausente é fundamentalmente diferente de uma com alt="" vazio. A primeira causa confusão; a segunda é uma escolha deliberada que informa a tecnologia assistiva para ignorar a imagem. Toda tag <img> em uma página deve ter um atributo alt — seja preenchido ou vazio.
A maioria das plataformas CMS — WordPress, HubSpot, Shopify e outras — inclui um campo de texto alternativo na interface de upload de imagem ou biblioteca de mídia.
No WordPress, ao selecionar uma imagem no editor de blocos ou na biblioteca de mídia, o campo “Texto Alternativo” aparece no painel de configurações à direita. Digite sua descrição e salve. O CMS adiciona o atributo alt ao HTML automaticamente.
Adicione o atributo alt diretamente dentro da tag <img>:
<img src="affiliate-dashboard.jpg" alt="Painel do Post Affiliate Pro mostrando resumo mensal de comissões">
alt pode aparecer em qualquer lugar dentro da tag <img>, embora colocá-lo após src seja convencional.A maioria das plataformas sociais oferece uma opção de texto alternativo ao compor uma postagem com imagem:
Sempre substitua o texto alternativo gerado automaticamente por uma descrição escrita por humanos. O texto alternativo gerado por IA tende a rótulos genéricos — “cachorro, interno, pessoa” — que perdem o propósito e o contexto da imagem.
O texto alternativo desempenha um papel específico e frequentemente negligenciado nos fluxos de trabalho de marketing de afiliados, afetando anunciantes, publicadores e gerentes de programa.
Quando você fornece banners, imagens de produtos e criativos promocionais para seus afiliados, essas imagens raramente vêm com texto alternativo. Afiliados que recebem um arquivo de imagem através de um painel de afiliados podem não saber o que escrever — e muitos deixarão o atributo alt em branco ou ausente.
Gerentes de programa que incluem sugestões de texto alternativo junto com cada criativo no portal de afiliados eliminam esse atrito.
Postagens de análise de produtos e artigos de comparação dependem fortemente de capturas de tela, fotos de produtos e tabelas de comparação renderizadas como imagens. Cada uma dessas imagens precisa de texto alternativo que atenda tanto o leitor quanto o mecanismo de busca.
Quando leitores que usam leitores de tela encontram esse texto alternativo, eles recebem a mesma informação que um leitor com visão normal obtém da captura de tela. Quando os mecanismos de busca indexam esse texto alternativo, a imagem pode aparecer em consultas relevantes sobre configurações de comissão de afiliados.
Imagens de produtos com texto alternativo preciso e descritivo podem aparecer na Pesquisa de Imagens do Google para consultas de cauda longa. Esse clique na imagem leva à página — e potencialmente a uma inscrição.
Isso não substitui o conteúdo escrito e o SEO padrão. É um canal adicional e de baixo esforço que funciona apenas quando o texto alternativo é aplicado de forma consistente.
Gerencie múltiplos programas de afiliados e melhore a performance dos seus parceiros afiliados com o Post Affiliate Pro.
Aprenda a escrever textos alternativos eficazes para imagens. Descubra as melhores práticas para acessibilidade, otimização de SEO e diretrizes específicas para...
Aprenda como é um bom texto alternativo com exemplos práticos. Descubra as melhores práticas para escrever textos alternativos concisos e específicos que melhor...
+++ term = “O que é uma meta description?” lastmod = “2026-10-08” title = “O que é uma meta description?” keywords = [ &ldqu...
Junte-se à nossa comunidade de clientes satisfeitos e forneça excelente suporte ao cliente com o Post Affiliate Pro.
See our privacy policy.