Adicionar imagens aos seus artigos incentiva as pessoas a lê-las, mas independente da imagem, lembre-se sempre de colocar atributo img alt às suas imagens : as tags img alt fortalecem a imagens dos seus artigos com os spiders dos mecanismos de pesquisa e melhoram a acessibilidade do seu site além de fazer suas imagens aparecem nas buscas de diretórios de imagens, como por exemplo: o Google Imagens.
Este artigo explica tudo sobre tags alt e por que você deve otimizá-las.
Observação: o termo “tag alt” é uma abreviação comumente usada do que é realmente um atributo alt em uma imgtag. A tag alt de qualquer imagem no seu site deve descrever o que está nela (sobre o que a imagem é). Leitores de tela para cegos e deficientes visuais lerão este texto e, portanto, tornarão sua imagem acessível também.
O que são Tags Img alt?
Esta é uma tag de imagem HTML completa:
<img src=“imagem.jpg” alt=“descrição da imagem” title=“título para a imagem”>
Os atributos alt e title tag de uma imagem são comumente referidos como alt tag ou alt text e title tag – mesmo que não sejam tags tecnicamente. O texto alt descreve o que está na imagem e a função da imagem na página. Então, se você estiver usando uma imagem como um botão para comprar o produto X, o texto alternativo deve dizer: “botão para comprar o produto X”.
A tag alt é usada por leitores de tela, que são navegadores usados por deficientes visuais, para informar o que está na imagem. O atributo de título é exibido como uma dica de ferramenta quando você passa o mouse sobre o elemento, portanto, no caso de um botão de imagem, o título da imagem pode conter uma “frase de chamariz” extra, como “Compre o produto X por R$ 29!”.
Cada imagem deve ter um texto alternativo, não apenas para fins de SEO , mas também porque as pessoas com deficiência visual não saberão o que é a imagem, mas não é necessário um atributo de título. Pode ser útil, mas na maioria dos casos, deixar de fora não deve ser um problema muito grande.
Mas e se uma imagem não tiver um propósito?
Se você tem imagens em seu design que estão puramente lá por razões de design, você está fazendo errado, como essas imagens devem estar no seu CSS e não no seu HTML. Se você realmente não pode mudar essas imagens, dê a elas um atributo alt vazio, assim:
<img src="imagem.png" alt="">
O atributo alt vazio garante que os leitores de tela pulem a imagem.
Texto alternativo Alt e SEO
O artigo do Google sobre imagens tem um título “Criar ótimo texto alternativo”. Isso não é coincidência porque o Google coloca um valor relativamente alto em texto alternativo para determinar não apenas o que está na imagem, mas também o tópico do texto ao redor.
Se você usa wordpress, na análise de conteúdo do plugin Yoast SEO , existe um recurso que verifica especificamente se você tem pelo menos uma imagem com uma tag img alt que contém sua palavra-chave foco. Vale a pena prestar atenção neste detalhe
Yoast SEO tem os seguintes três estágios para imagens e seu alt text em suas postagens:
Definitivamente, não estamos dizendo que você deve enviar spam para sua palavra-chave em todas as tags img alt. Você precisa de imagens boas e de alta qualidade para suas postagens, onde faz sentido ter a palavra-chave foco no texto alternativo.
Se você olhar para as três opções acima, elas têm as mesmas tags alt e title para que você possa passar para vê-las – você verá que cada uma delas tem um texto alternativo razoavelmente longo e descritivo. É como um bom texto alt parece.
Se sua imagem for de um produto específico, inclua o nome completo do produto e o ID do produto na tag alt para que seja mais facilmente encontrado. Em geral: se uma palavra-chave puder ser útil para encontrar algo que esteja na imagem , inclua-a na tag alt, se possível.
Alt e title atributos no WordPress
Quando você carrega uma imagem no WordPress, você pode definir um título e um atributo alt. Por padrão, ele usa o nome do arquivo de imagem no atributo de título, que, se você não inserir um atributo alt, copia para o atributo alt. Enquanto isso é melhor do que escrever nada, é uma prática muito ruim.
Você realmente precisa dedicar tempo para criar um texto alternativo adequado para cada imagem adicionada a uma postagem. A interface facilita: clique em uma imagem, aperte o botão de edição e você verá isto:
Não há desculpa para não fazer isso direito, a não ser a preguiça. Seu (imagem) SEO será realmente benéfico se você conseguir fazer esses pequenos detalhes corretamente. Usuários com deficiência visual também gostarão de você ainda mais por isso.
Gostaria de ler mais sobre SEO Img Alt e Outros assuntos? Veja:
Um abraço e até o próximo post! 🙂
