Alt text: saiba o que é e a importância de otimizar suas imagens

Mariana Pessoa
Mariana Pessoa

Alt text, ou texto alternativo, deve ser utilizado para descrever imagens de um site e é muito importante para SEO e a acessibilidade na Web.

Imagine que você está acessando um site e, por algum motivo, a sua internet não carrega e vários conteúdos visuais não aparecem. No lugar deles, há apenas descrições breves. Reconhece? Essas descrições são os textos alternativos.

Quando falamos de experiência do usuário, as imagens são um ponto importante tanto para os mecanismos de busca quanto para as pessoas que acessam uma página da Web. Saiba mais a seguir sobre a importância dos textos alternativos!

O que é alt text? 

Alt Text, em português, significa Texto Alternativo. É um recurso que nos permite descrever conteúdos visuais, otimizando a imagem para SEO e também permitindo que o site seja mais acessível para todos os usuários.

O recurso faz parte do código HTML de uma imagem e, caso esta não carregue corretamente, é a descrição presente no código que será apresentada ao usuário. Ele fica assim no HTML:

<img src="imagem.jpg" alt="texto alternativo fica aqui dentro"/>

Qual a importância do alt text para otimização de imagens? 

É indispensável o uso do texto alternativo quando o objetivo é otimizar imagens da Web, principalmente para SEO. Afinal, é através do alt text que os mecanismos de busca têm mais contexto sobre a página que estão acessando, o que pode ajudar no ranqueamento da mesma.

Isso porque o robô não “lê” imagens. Ele lê textos. Então, preencher o texto alternativo de uma imagem significa dar ao robô entendimento sobre o que aquela imagem representa.

Qual a importância do alt text para o e-commerce? 

Há inúmeras maneiras de buscar por um produto, mas uma das que mais conhecemos é através de imagens, certo? Inclusive, é extremamente comum que, ao pesquisar por um produto com intenção de compra, apareçam dados estruturados com a imagem do produto, descrição e o valor de compra.

Sendo assim, podemos considerar que as imagens são um grande diferencial para e-commerces. Quanto mais, melhor! 

No entanto, como garantir que as imagens de produto sejam encontradas pelos usuários? Fazendo SEO para imagens, claro! Neste sentido, preencher o alt text é apenas uma das boas práticas, mas é o que vai permitir que a imagem (e a página do qual ela faz parte) seja encontrada no Google com mais facilidade, por exemplo.

Qual a relação do alt text com acessibilidade em SEO?

A experiência do usuário é um dos fatores de ranqueamento que o Google mais tem aprimorado. Assim, além de importante para o Google, o alt text permite que qualquer usuário entenda os recursos visuais presentes em uma página, inclusive os usuários que não enxergam e utilizam leitores de tela.

Se uma imagem não carrega na página, o que vai aparecer é justamente o texto alternativo, para que o usuário entenda qual recurso visual deveria estar naquele local.

Ou seja, textos alternativos são, também, indispensáveis para questões de acessibilidade na Web. 

Qual a recomendação para criar um bom alt text? 

Segundo as diretrizes do Google, devemos nos concentrar em escrever um texto alternativo útil, informativo e que tenha palavras-chave usadas apropriadamente e com contexto. Além disso, é interessante que alt text contenha poucas palavras.

Observe o exemplo abaixo:

  • Ruim (sem alt text): <img src=”camiseta.jpg”/>
  • Ruim (excesso de palavras-chave): <img src=”camiseta.jpg” alt=”camiseta camisa roupa de vestir camisas camisetas”/>
  • Bom: <img src=”camiseta.jpg” alt=”camiseta”/>
  • Melhor: <img src=”camiseta.jpg” alt=”camiseta verde com detalhes em azul”/>

Vale sinalizar que todos os conteúdos visuais de um site devem ter um texto alternativo, inclusive vectores ou logomarcas. 

O que não fazer em um alt text de imagens? 

Para não gerar uma má experiência para o usuário, o Google recomenda evitar o excesso de palavras-chave no alt text. Isso porque, acima de tudo, o alt text é um recurso voltado para a experiência do usuário e não apenas para SEO.

Caso você faça isso, corre o risco do seu site ser visto como spam, viu?

Como verificar problemas no alt text de imagens? 

Para verificar problemas relacionados com alt text, é necessário fazer uma auditoria técnica no site. O Screaming Frog é uma ótima opção para quem busca por um crawler com um bom custo-benefício.

Através da auditoria técnica, é possível encontrar os seguintes erros em imagens:

Imagens quebradas

Neste caso, são imagens que foram excluídas do servidor do site e não foram encontradas. Sendo assim, o que fica visível nas páginas para o usuário é apenas o alt text (quando existir). Ao encontrar uma imagem quebrada, o ideal é substituir por outra para não impactar negativamente na experiência do usuário.

Imagens sem alt text

Na auditoria técnica também é apontado as imagens que estão sem o atributo alt. 

Nesses casos, basta encontrar de forma manual essas imagens e escrever o texto alternativo de cada uma delas. Lembre-se que além de contribuírem para dar contexto da página aos robôs, o alt text é muito importante para acessibilidade.

Conclusão

O texto alternativo é uma das boas práticas de SEO que deve estar no checklist de todos os profissionais que trabalham na área. Isso porque além de simples e fácil de realizar, o alt text causa um impacto tanto na experiência do usuário quanto no SEO.

E em casos de e-commerces que possuem muitas imagens, o alt text é indispensável! Afinal, o preenchimento do atributo dará mais contexto sobre aquela página ao robô, contribuindo para a relevância dela entre os resultados do Google.

Referências do conteúdo

Escrito por Mariana Pessoa

Escrito por Mariana Pessoa

Mariana é estrategista de SEO e apaixonada por Marketing Digital. É também produtora de conteúdo no LinkedIn e escritora de ficção nas horas vagas.

Escrito por Mariana Pessoa

Escrito por Mariana Pessoa

Mariana é estrategista de SEO e apaixonada por Marketing Digital. É também produtora de conteúdo no LinkedIn e escritora de ficção nas horas vagas.

Compartilhe este conteúdo
Compartilhe
Receba o melhor conteúdo de SEO & Marketing em seu e-mail.
Assine nossa newsletter e fique informado sobre tudo o que acontece no mercado
Agende uma reunião e conte seus objetivos
Nossos consultores irão mostrar como levar sua estratégia digital ao próximo nível.
>