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á?
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á?
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.
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.
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.
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.
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.
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.
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:
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.
❌”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”
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.
❌ “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””
É 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.
❌ “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”
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ó:
Descreva a imagem de forma clara e concisa. Ex: “Mulher sorrindo enquanto segura um tablet”.
O texto alternativo deve ser curto e direto ao ponto. Ex: “Cachorro correndo no parque”.
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”.
O Alt Text deve fazer sentido no contexto da página. Ex: uma página sobre jardinagem, inclua “Rosas vermelhas em um jardim”.
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á”.
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”.
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”
💡 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!