- Autor: Victor Pinheiro
- 8 Minutos de leitura
- 14 de novembro de 2023
Conteúdo criado por humano
Por que o alt text é essencial para sua estratégia SEO? Descubra
O texto alternativo, ou alt text, é essencial para a otimização do seu site. Ele garante mais acessibilidade para pessoas que dependem de leitores de tela e também descreve o seu conteúdo para o algoritmo do Google, otimizando o seu posicionamento no buscador.
Por isso, o alt text deve ser sempre usado para descrever imagens. Essa estratégia é muito importante para acessibilidade na web, além de melhorar a experiência do usuário, otimizar imagens e contribuir para estratégias de SEO (Search Engine Optimization).
Confira a seguir um guia com dicas práticas para o uso adequado do atributo alt text em imagens e entenda seus impactos e benefícios para ranquear melhor seu site nos resultados de pesquisa do Google. Boa leitura!
O que é alt text e por que é importante para o SEO?
Quando você acessa um site e, por algum motivo, as imagens não são carregadas, provavelmente você verá descrições de texto no lugar dos recursos visuais. Essas descrições são o alt text ou texto alternativo, essenciais para uma boa experiência do usuário.
O texto alternativo é a descrição textual atribuída a uma imagem em um site. É um atributo HTML que fornece informações para usuários que não conseguem visualizar a imagem e para os robôs do Google.
Ao usar o alt text, o site se torna mais acessível, já que as ferramentas de leitura que auxiliam pessoas conseguem identificar o que está escrito.
O alt text está diretamente ligado ao conceito de palavra-chave, o texto que representa a intenção do usuário, que ele jogará no Google para encontrar o conteúdo que procura.
Já que o alt text descreve os elementos visuais do conteúdo, ele deve conter as palavras-chave para indicar ao algoritmo do que se trata e para que essa imagem fique bem posicionada nas pesquisas.
Benefícios do uso adequado do alt text
Como você viu, o alt text e a otimização de imagens são essenciais para o SEO do seu site, para a acessibilidade e outros fatores. As descrições relevantes e precisas são capazes de melhorar a visibilidade da sua página nos resultados de pesquisa.
Entenda mais sobre as suas vantagens:
Aumento da acessibilidade para usuários com deficiência visual
O alt text permite que pessoas que usam leitores de tela entendam o conteúdo descrito na imagem.
Assim, os leitores de tela irão ler o alt text e, ao fornecer uma descrição precisa, você garante que todos os usuários consigam ter uma boa experiência, independente de variáveis.
Melhoria da experiência do usuário ao fornecer informações adicionais sobre a imagem
Além da acessibilidade web, o alt text também melhora a experiência do usuário que sofre com uma imagem não carregada corretamente.
Assim, a descrição do alt text é exibida no lugar do recurso visual, indicando o que a imagem representa. Isso ajuda a garantir uma boa experiência do usuário, e a empresa transmite a mensagem mesmo diante do obstáculo.
Aumento do potencial de classificação nas pesquisas de imagens do Google
Os robôs do Google que rastreiam os conteúdos não podem “ver” as imagens. Por isso, dependem do atributo alt text para entender o conteúdo do seu site.
Assim, o alt text também permite que o Google compreenda a imagem, possivelmente melhorando a indexação e o posicionamento do conteúdo.
Além disso, a análise do alt text é usada pelo Google para exibir imagens nos resultados da parte de “Google Imagens”. A descrição relevante e precisa ajuda a sua imagem a ser encontrada nesses resultados, aumentando a visibilidade do seu site.
Então, o indicado é nunca deixar o alt text em branco! Sempre inclua a descrição em suas imagens.
Como escrever alt text relevante e descritivo?
Ao escrever alt text, é importante seguir algumas diretrizes. Como evitar descrições genéricas, longas, spam, palavras-chave desnecessárias e outros detalhes que irão entregar uma má experiência para o usuário. Entenda mais a seguir:
Descrição precisa e concisa da imagem
Seja descritivo, preciso e use poucas palavras! Pense no design responsivo, pois nem todos os usuários visitam o seu site pelo desktop.
Outros pontos que podem ajudar é recorrer à objetividade, conteúdo claro, conciso e com palavras-chave relevantes, nada genérico ou longo demais. Forneça informações suficientes para transmitir o que significa a imagem, indicando os elementos principais dela. Evite repetir o que já está no conteúdo textual.
Entenda o que é o conceito do mobile first e como aplicar!
Inclusão de palavras-chave relevantes, quando apropriado
Para o Google achar uma imagem em específico, ele precisa de uma indicação baseada no tema da imagem. O alt text deve apresentar esse recurso visual para o Google – portanto, não se trata de um título, mas de uma descrição.
Se a imagem estiver relacionada a uma palavra-chave importante para indicar ao Google do que se trata o seu conteúdo, inclua essa palavra-chave. Para a otimização de imagens, inclua palavras-chave relevantes, para fins de SEO.
Evitar spam de palavras-chave e excesso de otimização
O texto alternativo deve ser útil para os usuários. Evite encher o alt text com palavras-chave desnecessárias e repetidas, que não entregam informações, benefícios e acessibilidade. Isso é considerado spam e pode prejudicar a experiência do usuário e, por consequência, o SEO para imagens.
Quais são as melhores práticas para otimizar alt text em imagens?
Para que o seu alt text seja eficiente, ele deve ser descrito com um tom de voz natural. Escreva o seu alt texto como você descreveria a imagem para alguém.
Finalmente, vamos às melhores práticas de alt text!
Uso do atributo alt em tags de imagem HTML
Para adicionar o texto alternativo no seu site, você precisa entrar no código do site. Mas não se preocupe, pois é uma etapa fácil, mesmo para quem não é especializado em programação. O texto alternativo é inserido através do atributo alt na tag <img>. Veja o exemplo a seguir:
<img src=”tabuadequeijos.jpg” alt=”tábua de frios quadrada com queijo, biscoitos, frutas e outros lanches coloridos”>.
Esse atributo é essencial para qualquer tag de imagem HTML. É nele que você vai fornecer uma descrição precisa da imagem, do que está sendo mostrado, a ação que está sendo realizada e o contexto.
Criação de alt text para imagens decorativas e de layout
Nem todas as imagens precisam de um alt descritivo. Essa regra se aplica a logotipos e ícones, por exemplo.
Para criar alt text para imagens decorativas ou de layout sem conteúdo informativo, use um atributo “alt” vazio (alt=””) para indicar que a imagem é decorativa, de forma que os leitores de tela não irão ler a imagem desnecessariamente.
Utilização de caracteres especiais
Ao criar alt text para imagens, pode ser preciso separar palavras. Use caracteres especiais, como hífens ou barras, melhorando a legibilidade do atributo alt e ajudando os leitores de tela a interpretar.
Exemplo: “gato-passeando-no-quintal.jpg” ou “homem-trabalhando-no-computado.webp”.
Essa separação otimiza a legibilidade do texto e facilita a compreensão do conteúdo.
Qual é o impacto do alt text na experiência do usuário e na acessibilidade do site?
O tamanho do arquivo da imagem influencia na velocidade de carregamento da página e, por consequência, na experiência do usuário. Se a página demora para ser carregada, o Google dará preferência para outros sites mais rápidos.
Então, faça otimização de imagens para que a página carregue rapidamente. E isso inclui o formato da imagem e também o alt text. Por fim, cuide da legenda das imagens, que também influencia no seu SEO, além de ser poderosa para prender a atenção do usuário.
Como você viu, usar o SEO para compor um site exige pensar em muitas variáveis para que o resultado final seja ótimo. Primeiro, a otimização das imagens é parte essencial do Core Web Vitals, e fará com que pessoas que procuram por imagens similares visitem o seu site.
Ao adicionar o atributo alt e otimizar as imagens, você irá se comunicar rapidamente com o seu leitor, prendendo a atenção dele.
Quando o site carrega mais rápido e entrega a informação que o usuário busca, o tempo de permanência dele acaba sendo maior, o que é um ótimo sinal para que o seu site fique bem posicionado no Google.
Dessa forma, o atributo alt entrega acessibilidade, melhora a experiência do usuário e dialoga diretamente com o Google. Estratégia essencial, certo?
Então, você precisa de uma equipe especializada para te ajudar a alcançar melhores resultados. Aqui na Queen, desenvolvemos sites com agilidade, responsividade e seguindo todas as boas práticas para conseguir alcançar as primeiras posições do Google. Se esse é o seu objetivo, conte com a Queen para trazer mais visibilidade para a sua página através do SEO! Clique no botão abaixo e conheça as nossas soluções.