O Alt text (texto alternativo), também conhecido como "atributos alt" e "descrições alt", são utilizados para descrever uma imagem.
O preenchimento da tag alt é essencial para os motores de busca (Google, Bing, DuckDuckGo, Yahoo), a função dessa tag é descrever o que tem dentro da imagem.
Com a evolução da tecnologia e a inteligência artificial, a cada dia os motores de busca estão mais inteligentes. Isso não quer dizer que ela não precise da sua ajudinha.
A utilização do texto alternativo vai melhorar a experiência do usuário e consequentemente obter benefícios relacionados ao SEO.
Conhecemos algumas práticas recomendadas como utilizar palavras-chave no nome da imagem, mas somente a palavra-chave no texto alternativo é bom?
A resposta para pergunta é sim e não. A tecnologia para reconhecer uma imagem está em constante evolução e tem melhorado a cada dia, mas elas ainda não conseguem detalhar com precisão o conteúdo que tem dentro.
Voltando para resposta, sim, você pode utilizar apenas uma palavra-chave, e não, não é aconselhável deixar a interpretação exclusivamente nas mãos dos motores de busca. Se eles não entenderem ou errarem o que sua imagem é, é possível que você classifique por palavras-chave indesejadas ou perca completamente a classificação.
Exemplo com apenas a palavra-chave:
<img src="tenis.jpg" alt="tênis">
Este texto alternativo é apenas "bom" porque não é descritivo. a imagem é um tênis. Mas, há mais a ser dito sobre a imagem.
Exemplo descrevendo a imagem:
<img src="tenis.jpg" alt="Tênis de corrida para performance ideal para corredores com pisada neutra">
Este texto alternativo é uma alternativa melhor porque é muito mais descritivo do que está na imagem. Isso não é apenas um tênis (como o primeiro exemplo demonstrou), é um tênis de corrida para performance ideal para corredores com pisada neutra.
Agora sabemos que é melhor descrever uma imagem para os motores de busca, mas esse não é o único motivo, um motivo extremamente importante é que muitas vezes são esquecidos a questão de acessibilidade, e esse fator não pode ser ignorado.
Transformar a loja virtual mais acessível é um trabalho diário, o objetivo é descrever as imagens para os visitantes que não conseguem vê-las. Esses usuários não utilizam os navegadores tradicionais que utilizamos, são navegadores específicos, isso inclui leitores de tela e navegadores que bloqueiam imagens. Ou seja, o texto alternativo é a única solução, incluir texto alternativo nas imagens garante que todos os usuários, independentemente da capacidade visual, possam apreciar o conteúdo da sua loja virtual.
Boas práticas para escrever seu texto alternativo:
- Adicione texto alternativo descritivo às imagens
- Descreva a imagem o mais especificamente possível
- Mantenha-o (relativamente) curto. Os leitores de tela mais populares cortam o texto alternativo em cerca de 125 caracteres
- Use suas palavras-chave, o texto alternativo oferece uma oportunidade de incluir palavra-chave em uma página
- Evite o excesso de palavras-chave.
- Não negligencie os botões do formulário. Se um formulário em seu site usa uma imagem como botão "enviar", atribua a ele um atributo alt. Os botões de imagem devem ter um atributo alt que descreva a função do botão, como "comprar", "inscrever-se" etc.
- Fornece uma forma alternativa de CAPTCHA que produz o código CAPTCHA como áudio
Conheça mais sobre a Diretriz 1.1 Alternativas de texto.
Boas vendas!
Este artigo foi escrito por Adriano Yamuto, da equipe de desenvolvimento do Fastcommerce.
Postar um comentário