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

O que é Alt text?

O Alt text, ou texto alternativo, é uma descrição escrita das imagens que aparecem em sites. Ele aparece no HTML como um atributo “alt” e serve para explicar visualmente o conteúdo da imagem.

Se a imagem não carregar, o Alt text aparecerá no lugar, ajudando a manter o contexto e a informação. Esse texto é lido por leitores de tela, permitindo que pessoas com deficiência visual compreendam o conteúdo visual.

O Alt text também tem grande importância para otimização de imagens em estratégias de SEO, pois permite que os motores de busca entendam as imagens e as posicionem nos resultados de pesquisa.

A descrição deve ser clara, concisa e contextualizar a imagem dentro do conteúdo da página. Isso ajuda o site a ser mais acessível e melhorar seu ranking nos mecanismos de busca.

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?

O Alt text é um pequeno grande herói quando falamos de SEO e acessibilidade. Ele não só ajuda a posicionar melhor suas imagens nos motores de busca, mas também garante que todos os usuários possam entender o conteúdo visual, independentemente de suas limitações.

Ao dominar a arte do texto alternativo, você abre portas para que seu conteúdo brilhe tanto no universo digital quanto na experiência do usuário.

Esse recurso é um grande aliado de sites, especialmente no comércio eletrônico. Afinal, as imagens têm grande influência na hora da decisão da compra. 

Uso de palavras-chave em imagens

Inserir palavras-chave no texto alternativo de suas imagens é uma estratégia poderosa para melhorar sua visibilidade online. 

Ao escolher os termos certos, você facilita que os mecanismos de pesquisa entendam o conteúdo da imagem e aumenta as chances de ela aparecer em pesquisas relacionadas.

É essencial, contudo, manter a relevância e evitar o excesso. A superlotação de palavras-chave pode prejudicar tanto a experiência do usuário quanto o ranking nos motores de busca.

Utilize o atributo alt para transmitir a essência da imagem, mantendo a descrição curta e focada. As melhores práticas de SEO recomendam que as palavras-chave sejam integradas ao Alt Text de forma que complementem e descrevam o conteúdo visual sem distrair ou confundir os usuários.

Melhoria na acessibilidade

O Alt Text transforma a experiência online de pessoas com deficiência visual. Com uma descrição precisa e contextualizada das imagens, esses usuários conseguem compreender o conteúdo visual por meio de leitores de tela e outras tecnologias assistivas.

É um passo significativo para tornar a web mais inclusiva e permitir que todos tenham acesso às informações.

Usar o texto alternativo de forma eficaz garante que fotos, gráficos e outros elementos visuais não sejam obstáculos para quem enfrenta barreiras visuais. 

Como otimizar o Alt text para SEO?

Entender como otimizar o Alt text para SEO é fundamental para quem busca melhorar o posicionamento das imagens nos motores de busca. 

Vamos desvendar as técnicas que tornam o texto alternativo uma ferramenta poderosa para atrair mais tráfego e garantir que seu conteúdo visual seja plenamente reconhecido online.

Escrever até 125 caracteres

Mantenha o Alt Text de cada imagem até 125 caracteres. Isso é suficiente para descrever com precisão e incluir sua palavra-chave principal. Escolha cada termo cuidadosamente para otimizar de forma eficaz suas imagens online.

A brevidade garante clareza e ajuda na indexação pelo Google, tornando seu conteúdo visual acessível e bem posicionado nos resultados de busca.

Evite enchimento de palavras-chave ou frases vagas, pois a qualidade do Alt Text impacta diretamente na otimização de SEO e acessibilidade.

Incluir a palavra-chave principal

Incluir a palavra-chave principal no Alt Text é essencial para a otimização de imagens e aumento da visibilidade delas nos mecanismos de busca. 

Palavras-chave bem escolhidas e contextualizadas descrevem com precisão o conteúdo visual e reforçam a relevância da imagem no contexto do seu site.

O equilíbrio é crucial. O texto alternativo deve ser informativo, direto e enriquecer a experiência do usuário, ao mesmo tempo em que ajuda os motores de busca a entenderem melhor o seu conteúdo visual.

Escolha uma palavra-chave forte que combine com a intenção de pesquisa e integre-a de maneira natural na descrição. Evite enchê-la de termos sem relevância ou repetir palavras-chave desnecessariamente, pois isso pode prejudicar sua estratégia de SEO.

Evitar “imagem de…” no Alt text

Ao otimizar o texto alternativo, esqueça a frase “imagem de.,.”. Isso porque os leitores de tela já anunciam que se trata de uma imagem, então usar esse formato apenas adiciona redundância desnecessária.

Seja direto, descrevendo o conteúdo e contexto da imagem. Por exemplo, em vez de escrever “imagem de um cão brincando”, opte por “cão brincando num parque ensolarado”. Este tipo de descrição fornece contexto e relevância, melhorando tanto a acessibilidade quanto a otimização SEO.

Como 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. 

Recomendações para a escrita de Alt text

Não repetir o texto da legenda

Certifique-se de que seu Alt Text não seja uma cópia exata da legenda da imagem. Isso porque o texto alternativo tem um propósito diferente e deve complementar a legenda, não duplicá-la.

Ao escrever descrições eficientes para imagens, pense em fornecer contexto ou detalhes que a legenda não cobre. 

Elabore um texto alternativo que descreva significativamente a imagem, enquanto a legenda pode focar em explicar a relevância da imagem para o texto ao redor. Isso ajuda na otimização de imagens online e melhora a usabilidade do seu site para todos os usuários.

Descreva elementos importantes que podem não estar óbvios na legenda, como emoções expressas em rostos ou detalhes chave que relacionem a imagem ao conteúdo do artigo.

Localizar e corrigir imagens sem Alt text

Encontrar e ajustar imagens que não possuem texto alternativo é um passo crucial para melhorar a otimização SEO e acessibilidade. Esse processo ajuda a garantir que seu conteúdo visual esteja completo e possa ser entendido por todos os usuários.

  • Use ferramentas de SEO para auditar seu site. Elas podem identificar imagens sem Alt text.
  • Verifique cada página manualmente, especialmente após publicar novos conteúdos visuais.
  • Inspecione o código HTML de suas imagens para confirmar se o atributo alt está presente.
  • Se estiver usando um CMS, como WordPress, busque por opções que mostrem imagens sem descrição.
  • Corrija todas as imagens encontradas adicionando Alt text descritivo e contextualizado.
  • Evite encher o texto alternativo com palavras – chave.
  • Para fotos com pessoas, nomeie quem aparece na imagem se for relevante para o contexto.
  • Não adicione Alt text em imagens puramente decorativas. Isso pode confundir os leitores de tela.
  • Lembre-se de descrever funcionalidades visuais importantes, como gráficos e capturas de tela.

Como verificar problemas no Alt text de imagens?

Para verificar problemas relacionados ao Alt text, é necessária 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.

Alguns erros em imagens que podem surgir são:

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.

Se você gostou do conteúdo, inscreva-se na nossa newsletter para ficar por dentro das maiores novidades sobre SEO do mercado. 

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.

guest

0 Comentários
Inline Feedbacks
View all comments
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.