Texto Alternativo (Alt Text): o que é e como usar?

Se você chegou neste artigo, isso significa que você já tem uma estratégia de conteúdo. Afinal, o Alt Text ou Texto Alternativo é uma solução voltada para que conteúdos sejam acessíveis e otimizados, a fim de performarem bem nos mecanismos de pesquisa, como o Google, além de possuir um apelo de inclusão. 

Assim como em todo ambiente digital, a competitividade por ter a melhor posição nos mecanismos de pesquisa ou por ter soluções que facilitem a experiência do usuário também é alta. É por isso que várias estratégias são testadas, sendo a que vence, aquela que se destaca pela sua eficácia e simplicidade de uso, como é o caso do Alt Text.

A sua busca por um bom ranqueamento dos seus conteúdos na internet te trouxe aqui porque, assim como o SEO (Search Engine Optimization, em português: otimização para motores de busca) é essencial nesse processo, o Alt Text também tem um importante papel: ser mais uma forma de apoio para que ao seu conteúdo seja transmitido da melhor forma.

Código de HTML com a sinalização do que é alt text
Alt Text: o que é?

Neste artigo, você descobre o que de fato é o Alt Text e como você pode usá-lo, além de conhecer quais são as melhores práticas de escrita e como ele impacta a acessibilidade e o SEO dos seus conteúdos.

Vamos lá? 

Tá, mas então: o que é esse Alt Text ou Texto Alternativo?

Alt Text ou Texto Alternativo é uma descrição textual de imagens utilizadas em conteúdos na internet. Essa descrição, além de ser a chave para ajudar mecanismos de pesquisa a rastrearem e  classificarem as imagens e os conteúdos em que estão inseridas, ela também é fundamental para que ferramentas de leitura de tela consigam descrever essas imagens para usuários com deficiência visual.

E as razões para usar o Alt Text não param por aí. É bem provável que você já tenha se deparado com uma imagem que não carrega em algum site. Com essa problema com a imagem, possivelmente um ícone de imagem quebrada e um texto que descreve o que deveria estar ali aparece no local. Esse texto é um exemplo de Alt Text. 

Gato tigrado e ao seu lado um código de HTML com a sinalização do alt text
Exemplo de Alt Text

Ou seja, o Alt Text é como mais um apoio que você tem em relação à descrição de suas imagens na internet. Uma forma de descrever o que está sendo representado, garantindo que o conteúdo ainda seja compreensível mesmo quando a imagem não está disponível.

Vale destacar que as buscas do Google Imagens correspondem a 22,6% de todas as pesquisas feitas no site. E isso é bastante coisa, o que transforma as imagens em uma ferramenta poderosa para obtenção de mais tráfego ao seu site.

A importância do Alt Text ou Texto Alternativo

Você deve estar se perguntando: “Tá! Entendi o que é, mas será que vale mesmo a pena investir nessas descrições de imagens se existem outras formas de explicar o que está sendo ilustrado, como o próprio conteúdo que as hospeda?” ou “Existem vantagens reais sobre o uso do Alt Text?”.  Vamos explorar essas e outras questões.

Acessibilidade

Antes de mais nada é importante reforçar aqui que o uso do Alt Text é um prato cheio para que você alcance todos os públicos, já que se trata de uma ferramenta de acessibilidade. 

Segundo Miracle Inameti-Archibong, 12 milhões de usuários da internet têm deficiências visuais e 83% dessas pessoas preferem sites com altos padrões de acessibilidade. Já no Brasil, o IBGE aponta que mais de 6 milhões de pessoas têm deficiência visual.

Ou seja, estamos falando de um grande grupo de pessoas que utilizam diferentes tecnologias disponíveis no mercado para acessar conteúdos. E o Alt Text é uma delas, sendo a mais simples de usar em seu processo de criação, garantindo a eficácia da inclusão aos seus projetos. 

Como essas tecnologias utilizam do Alt Text para descrever as imagens para essas pessoas, isso garante que todos tenham uma experiência completa e inclusiva em seu site.

💡Leia também: Lead Magnet: o que é, para que serve e como fazer?

Por exemplo, imagine uma imagem de um gráfico de vendas. O texto alternativo poderia ser: “Gráfico de barras mostrando o aumento das vendas de janeiro a junho de 2024”. Isso permite que usuários com deficiência visual entendam o conteúdo da imagem.

SEO

No começo deste artigo, mencionamos o papel do Alt Text no SEO, afinal, os mecanismos de pesquisa utilizam o texto alternativo para entender o conteúdo das imagens e anexá-las corretamente.

Isso não só melhora a visibilidade do seu site nos resultados de busca, como o coloca em uma posição de destaque sobre as melhores práticas de conteúdo para um bom ranqueamento nesses mecanismos. É através dessas práticas que você consegue fazer com o que o seu site tenha esse reconhecimento. 

Por exemplo, se você tem uma imagem de um produto, como um “smartphone”, o texto alternativo poderia ser: “Smartphone modelo XYZ com tela de 6 polegadas e câmera de 12MP”. Isso ajuda o Google e outros mecanismos a entender o que está na imagem e a indexá-la corretamente, fazendo parte de um grande ciclo de informação. 

Um Alt Text otimizado pode ajudar as imagens a aparecerem no Google Imagens e em pacotes de imagens, gerando tráfego orgânico adicional. De acordo com a HubSpot, a sua própria estratégia de SEO que incluiu a otimização do Alt Text das imagens, aumentou o tráfego de imagens do blog em 779% em menos de um ano.

Página do Google Imagens com “Alt Text” na barra de busca
Google Imagens

Quando pesquisamos no Google sobre determinado objeto, por exemplo: “copo descartável”, os resultados que a ferramenta disponibiliza são baseados em seu banco de imagens e sua “inteligência de dados” referente a todas as descrições usadas para descrever esse objeto e às tecnologias que a própria ferramenta utiliza para ser esse grande buscador de informações.

Mas é necessário destacar aqui que podemos manter esse ciclo de informação vivo, trazendo vantagens para o nosso negócio, como seria o caso do seu site. Ao incluir o Alt Text, você não só mostra para os mecanismos do que se trata aquela imagem, como também garante autoridade sobre o conteúdo postado e sobre o seu site. 

Atenção: o uso inadequado do Alt Text pode trazer desvantagens

Sim, o Alt Text é uma excelente ferramenta para o seu site, mas o seu uso inadequado pode ter desvantagens significativas. E é sobre elas que vamos discutir agora:

1. Keyword stuffing

Incluir muitas palavras-chave no texto alternativo pode ser prejudicial, indo na contramão do suposto pensamento de que quanto mais palavra-chave melhor. Isso é conhecido como keyword stuffing e pode resultar em penalidades dos mecanismos de pesquisa, afetando negativamente o SEO do seu site.

Três smartphones nas cores preto, branco e azul, sendo o último com destaque para tela
Smartphones para exemplo de uso de Alt Text

❌”Smartphone barato smartphone com câmera boa smartphone tela grande” é um exemplo de keyword stuffing.
✅ “Três smartphones nas cores preto, branco e azul, sendo o último com destaque para tela”

2. Descrições irrelevantes

Usar descrições que não são relevantes ou que não expressem bem do que se trata a imagem pode confundir tanto os usuários quanto os mecanismos de pesquisa.

Cinco produtos cosméticos da marca “bonita”
Cosméticos da marca “bonita” para exemplo de uso de Alt Text

❌ “Imagem bonita” para uma foto de um produto específico não fornece informações úteis e é muito subjetivo.

✅ “Cinco produtos cosméticos da marca “bonita””

3. Descrições muito longas

É importante manter o Alt Text com menos de 125 caracteres para garantir que seja totalmente lido pelos leitores de tela. Textos alternativos muito longos podem ser difíceis de entender e podem sobrecarregar os usuários de ferramentas de leitura de tela.

Pôr do sol sobre o oceano em tons de laranja, rosa e roxo
Pôr do sol para exemplo de uso de Alt Text

❌ “Esta é uma imagem de um lindo pôr do sol sobre o oceano, com o céu pintado em tons de laranja, rosa e roxo, e as ondas quebrando suavemente na praia” é muito detalhado. 

✅ “Pôr do sol sobre o oceano em tons de laranja, rosa e roxo”

Como adicionar Alt Text às suas imagens

Bom, já falamos bastante sobre usar o Alt Text e agora vamos descobrir como adicioná-lo às suas imagens. Você vai perceber que é muito mais do que se imagina e pode ser feito diretamente no código HTML do seu site. Confira só: 

  • Escreva um texto específico e descritivo

Descreva a imagem de forma clara e concisa. Ex: “Mulher sorrindo enquanto segura um tablet”.

  • Seu texto precisa ser objetivo

O texto alternativo deve ser curto e direto ao ponto. Ex: “Cachorro correndo no parque”.

  • Não use “Imagem de” ou “Foto de”

Essas frases não tem valor para a sua descrição e ainda ocupam espaço, reduzindo a quantidade de caracteres disponíveis para o restante do texto. Em vez de “Imagem de uma árvore”, use “Árvore com folhas verdes”.

  • Considere o contexto

O Alt Text deve fazer sentido no contexto da página. Ex: uma página sobre jardinagem, inclua “Rosas vermelhas em um jardim”.

  • Evite informações redundantes

Não repita informações que já estão no texto ao redor da imagem. Por exemplo, se o texto ao redor já menciona que é uma “foto de um gato”, o texto alternativo pode ser apenas “Gato preto deitado no sofá”.

Exemplos de empresas que usam o Alt Text de forma eficaz

Amazon

Cada produto listado no site da Amazon tem Alt Text, com descrições detalhadas e específicas, afinal, sem elas o negócio em si seria muito difícil de funcionar, já que o Alt Text ajuda não só usuários com deficiência visual, mas todas as pessoas que desejam comprar determinado produto através das informações divulgadas sobre ele.

Além disso, também melhora o SEO do site, por exemplo, o produto da imagem abaixo, um Kindle, pode ter um Alt Text como: 

✅  “Kindle Paperwhite com tela de 6 polegadas e iluminação ajustável”.

Página da Amazon com Kindle Paperwhite
Página da Amazon para exemplo de uso de Alt Text

Apple

A Apple também é conhecida por seu uso de Alt Text. Em seu site, cada imagem de produto é acompanhada por uma descrição detalhada que ajuda a melhorar a acessibilidade e o SEO.

Por exemplo, uma imagem de um “iPhone” pode ter um Alt Text como: 

✅  “iPhone 14 Tela de 6,1 polegadas”

Página da Apple com modelos de iPhone 14
Página da Apple para exemplo de uso de Alt Text

💡 Dica da Selzy: clicando aqui você encontra as boas práticas de SEO para o Imagens do Google.

Ah, e você sabia que a Selzy pode te ajudar em suas estratégias de marketing e conteúdo mais do que imagina?

Conheça  os produtos que vão te ajudar em suas campanhas e não se esqueça que a Selzy possui mais de 100 modelos de e-mail para qualquer ocasião, para você adaptá-los às suas necessidades em um intuitivo construtor de e-mails de arrastar e soltar: começar agora!

Artigo escrito por
Jaqueline Oliveira
Sou formada em Jornalismo, e apaixonada pela escrita criativa. Especialista em redação, com experiência em copywriting e UX writing, comecei minha jornada em assessorias de imprensa e agências de comunicação, e hoje atuo como Redatora na BrandHouse do iFood. Amo cinema e cultura pop, e nas horas vagas dou uma de entendida, escrevendo críticas e resenhando filmes. LinkedIn
Saiba mais Jaqueline
Artigos mais recentes