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.
