SEO

Saiba a Importancia da Tag ALT em imagem

13
Jul
2021

Giulia Oliveira

Analista de SEO, especialista em performance para ecommerce e soluções Google.

Mecanismos de busca e outros bots não são capazes de interpretar imagens, mas as imagens podem desempenhar um papel crucial na maneira como as pessoas interpretam uma página. A Tal ALT em imagem resolve isso, apresentando texto que é lido pelos robôs. Quando o Googlebot ou outros rastreadores de mecanismo de pesquisa verificam uma página, as imagens com texto alternativo formatado corretamente contribuem para como a página é indexada e onde ela se classifica.

No conteúdo de hoje, vamos te mostrar a importancia da Tag ALT em imagem e como você pode melhorar ainda mais a saúde de seu site. 

O que é a Tag ALT?

Uma tag alt, também conhecida como "atributo alt" e "descrição alt", é uma marcação HTML aplicada a tags de imagem para apresentar uma alternativa de texto para mecanismos de pesquisa. Aplicar Tag ALT em fotos de produtos, pode impactar positivamente as classificações de uma loja virtual no mecanismo de busca, por exemplo, pois você poderá ranquear através do Google Imagens.

Mesmo que você não possua um e-commerce, é fundamental que você tenha tag ALT em suas imagens, pois assim você poderá auxiliar usuários que visualizam uma página da web em leitores de tela ou navegadores que não podem processar imagens.

Razões de uma imagem não aparecer na página

Podem haver vários motivos pelos quais as imagens não são exibidas. Abaixo, elencamos os mais comuns, veja:

  • Navegadores Antigos: certos tipos de navegadores não podem interpretar certos arquivos de imagem;
  • Proteção anti rastreamento: alguns navegadores, como o Internet Explorer, oferecem proteção especial para rastreamento. Quando ativada, algumas imagens não são exibidas corretamente;
  • A exibição de imagem está desativada: navegadores como o Mozilla Firefox oferecem aos usuários a opção de não exibir arquivos de imagem;
  • Link padrão para o arquivo de imagem: se o navegador não puder exibir uma imagem, pode ser devido a um URL com defeito da fonte da imagem. Esses erros podem ocorrer, por exemplo, se o índice de imagem no servidor foi movido ou renomeado.

O Internet Explorer 7 mostrou o atributo ALT como uma dica de ferramenta. Portanto, muitas vezes era mal utilizado em outros navegadores como uma ferramenta auxiliar. No entanto, essa função pertence à tag de título, supondo que você pretenda usar um HTML válido.

Como é esse atributo?

A tag ALT possui a seguinte aparência:

<img src ="imagem.jpg" alt=“Breve descrição da imagem”>

A Tag ALT aparece na tela em vez de imagens e gráficos que não podem ser exibidos. Com o uso convencional de um site, os atributos não são visíveis. Você só pode ver os atributos caso acesse o código-fonte de um site ou com as ferramentas apropriadas.

Se o atributo estiver devidamente integrado, ele descreve o conteúdo da imagem com precisão e em poucas palavras. Para gráficos com texto, esse texto específico também deve ser incorporado no atributo ALT.

Todas as outras imagens devem ter uma descrição apropriada que seja útil para os usuários da Internet e indique o conteúdo da imagem para os motores de busca.

Como deve ser formatado esse atributo?

Para uma boa visualização não apenas dos usuários que necessitam da ALT Tag para compreender o conteúdo de imagem, mas também para os robôs dos buscadores, existem alguns pontos cruciais que não podem ser mal preenchidos durante a elaboração de um texto alternativo de qualidade. Veja abaixo:

  • Seja direto em suas descrições: não adianta preencher um texto bem extenso, você precisa facilitar a compreensão do significado das imagens;
  • Utilize palavras-chave: Evite excessos, o ideal é que você coloque o mínimo de informações possível, focando assim no termo principal de sua imagem;
  • A experiência do usuário vem em primeiro lugar. Mantenha o texto claro e conciso;
  • Não descarte NENHUMA imagem durante sua otimização: imagens de formulário, CTA's, ícones e afins deverão ter o referido atributo. Se você quer ter uma otimização interna impecável, não se esqueça que existem pessoas que dependem desse tipo de atributo para compreender do que você está tratando.

Um exemplo prático:

  • Ruim (sem texto alternativo): <img src="cachorro-filhote.jpg"/>
  • Ruim (excesso de palavras-chave): <img src="cachorro-filhote.jpg" alt="cachorro filhote filhote de labrador filhote de labrador brincando cachorro filhote labrador brincando no parque"/>
  • Melhor: <img src="cachorro-filhote.jpg" alt="Cachorro filhote"/>
  • Muito melhor: <img src="puppy.jpg" alt="Cachorro Filhote Labrador Brincando"/>

Além de você ter a palavra-chave em sua Tag ALT, não se esqueça de sempre salvar a imagem em seu computador já com a palavra-chave da página, separando sempre as palavras por hífen. 

Por exemplo: cachorro-filhote.png

Importância para SEO

Para SEO , a tag ALT possui papel importante tanto para o usuário quanto para os robôs. Se o atributo ALT for exibido sem suporte do navegador, a usabilidade do site não será afetada. Por meio do texto alternativo, o usuário pode ver o que deve ser renderizado. Para os motores de busca, as tags ALT fornecem indicações importantes sobre o conteúdo da imagem e, especialmente, o contexto de um site.

Com essa compreensão do contexto da imagem, seu site também poderá ter um bom posicionamento no Google Imagens. Como sabemos, toda forma de aparecer nos resultados de pesquisa sem precisar pagar, é válida e rentável. 

Durante a inserção de imagens em um site, é comum nos esquecermos de fazer o preenchimento de alguns atributos, como o ALT, por exemplo.
Se você possui um e-commerce ou blog com centenas de imagens e não sabe verificar em quais delas existe a ausência desse atributo, saiba que é possível você automatizar esse processo de análise. 

Como já sabemos, a ferramenta de SEO WebPeak é o melhor auditor de sites do mercado, te mostrando tudo que o seu site atende ou não segundo as diretrizes do Google para uma boa performance online.

Veja como é simples a apresentação de imagens sem Tag ALT

Saiba a Importancia da Tag ALT em imagem


No canto esquerdo da captura de tela acima, você verá qual é a imagem que não possui o referido atributo. Já no lado direito, você conseguirá saber qual é a página onde está localizada essa imagem. 

Aqui é assim: simples e prático!

Ainda não nos conhece? Vou resumir sobre como podemos te ajudar tanto sobre a Tag ALT de suas imagens quanto os demais fatores sensíveis de SEO.

A Ferramenta de SEO WebPeak possui em sua estrutura os principais recursos para que você acompanhe a evolução de seu website nos resultados de pesquisa. 

Com ela, você poderá conferir a saúde interna e externa de seu site, questões relacionadas aos seus concorrentes e também acompanhar o engajamento social de suas páginas no Facebook, Google Plus, Pinterest...

Graças aos nossos recursos, você saberá qual é a melhor palavra-chave a ser utilizada, quais são os pontos em que você precisa corrigir e o melhor, a ferramenta mostra quais são as páginas com pendências em SEO e como você pode corrigir. 

Para finalizar, lembre-se de antes de otimizar sua Tag Alt fazer sua pesquisa de palavras-chave, escrever o conteúdo da página, encontrar imagens que correspondam a palavras-chave, mantenha as descrições curtas, precisas e legíveis por humanos.

Gostou do nosso conteúdo? Não deixe de se inscrever em nossa newsletter e ficar por dentro de todas as novidades! :D 


Até a próxima!

Últimas Postagens WebPeak

SEO

Conheça o Gerador de Title e Description Grátis da WebPeak

Google

Quer saber como disparar site na busca orgânica? Veja essas dicas!

SEO

10 melhores práticas para impulsionar o SEO WordPress

E-Commerce

Transformações no Marketplace