O Atributo ALT é Importante para as Imagens?

O que é o atributo ALT?

Um atributo ALT ou texto alternativo é uma descrição fornecida para uma imagem que, no caso de a imagem estar quebrada ou não poder ser lida (como no caso de bots ou usuários com deficiência visual), é fornecida para apoiar nosso conteúdo.

Para que serve o atributo ALT em uma imagem?

O principal objetivo do atributo ALT é facilitar a acessibilidade web para aqueles usuários que não conseguem ver as imagens corretamente. Um exemplo disso são os usuários que dependem de leitores de tela, que, como o nome sugere, são programas de software que leem o conteúdo da tela em voz alta.

Quando um desses leitores chega a uma imagem, como não pode descrever a imagem em si, utiliza o texto alternativo para dar contexto ao usuário sobre o que poderia ser visto na foto. Dessa forma, o usuário pode navegar por um site corretamente sem ter que "perder" informações das imagens.

Por que a tag ALT é importante para o SEO?

Nosso papel como consultores de SEO é fornecer ao Google o máximo de informação possível para que ele possa entender nosso conteúdo e, portanto, mostrá-lo para os usuários certos.

Embora seja verdade que o Google melhorou muito seu processador de imagens e, sem dúvida, consegue entender o conteúdo de uma imagem de maneira geral, é sempre uma boa ideia que nossas imagens incluam o atributo ALT. Dessa forma, garantimos que o Google tenha toda a informação sobre a foto e possa entender seu significado dentro do nosso conteúdo.

Como mencionamos, o melhor é usá-los corretamente e não tentar "enganar" o Google de uma maneira ruim. Em outras palavras, não faz sentido colocar uma foto de um carro em seu conteúdo e depois escrever "tênis baratos" como texto alternativo. Eles não têm relação e podem levantar bandeiras vermelhas (especialmente se o texto alternativo for usado para keyword stuffing).

Use fotos e textos alternativos que estejam relacionados ao seu conteúdo. O melhor é sempre seguir essa regra e incluir sua palavra-chave principal, uma secundária, algum termo semântico, etc. no texto alternativo. Normalmente, você não terá problemas para fazer isso, já que poderá incluí-la de forma natural.

Como adicionar a tag ALT a uma imagem

Neste ponto, você provavelmente está se perguntando: Como posso adicionar esse texto alternativo ao meu site?

Não se preocupe, porque estamos aqui para ajudar. Preste atenção enquanto vemos como fazer isso nos dois CMSs mais populares:

Como adicionar o atributo ALT a uma imagem no WordPress

Nesse caso, é bem simples. Tudo o que temos que fazer é ir à nossa biblioteca de mídia, escolher a foto e preencher o campo destinado ao texto alternativo:

Para fornecer um pouco mais de contexto, poderíamos até preencher a legenda e a descrição como mostrado na imagem. Além disso, podemos fazer isso diretamente no editor do artigo no momento de adicionar a imagem.

Como adicionar o atributo ALT a uma imagem no PrestaShop

No PrestaShop não temos uma biblioteca de mídia nem um campo dedicado para isso.

Então, como adicioná-lo?!

Não se preocupe, vamos explicar o truque. O que você tem que fazer é preencher o campo de legenda dentro das imagens do produto:

Na maioria dos temas, o que você colocar no campo Legenda será definido como o atributo ALT da imagem que está editando.

O problema é que, neste CMS, adicionar atributos ALT pode ser muito tedioso, já que você tem que fazê-lo um por um. Por essa razão, em nosso guia de SEO no PrestaShop mencionamos um módulo que permite adicionar rapidamente ALT a todas as imagens.

Como visualizar o atributo ALT das imagens

Agora vamos explicar como você pode verificar se um site tem atributos ALT em suas imagens ou não. Existem duas opções:

Pelo inspetor

Se você usa o Chrome, ao clicar com o botão direito dentro de qualquer site pode acessar o inspetor. Uma vez nele, basta selecionar a imagem e visualizar o ALT:

Um pouco confuso? Talvez, mas não se preocupe, trouxemos outra opção mais fácil:

Por meio de uma extensão do Chrome

Nesse caso, recomendamos instalar a extensão SEO para Chrome chamada Web Developer. Uma vez que você a tenha, basta ir ao ícone de engrenagem e selecionar images > Display Alt Attributes:

Depois de ativar essa opção, você verá que ao lado de cada imagem há um pequeno tooltip com o atributo ALT de cada imagem:

Conclusão

Como vimos, os atributos ALT são um fator de SEO frequentemente negligenciado, mas que pode dar a você um pequeno impulso extra dentro de sua estratégia de SEO.

Lembre-se de sempre escolher uma foto que combine com o texto para que o usuário não fique confuso ao vê-la, e escrever um texto alternativo que seja descritivo e relevante tanto para o usuário quanto para nosso querido amigo Google.

Como sempre, estaremos esperando nos comentários por qualquer dúvida que você possa ter :)