Texto Alternativo (Alt Text)

O que é o texto alternativo (alt text)?

Texto alternativo (alt text) é a descrição que fornece no atributo alt de uma tag <img>, por exemplo <img src="boot.jpg" alt="Bota de couro marrom vista de lado">. Os leitores de ecrã leem o texto em voz alta para utilizadores com deficiência visual, e este serve como alternativa se a imagem não carregar. Ao mesmo tempo, o Google usa o alt text como um sinal sobre o que a imagem retrata.

Por que o texto alternativo é importante?

Para uma loja online, o alt text resolve duas coisas de uma só vez: acessibilidade e SEO. Um alt text descritivo torna as imagens dos produtos compreensíveis para os clientes que navegam com um leitor de ecrã, e uma boa acessibilidade das imagens é um requisito da Lei Europeia da Acessibilidade para muitas lojas. Também ajuda o Google a entender e indexar as suas imagens, o que pode trazer tráfego extra do Google Imagens. Imagens puramente decorativas devem utilizar um atributo alt vazio (alt="") para que os leitores de ecrã as ignorem em vez de anunciarem o nome do ficheiro.

Casos de uso comuns

• Imagens de produtos: Descreva o produto especificamente (“camisola de lã vermelha com gola alta”) em vez de apenas “camisola” ou o SKU do produto.
• Imagens decorativas: Use alt="" para fundos e adornos para que as tecnologias de assistência os ignorem.
• Imagens usadas como links ou botões: O alt text atua como o texto do link e deve descrever para onde o link aponta.
• Infográficos e texto em imagens: Reproduza o texto importante para que o sentido não se perca para os leitores de ecrã e para o Google.

Perspectiva do Shopify

No Shopify, pode editar o alt text nas imagens de cada produto (clique na imagem e escolha “Editar texto alternativo”), e o tema normalmente renderiza-o com {{ image.alt }} em Liquid. O Shopify não preenche automaticamente um alt text significativo; muitos temas recorrem ao título do produto, o que raramente é uma descrição precisa. Mantenha o texto conciso (idealmente com menos de ~125 caracteres), descreva a imagem naturalmente e evite o excesso de palavras-chave. Considere guardar imagens como WebP para maior velocidade — o alt text mantém-se independentemente do formato do ficheiro.