O que é alt text?
Alt text ou texto alternativo é o texto incluído no código HTML para descrever uma imagem em um site. Ele ajuda os rastreadores de mecanismos de pesquisa a entenderem melhor o contexto da página, assim como os usuários que utilizam ferramentas para leitura de tela, como acontece com pessoas com deficiência visual.
Veja um exemplo de alt text no código fonte de uma página: alt="Luminária pendurada no teto com plantas ao redor"
.
Por que o texto alternativo é importante para SEO de imagens?
As buscas do Google Imagens correspondem a 22,6% de todas as pesquisas feitas no site. Isso faz com que as imagens sejam uma ferramenta poderosa para obter mais tráfego por meio de estratégias de SEO.
O Google lê o texto alternativo para entender as imagens. Sem alt text, elas têm muito menos chances de classificar para uma busca no Google Imagens, já que os algoritmos do buscador não conseguem (ainda) entender o conteúdo de um elemento visual sem essa “ajuda”.
O Google costuma exibir imagens no topo dos resultados da pesquisa tradicional, aparecendo antes dos links azuis na SERP. Portanto, otimizar o texto alternativo de suas imagens pode gerar mais tráfego por meio de diferentes formas de pesquisa no Google.
Exemplos de alt text
Para que seja eficaz, o texto alternativo deve ser descritivo e usar um tom de voz natural. Pense em como você descreveria a imagem para alguém durante uma conversa. Vamos ver alguns exemplos do que fazer e do que não fazer.
Começando por esta imagem de uma tábua de frios:
- Exemplo incorreto: alt=”ideias para café da manhã”
- Exemplo ok: alt=”tábua de frios”
- Exemplo bom: alt=”tábua de frios com frutas e embutidos”
- Melhor exemplo: alt=”tábua de frios redonda com embutidos, queijo, bolachas, frutas e outros lanches coloridos”
O exemplo “ruim” aqui é segmentar uma palavra-chave específica (“ideias para café da manhã”) sem detalhar o que está na imagem. Os exemplos “ok” e “bom” apresentam uma descrição melhor, mas o “melhor exemplo” fornece mais detalhes e contexto para a imagem.
Agora, veja esta foto tirada no Central Park, em Nova York:
- Exemplo incorreto: alt=”ponte flores árvores parque verde”
- Exemplo ok: alt=”Central Park”
- Exemplo bom: alt=”ponte no Central Park”
- Melhor exemplo: alt=”ponte no Central Park, em Nova York, cercada por árvores, flores e vegetação”
O exemplo “ruim” é uma lista de palavras, e não uma descrição propriamente dita. O “melhor exemplo” inclui informações sobre o local específico e o que é mostrado na imagem.
Por último, uma imagem dos Jogos Olímpicos de Pequim:
- Exemplo incorreto: alt=”medalha de ouro em evento esportivo”
- Exemplo ok: alt=”atletismo”
- Exemplo bom: alt=”atletismo nas olimpíadas”
- Melhor exemplo: alt=”evento de atletismo nos Jogos Olímpicos de Pequim, em 2008″
Observe que todos os melhores exemplos são os mais descritivos possíveis, sem soarem como spam. Quando há um nome ou evento claro relacionado à imagem, como Central Park ou Jogos Olímpicos de Pequim, isso também ajuda.
Como otimizar o alt text para SEO
Vamos ver algumas regras básicas a serem seguidas para escrever o texto alternativo.
Um bom alt text é descritivo sem parecer spam. Porém, é possível otimizá-lo ainda mais pensando em SEO:
Escreva 125 caracteres ou menos
Ferramentas de leitura de tela geralmente deixam de ler o alt text a partir de 125 caracteres. Por via das dúvidas, é melhor limitar o texto alternativo para que ele não seja cortado.
Inclua a palavra-chave principal
Isso pode parecer contra-intuitivo em relação ao que falamos até agora. No entanto, incluir a palavra-chave principal no texto alternativo pode ser benéfico, desde que ajude a fornecer contexto para a página em que a imagem está inserida. O objetivo do alt text é fornecer informações adicionais sobre a imagem, e a palavra-chave principal geralmente é útil nesse aspecto.
Para tornar a descrição mais natural, você também pode usar variações da sua palavra-chave principal.
Por exemplo, se o post tem como alvo a palavra-chave “link building”, uma boa estratégia poderia ser: “exemplos do que torna um link bom”. Isso inclui a palavra-chave parcial “link”, mantendo a relevância tanto para a imagem quanto para a página.
Não utilize alt text em imagens “decorativas”
Embora o objetivo do texto alternativo seja fornecer o máximo de contexto possível, algumas imagens não precisam de mais explicações. Não há necessidade de incluir alt text para imagens “decorativas”, como quebras de linha ou ícones de pesquisa, pois aqueles que usam leitores de tela não precisam dessas imagens para entender a página.
Não inclua “imagem de…” no alt text
Você tem apenas 125 caracteres para descrever sua imagem. Incluir expressões como “imagem de…” só faz você desperdiçar espaço, já que está implícito que se trata de uma imagem.
Veja um exemplo de que não fazer: alt="imagem de uma luminária de chão"
. Um exemplo melhor seria: alt="luminária de chão moderna no canto de uma sala de estar mobiliada"
.
Não repita o texto da legenda
Não é necessário incluir informações redundantes no texto alternativo. Se uma foto tiver uma legenda, trabalhe o contexto no lugar de repeti-la no alt text.
Por exemplo, se a legenda da imagem for: “Esta famosa livraria de Nova York funciona em dois locais: na Union Square e no Upper West Side.” O alt text poderia ser: alt="Exterior da Livraria Strand com toldos vermelhos e pessoas passando em frente à vitrine"
.
Localize e corrija imagens sem alt text
Para verificar se há imagens sem texto alternativo no seu site, use a ferramenta Auditoria de site. Primeiro, adicione o domínio e o nome do seu site e crie o projeto. Após configurar, aguarde a auditoria ser finalizada.
Quando o relatório estiver disponível, clique na aba “Problemas”. Filtre os resultados procurando por “atributo alt”. Isso mostrará quantas imagens estão sem o alt text.
Clique no link para ver exatamente quais imagens devem ser corrigidas. O próximo passo é fazer login no seu CMS e adicionar o texto alternativo a todas as imagens ausentes.
Depois de adicionar o alt text necessário, você pode executar novamente a Auditoria de site para atualizar as alterações.