Alt Text: o que é texto alternativo e como ele funciona?

Erich Casagrande

Jun 22, 20218 min read
o que é alt text

Você provavelmente já ouviu falar de alt text para imagens em termos de acessibilidade na web. Alt text (também conhecido como alt attributes, alt descriptions ou até mesmo como texto alternativo) é o texto que acompanha as imagens que é lido em voz alta por leitores de tela, ajudando os usuários com deficiência visual a navegar na web.

Mas o alt text pode fazer muito mais pelo SEO de sua imagem do que você pensa, da mesma forma que deixar um atributo alt vazio pode prejudicar seu ranqueamento. Neste guia, vamos falar de:

  • O que é alt text para imagens? 
  • Por que alt text é importante para o SEO de imagens?
  • Como adicionar alt text a imagens em sua página
  • Como escrever um texto alternativo que funcione
    • Práticas recomendadas de alt text para SEO de imagens
    • Como escrever alt text para sites de comércio eletrônico
  • Descobrindo problemas com alt text de imagens
  • Perguntas frequentes sobre alt text
  • Importância de alt text para imagens

O que é alt text para imagens?

O alt text descreve não apenas o conteúdo da imagem, mas também seu contexto. Muitas vezes confundido com a alt tag, o alt text é, na verdade, parte do código HTML, mas é apenas a descrição da imagem contida na alt tag e não todo o atributo. 

O significado do alt text vem do texto alternativo, e você pode já ter se deparado com isso antes, se já teve imagens em uma página que não carregam corretamente. Alt text é o texto escrito exibido no lugar dessas imagens.

Adicionar alt text às imagens é uma das melhores práticas utilizadas pelos profissionais de SEO para otimizar imagens para a web. Esta é a aparência de uma alt tag de imagem HTML:

alt text

Conforme mostrado no código-fonte à direita, o alt text para uma captura de tela de nosso relatório da Ferramenta de auditoria do site é: 

<img alt="semrush site audit dashboard" />

Simples, não é?

Por que o alt text é importante para o SEO de imagens?

O alt text para imagens está se tornando mais importante à medida que os mecanismos de pesquisa aprimoram sua capacidade de ler qualquer imagem em uma página e a experiência do usuário se torna mais rica com conteúdo visual.

Se você está criando qualquer tipo de conteúdo para a internet hoje em dia, é provável que precise de recursos visuais. Do ponto de vista do usuário, as imagens incorporadas na página são muito mais agradáveis ​​do que clicar em um hiperlink, e as SERPs do Google entendem Nisso.

Na verdade, muitas vezes as melhores posições de uma pesquisa do Google pertencem ao conteúdo visual. Ou então as imagens aparecem como um dos recursos da SERp e pode atrair cliques mais fácil. Se pesquisarmos “mochilas para trilha”, veremos o seguinte resultado ainda na primeira página:

exemplo de imagens na Serp do Google

Isso se deve principalmente à expansão constante do Google em direção à pesquisa visual e ao manter-se atualizado com o machine learning mais recente e a tecnologia de renderização AR. 

O Google discutiu a importância de alt tags em 2007 e elas são uma parte integrante da diretrizes do Google para publicação de imagens. A intenção da maquina de pesquisa de avançar para uma pesquisa visual mais abrangente é confirmada a cada atualização. 

Portanto, otimizar o alt text para imagens ainda pode ser uma novidade para alguns especialistas, mas as melhores práticas de alt text em breve serão essenciais para qualquer pessoa que crie conteúdo na Internet.

Como adicionar alt texto a imagens em sua página

Agora que entendemos por que o alt text é tão importante para o especialista em SEO de imagens, é necessário entender onde estão as opções do atributo alt em seu CMS, já que a maioria das plataformas de sites geralmente tem os recursos apropriados já configurados. 

Confira nosso guia sobre SEO de imagens e alt tags para aprender a adicionar alt text a imagens no WordPress, Shopify, Magento e Wix. 

Como escrever um alt text que funcione

O alt text oferece a chance de integrar as palavras-chave em foco de uma forma relevante e significativa que realmente enriquece o conteúdo e oferece uma melhor experiência do usuário. 

Incluir a palavra-chave alvo no alt text não é a única coisa a ter em mente ao otimizar imagens. Ao criar alt text para imagens em uma página, lembre-se de:

  • Descrever a imagem da forma mais objetiva possível: como o alt text é exibido quando uma imagem não está carregando, é importante providenciar uma descrição de imagem coerente.
  • Fornecer contexto à imagem: para que os rastreadores possam indexá-la corretamente.
  •  Manter o texto curto e direto: para descrições mais longas, use o atributo longdesc (observação: evite frases como "imagem de" ou "foto de" - é repetitivo, já que o alt text é, por si só, a descrição da imagem). 
  •  Usar palavras-chave, mas evitar a fazê-lo em excesso: todas as regras usuais de conteúdo de boa qualidade também se aplicam ao alt text. Uso excessivo de palavras-chave não ajuda o seu conteúdo e nem vai ajudar o seu alt text.

Práticas recomendadas de alt text para SEO de imagens

Alguns especialistas em SEO aconselham evitar de colocar imagens no lugar de palavras. Como os mecanismos de pesquisa não podem “ler” como os humanos podem, usar uma imagem em vez do texto real é confuso para os rastreadores e pode prejudicar os ranqueamentos.

Como regra geral, certifique-se de adicionar o alt text a todas as imagens em uma página. Isso também se aplica à imagens usadas como botões. O alt text para os botões pode conter descrições como "inscreva-se agora" ou "assine o nosso newsletter" etc.
Quer mais dicas de SEO para imagens, confira nosso vídeo no Youtube?

Como escrever alt text para sites de e-commerce

Lembrando novamente - o alt text precisa ser o mais descritivo possível. É importante evitar alt text de tipo: "sapatos na promoção, compre os seus agora." Isso pode ativar um alerta de spam.

imagem de exemplo de um tênis verde

 Uma boa alt tag em termos de otimização de imagens para sites de comércio eletrônico poderia ser:

<img ="converse_shoes.png" alt=" tênis converse all star masculino verde">

Descobrindo problemas com alt text de imagens

Mesmo quando fazemos o nosso melhor para escrever um alt text que funcione bem, às vezes perdemos algo. Quando você quiser otimizar imagens para a web, nossa Ferramenta de Auditoria do site pode ajudar a destacar problemas com imagens em sua página. 

Imagens quebradas

Imagens quebradas fornecem uma experiência de usuário ruim porque não podem ser exibidas corretamente, dando a impressão geral de que sua página é de baixa qualidade. Uma vez que os mecanismos de pesquisa percebam isso, imagens quebradas podem prejudicar os ranqueamentos do site.

alt text erro no site audit semrush

A ferramenta Auditoria de Site mostra a causa da imagem quebrada. E provavelmente você vai precisar corrigir:

  • Um URL com erros ortográficos ou um caminho de arquivo inválido: corrija um erro de digitação no URL; se o arquivo de imagem foi movido, corrija o URL para apontar para o local atual.
  • A imagem não existe mais: se um arquivo de imagem foi excluído ou danificado, troque-o por um novo; ou se a imagem não for mais necessária, remova-a também do código HTML da página.

A única coisa a ter em mente aqui é a diferença entre imagens internas quebradas e imagens externas quebradas. Como você não tem controle sobre as imagens externas, a melhor abordagem é substituí-las completamente.

Imagens sem atributos alt

Conforme mencionado anteriormente, um atributo alt vazio é uma oportunidade perdida para obter melhores posições de pesquisa de imagens. Além disso, você não oferece uma boa experiência do usuário para usuários com deficiência visual. 

alt text site audit

Você pode usar a ferramenta de Auditoria de Site para revisar todas as imagens sem atributos alt, tornando mais fácil para você entrar e preencher o atributo alt com o texto apropriado. 

Ao ver o atributo alt vazio aqui:

<img src="img23456.png" alt=" ">

Troque para:

<img src="nomedaimagem.png" alt="alt text bem escrito com a palavra-chave">

Perguntas frequentes sobre alt text

Aqui estão algumas perguntas que ouvimos com frequência quando trabalhamos com alt tags: 

Como faço para encontrar o alt tag em uma página?

Aponte para algum lugar da página com o mouse, clique com o botão direito e escolha “Inspecionar” no menu. O código-fonte da página vai aparecer no lado direito da tela.

Clique no primeiro ícone à esquerda do painel do código HTML, localize a imagem na página cuja alt tag você deseja ver e clique nela também. O código HTML desse elemento será destacado com todos os atributos da imagem.

Como ler o alt text no código HTML?

Depois de clicar em “Inspecionar”, você precisa procurar a tag relevante no painel que exibe o código-fonte da página. O alt text é precedido por uma tag que diz "alt =" e o que se segue é a descrição do alt text.

Como posso saber se uma imagem possui alt text?

Ao inspecionar uma imagem no código-fonte de uma página, se a tag alt depois de "alt =" mostrar apenas duas aspas sem conteúdo entre elas, o atributo alt está vazio, ou seja, não há alt text. 

Como adiciono alt text a um arquivo JPG?

No Microsoft Word, você pode clicar com o botão direito do mouse na imagem e selecionar “editar alt text” no menu. Preencha a descrição da imagem na caixa de entrada e clique em “OK”. Lembre-se de verificar a ortografia e a gramática do texto, pois as caixas de entrada não têm verificação ortográfica. 

Pode usar vírgulas e pontos no alt text?

Sim, pode e deve. Incluir pontuação adequada no alt text permite que os leitores de tela proporcionem uma melhor experiência do usuário. Além disso, o alt text é exibido quando uma imagem não carrega corretamente. Texto de alta qualidade garante uma melhor experiência do usuário. 

Qual é o comprimento ideal das alt tags?

O comprimento máximo do alt text recomendado para acomodar a maioria dos leitores de tela é de 125 caracteres.

Importância de alt text para imagens

O alt text é uma parte importante do SEO de imagens e da acessibilidade do usuário, portanto, tente manter ambos em mente ao otimizar suas alt tags. Os usuários e mecanismos de pesquisa usam seu alt text para entender melhor as imagens em sua página. Seguindo as etapas acima, você estará no caminho certo para criar páginas que sejam amigáveis ​​ao usuário e mais fáceis de rastrear.

Author Photo
Erich CasagrandeTrabalho como Marketing Manager Lead da Semrush no Brasil e sou responsável pelas ações de marketing que envolvem a marca em diferentes canais. Sou apaixonado por comunicação e por aprender cada vez mais sobre o universo do Marketing Digital.
Subscribe to learn more about SEO
By clicking “Subscribe” you agree to Semrush Privacy Policy and consent to Semrush using your contact data for newsletter purposes