Neste guia, você aprenderá sobre texto alternativo (conhecido como texto alt): o que é, por que é importante para SEO na página, como usá-lo corretamente e muito mais.
Muitas vezes é esquecido, mas cada imagem no seu site deve ter texto alt. Mais informações são melhores, e traduzir informações visuais em texto é importante para robôs de mecanismos de busca que tentam entender seu site e usuários com leitores de tela.
O texto alternativo é mais uma fonte de informação que relaciona ideias e conteúdo no seu site.
Este guia prático e direto contém dicas e conselhos que você pode usar imediatamente para melhorar o SEO de imagem e a acessibilidade do seu site.
O que é texto alternativo?
Texto alternativo (ou texto alt) – também conhecido como atributo alt ou tag alt (o que não é tecnicamente correto porque não é uma tag) – é simplesmente um pedaço de texto que descreve a imagem no código HTML.
Quais são os usos do texto alternativo?
A função original do texto alternativo era simplesmente descrever uma imagem que não podia ser carregada.
Muitos anos atrás, quando a internet era muito mais lenta, o texto alternativo ajudava você a saber o conteúdo de uma imagem que era pesada demais para ser carregada no navegador.
Hoje em dia, as imagens raramente deixam de carregar – mas se isso acontecer, será o texto alternativo que você verá no lugar da imagem.
Captura de tela do Search Engine Journal, maio de 2024O texto alternativo também ajuda os robôs dos mecanismos de busca a entender o conteúdo e o contexto da imagem.
Mais importante ainda, o texto alternativo é fundamental para a acessibilidade e para as pessoas que usam leitores de tela:
- O texto alternativo ajuda pessoas com deficiência (por exemplo, usando leitores de tela) aprenda sobre o conteúdo da imagem.
É claro que, como todo elemento de SEO, ele é frequentemente mal utilizado ou, em alguns casos, até mesmo abusado.
Vamos agora analisar mais de perto por que o texto alternativo é importante.
Por que o texto alternativo é importante
A web e os sites são uma experiência muito visual. É difícil encontrar um site sem imagens ou elementos gráficos.
É por isso que o texto alternativo é muito importante.
O texto alternativo ajuda a traduzir o conteúdo da imagem em palavras, tornando-a acessível a um público maior, incluindo pessoas com deficiências e robôs de mecanismos de busca que ainda não são inteligentes o suficiente para entender completamente cada imagem, seu contexto e seu significado.
Por que o texto alternativo é importante para SEO
O texto alternativo é um elemento importante da otimização de SEO na página.
A otimização adequada do texto alternativo aumenta as chances de seu site ser classificado nas pesquisas de imagens do Google.
Sim, o texto alternativo é um fator de classificação para a pesquisa de imagens do Google.
Dependendo do nicho e da especificidade do seu site, o tráfego de pesquisa de imagens do Google pode desempenhar um papel importante no sucesso geral do seu site.
Por exemplo, no caso de sites de comércio eletrônico, os usuários muitas vezes iniciam sua busca por produtos com uma pesquisa de imagens do Google em vez de digitar o nome do produto na pesquisa padrão do Google.
Captura de tela da pesquisa por (Garmin Forerunner), maio de 2024O Google e outros mecanismos de pesquisa podem exibir menos imagens de produtos (ou nem exibi-las) se você não cuidar da otimização do texto alternativo.
Sem a otimização adequada da imagem, você pode perder muito tráfego e clientes em potencial.
Por que o texto alternativo é importante para acessibilidade
A visibilidade na pesquisa de imagens do Google é muito importante, mas há uma consideração ainda mais importante: acessibilidade.
Felizmente, nos últimos anos, tem sido dada maior atenção à acessibilidade (isto é, tornar a Web acessível a todos, incluindo pessoas com deficiência e/ou que utilizam leitores de ecrã).
Suponha que o texto alternativo de suas imagens realmente descreva seu conteúdo em vez de, por exemplo, preencher palavras-chave. Nesse caso, você está ajudando as pessoas que não conseguem ver esta imagem a compreendê-la melhor e ao conteúdo de toda a página web.
Digamos que uma de suas páginas da web seja um guia de auditoria de SEO que contém capturas de tela de várias ferramentas de rastreamento.
Não seria melhor descrever o conteúdo de cada captura de tela em vez de colocar o mesmo texto alternativo de “auditoria de SEO” em cada imagem?
Vamos dar uma olhada em alguns exemplos.
Exemplos de texto alternativo
Encontrar muitos exemplos bons e ruins de texto alternativo não é difícil. Deixe-me mostrar alguns, seguindo o exemplo acima com um guia de auditoria de SEO.
Bons exemplos de texto alternativo
Portanto, nosso exemplo de guia de SEO contém capturas de tela de ferramentas como Google Search Console e Screaming Frog.
Alguns bons exemplos de texto alternativo podem incluir:
google-search-console-coverage-report.jpg”" alt=""O" coverage="" report="" in="" google="" search="" console="" showing="" the="" number="" of="" indexed="" and="" excluded="" pages=""/>
Dica: Também é uma boa ideia cuidar do nome do seu arquivo. Usar nomes descritivos de arquivo não é um fator de classificação, mas eu recomendo isso como uma boa prática de SEO.
Exemplos de texto alternativo ruim e/ou com spam
Também vi muitos exemplos de uso incorreto de texto alternativo, incluindo excesso de palavras-chave ou spam.
Veja como você pode transformar os bons exemplos acima em maus exemplos:
Como você pode ver, os exemplos acima não fornecem nenhuma informação sobre o que essas imagens realmente mostram.
Você também pode encontrar exemplos e ainda mais dicas de SEO de imagens no Google Search Central.
Erros comuns de texto alternativo
Colocar palavras-chave no texto alternativo não é o único erro que você pode cometer.
Aqui estão alguns exemplos de erros comuns de texto alternativo:
- Falha ao usar o texto alternativo ou usar texto alternativo vazio.
- Usando o mesmo texto alternativo para imagens diferentes.
- Usando texto alternativo muito geral que não descreve realmente a imagem. Por exemplo, usar o texto alt de “cachorro” na foto de um cachorro em vez de descrever o cachorro com mais detalhes, sua cor, o que ele está fazendo, qual é sua raça, etc.
- Usando automaticamente o nome do arquivo como texto alternativo – o que pode levar a textos alternativos muito hostis, como “googlesearchconsole”, “google-search-console” ou “photo2323”, dependendo do nome do arquivo.
Dicas para escrever texto alternativo
E por fim, aqui vão as dicas de como escrever o texto alternativo correto para que ele realmente cumpra seu propósito:
- Não coloque palavras-chave no texto alternativo. Fazer isso não ajudará na classificação da sua página da web para essas palavras-chave.
- Descreva a imagem em detalhes, mas mantenha-a relativamente curta. Evite adicionar várias frases ao texto alternativo.
- Use suas palavras-chave alvo, mas de forma natural, como parte da descrição da imagem. Se a sua palavra-chave alvo não se encaixa na descrição da imagem, não a utilize.
- Não use texto em imagens. Todo o texto deve ser adicionado na forma de código HTML.
- Não escreva “esta é uma imagem de”. O Google e os usuários sabem que isso é uma imagem. Apenas descreva seu conteúdo.
- Certifique-se de que você consegue visualizar o conteúdo da imagem apenas lendo seu texto alternativo. Esse é o melhor exercício para garantir que seu texto alternativo esteja correto.
Como solucionar problemas de texto alternativo da imagem
Agora você conhece todas as melhores práticas e erros comuns do texto alt. Mas como você verifica o que está no texto alt das imagens de um site?
Você pode analisar o texto alternativo das seguintes maneiras:
Inspecionar um elemento (clique com o botão direito e selecione Inspecionar ao passar o mouse sobre uma imagem) é uma boa maneira de verificar se uma determinada imagem possui texto alternativo.
No entanto, se você quiser verificar isso em massa, recomendo um dos dois métodos abaixo.
Instale a extensão Web Developer do Chrome.
Captura de tela da Web Developer Extension, Chrome, do autor, maio de 2024Em seguida, abra a página cujas imagens você deseja auditar.
Clique em Desenvolvedor Web e navegue até Imagens > Exibir atributos Alt. Dessa forma, você pode ver o conteúdo do texto alternativo de todas as imagens de uma determinada página web.
Captura de tela da Web Developer Extension, Chrome, do autor, maio de 2024Como encontrar e corrigir texto alternativo ausente
Para verificar o texto alternativo das imagens de todo o site, use um rastreador como o Screaming Frog ou o Sitebulb.
Rastreie o site, navegue até o relatório de imagens e revise o texto alternativo de todas as imagens do site, conforme mostrado no guia de vídeo abaixo.
Você também pode exportar apenas imagens com texto alternativo ausente e começar a corrigir esses problemas.
O texto alternativo pode não parecer uma prioridade, mas é importante
Toda fonte de informação sobre seu conteúdo tem valor. Seja para usuários com deficiência visual ou bots, o texto alt ajuda a contextualizar as imagens em seu site.
Embora seja apenas um fator de classificação para pesquisa de imagens, tudo o que você faz para ajudar os mecanismos de pesquisa a entender o seu site pode ajudar a fornecer resultados mais precisos. Demonstrar um compromisso com a acessibilidade também é um componente crítico do marketing digital moderno.
Perguntas frequentes
Qual é a finalidade do texto alternativo em HTML?
O texto alternativo, ou texto alternativo, serve a dois propósitos principais em HTML. Sua principal função é fornecer uma descrição textual de uma imagem, caso ela não possa ser exibida. Este texto pode ajudar os usuários a entender o conteúdo da imagem quando problemas técnicos impedem seu carregamento ou se eles usam um leitor de tela devido a deficiências visuais. Além disso, o texto alternativo ajuda os bots dos mecanismos de pesquisa a compreender o assunto da imagem, o que é fundamental para o SEO, pois a indexação correta das imagens pode aumentar a visibilidade de um site nos resultados de pesquisa.
O texto alternativo pode melhorar a acessibilidade do site?
Sim, o texto alt é vital para a acessibilidade do site. Ele traduz informações visuais em texto descritivo que pode ser lido por leitores de tela usados por usuários com deficiência visual. Ao descrever imagens com precisão, o texto alt garante que todos os usuários, independentemente da deficiência, possam entender o conteúdo de uma página da web, tornando a web mais inclusiva e acessível a todos.
Mais recursos:
Imagem em destaque: BestForBest/Shutterstock
