Texto alternativo: O que é e como escrevê-lo

Introdução

Neste guia, você aprenderá sobre o texto alternativo (conhecido como alt text): o que é, por que é importante para o SEO na página, como usá-lo corretamente e muito mais.

O texto alternativo é frequentemente ignorado, mas todas as imagens em seu site devem ter esse texto. Mais informações são melhores, e traduzir informações visuais em texto é crucial para os bots dos mecanismos de busca e para os usuários com leitores de tela. O texto alternativo é uma fonte de informações que relaciona ideias e conteúdo em seu site.

Este guia prático contém dicas e conselhos que você pode usar imediatamente para melhorar a imagem, o SEO e a acessibilidade do seu site.

O que é texto alternativo?

O texto alternativo (ou texto alternativo), também conhecido como atributo alt ou tag alt (o que não é tecnicamente correto, pois não é uma tag), é um trecho 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 descrever uma imagem que não podia ser carregada. Anos atrás, quando a Internet era mais lenta, o texto alternativo ajudava os usuários a entender o conteúdo de uma imagem que era muito pesada para carregar.

Atualmente, o texto alternativo ajuda os bots dos mecanismos de pesquisa a entender o conteúdo e o contexto da imagem. Mais importante ainda, o texto alternativo é essencial para a acessibilidade e para as pessoas que usam leitores de tela:

• Para acessibilidade: O texto alternativo ajuda as pessoas com deficiências (por exemplo, que usam leitores de tela) a entender o conteúdo da imagem.

• Para SEO: O texto alternativo fornece contexto adicional aos mecanismos de pesquisa, ajudando-os a entender melhor o conteúdo da página.

Por que o texto alternativo é importante

A Web é uma experiência visual, o que torna o texto alternativo crucial. Ele traduz o conteúdo da imagem em palavras, tornando-a acessível a um público mais amplo, incluindo pessoas com deficiências e bots de mecanismos de pesquisa 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 essencial da otimização de SEO na página. A otimização adequada do texto alternativo aumenta as chances de classificação do seu site nas pesquisas de imagens do Google, o que pode ser uma fonte significativa de tráfego, especialmente para sites de comércio eletrônico, em que os usuários geralmente iniciam a pesquisa de produtos com uma pesquisa de imagens no Google.

Por que o texto alternativo é importante para a acessibilidade

Além do SEO, o texto alternativo é vital para a acessibilidade, tornando a Web inclusiva para todos, inclusive para pessoas com deficiências que usam leitores de tela. A descrição do conteúdo da imagem no texto alternativo ajuda esses usuários a entender a imagem e o conteúdo da página.

Exemplos de texto alternativo

Bons exemplos de texto alternativo

Considere um guia de auditoria de SEO que contenha capturas de tela de ferramentas como o Google Search Console e o Screaming Frog. Bons exemplos de texto alternativo incluem:

<img src="google-search-console-coverage-report.jpg" alt="O relatório de cobertura no Google Search Console mostrando o número de páginas indexadas e excluídas"> <img src="google-search-console.jpg" alt="Ferramenta do Google Search Console do Google"> <img src="screaming-frog-html-pages.jpg" alt="Lista de páginas HTML no Screaming Frog"> <img src="screaming-frog.jpg" alt="Rastreamento do Screaming Frog em andamento">

Exemplos de textos alternativos ruins e/ou com spam

Exemplos de texto alternativo ruim incluem preenchimento de palavras-chave ou spam:

<img src="google-search-console-coverage-report.jpg" alt="seo audit free, seo audit cheap, seo audit specialist, seo audit, seo audits"> <img src="google-search-console.jpg" alt="google seo, seo google, google, seo, google search console seo"> <img src="screaming-frog-html-pages.jpg" alt="seo auditor, seo audit, seo audits"> <img src="screaming-frog.jpg" alt="seo audit">

Erros comuns de texto alternativo

• Não utilização de texto alternativo ou utilização de texto alternativo vazio.

• Usar o mesmo texto alternativo para imagens diferentes.

• Uso de texto alternativo muito genérico que não descreve a imagem.

• Usar automaticamente o nome do arquivo como texto alternativo.

Dicas de redação de texto alternativo

• Não coloque palavras-chave no texto alternativo.

• Descreva a imagem em detalhes, mas mantenha-a relativamente curta.

• Use palavras-chave alvo naturalmente como parte da descrição da imagem.

• Não use texto em imagens. Adicione todo o texto no código HTML.

• Não escreva "esta é uma imagem de". Apenas descreva o conteúdo da imagem.

• Certifique-se de que você possa visualizar o conteúdo da imagem apenas lendo seu texto alternativo.

Como solucionar problemas com o texto alternativo da imagem

Inspeção de elementos

Inspecione um elemento (clique com o botão direito do mouse e selecione Inspecionar ao passar o mouse sobre uma imagem) para verificar se uma determinada imagem tem texto alternativo.

Análise de volume

Para análise em massa, use ferramentas como Screaming Frog ou Sitebulb para rastrear o site e revisar o texto alternativo de todas as imagens do site.

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 para bots, o texto alternativo ajuda a contextualizar as imagens do seu site. Demonstrar um compromisso com a acessibilidade também é um componente essencial do marketing digital moderno.

PERGUNTAS FREQUENTES

Qual é a finalidade do texto alternativo em HTML?

O texto alternativo fornece uma descrição textual de uma imagem se ela não puder ser exibida, ajudando os usuários a entender o conteúdo da imagem e auxiliando os bots dos mecanismos de pesquisa a entender o assunto da imagem.

O texto alternativo pode melhorar a acessibilidade do site?

Sim, o texto alternativo é essencial 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ências visuais, tornando a Web mais inclusiva.

Seguindo essas dicas, você pode garantir que as imagens do seu site sejam acessíveis e otimizadas para SEO, melhorando a experiência do usuário e o desempenho do mecanismo de pesquisa.