Certamente já lhe aconteceu receber uma newsletter em que as imagens não se exibiam. Blocos cinzentos, cruzes vermelhas ou espaços vazios, e sobretudo uma mensagem que já não significa muito. Frustrante, até irritante. Ainda mais porque um pequeno detalhe técnico poderia ter mudado tudo: a tag alt. Neste artigo, explicamos-lhe porque esta pequena linha de código tem tanto peso em e-marketing e como utilizá-la eficazmente nos seus envios.
O que é a tag alt?
A tag alt (para «texto alternativo») é um atributo HTML associado às imagens. A sua função é simples, fornecer um texto alternativo que será exibido ou lido se a imagem não puder ser carregada.
Para melhor compreender, veja os diferentes casos:
- Se a imagem exibe corretamente, o leitor vê o visual.
- Se a imagem é bloqueada (pelo cliente de correio ou por causa de uma ligação lenta), o texto da tag aparece em vez dela.
- Se o utilizador é assistido por um leitor de ecrã, o texto da imagem será vocalizado.
Porque é primordial utilizar esta tag na sua newsletter?
Acessibilidade e inclusão
As regras WCAG (Web Content Accessibility Guidelines) e a sua variante portuguesa, o RGAA (Referencial Geral de Aperfeiçoamento da Acessibilidade), lembram que todo o conteúdo imagético deve ter uma alternativa textual. Isto garante que as pessoas com deficiência visual ou cegas, que navegam com leitores de ecrã, possam compreender as suas mensagens. Não é apenas uma obrigação moral, como também um sinal de seriedade para a sua marca.
No caso de exibição parcial dos emails
Nem todos os seus subscritores veem automaticamente as suas imagens, pois algumas caixas de correio bloqueiam-nas por defeito. Esse é o exemplo do Outlook. A tag alt permite então contornar o problema e serve como rede de segurança, pois aconteça o que acontecer, o seu texto está lá para substituir o visual se necessário. Sem a tag, o seu email pode parecer vazio, mal concebido, ou até suspeito.
Questão de conformidade e credibilidade
Respeitar estes padrões reforça a confiança dos seus subscritores. Demonstra que você domina os seus envios e considera todos os seus leitores, e não apenas aqueles que não têm problemas de visualização.
Não perder a ação chave
Um CTA em imagem que desaparece? Um visual de promoção invisível? Sem texto alternativo, você perde cliques, portanto conversões. A tag alt não é apenas uma muleta; também lhe permite desencadear uma ação, mesmo sem imagem.
Dicas para redigir bem as suas tags alt
A eficácia de uma alt assenta em três critérios: contextualização, concisão e clareza.
Você deve descrever o papel da imagem mais do que a sua aparência. Pergunte-se: «Porque coloquei esta imagem na minha newsletter?» A tag alt pode ser descritiva se for uma imagem com uma informação essencial (oferta, produto), ou orientada para a ação se for um CTA ou visual que remete para um link. Por exemplo, escrever «imagem de um telemóvel azul» não ajuda se o visual é um CTA indicando «Comparar planos móveis».
Seja conciso; uma frase curta basta na maioria dos casos.
Evite repetições. Se o texto já está presente no email, não é necessário repeti-lo na tag alt.
Exemplos de tags alt
Imagem decorativa
Se a imagem não tem utilidade (por exemplo, uma borda ou um elemento puramente gráfico), deve indicar que não tem texto alternativo. Isto permite aos leitores de ecrã ignorá-la e não perturbar a leitura.
Logótipo
O texto alternativo de um logótipo deve simplesmente dar o nome da marca, como «Captain Verify». Não é necessário adicionar «logótipo de…», pois o importante é que o leitor identifique a marca.
Visual de produto
Se a imagem apresenta uma oferta ou produto, o texto alternativo deve resumir o essencial. Exemplo: «Plano Premium: 1 milhão de verificações por mês». Assim, mesmo sem ver a imagem, o subscritor compreende imediatamente o que está em questão.
Botão imagem
Quando um botão é apenas em imagem, o seu texto alternativo deve descrever a ação esperada. Exemplo: «Experimente gratuitamente 14 dias». Desta forma, o leitor sabe o que fazer, mesmo se o botão for invisível.
Gráfico
Para um gráfico ou infográfico, o texto alternativo deve transmitir a mensagem chave.
Exemplo: «Deliverability média: 99,2 %. Ver detalhes». Se o leitor deseja mais informações, deve poder encontrá-las noutro lugar no email, sob a forma de texto ou de link.
Personalizar a tag alt
Em certos casos, é possível melhorar a apresentação da tag para a tornar mais visível e legível. No entanto, atenção, a personalização funciona em alguns clientes de correio (como o Outlook) e não ou de maneira diferente noutros (como o Gmail). Quando é suportada, pode escolher o tamanho do texto, o tipo de letra ou até a cor.
No entanto, mesmo que estas opções existam, não conte apenas com a personalização. Muitas caixas de correio só exibirão o texto simples. Portanto, é necessário redigir um texto alternativo acessível, breve e simples, que cumpra perfeitamente o seu papel mesmo sem estilo particular.
Por fim, nunca é demais dizer, pense sempre em testar os seus envios em diferentes ambientes (Outlook, Gmail, Apple Mail, webmails, mobile) para verificar o que os seus subscritores verão realmente.
Em resumo, cada texto alternativo bem pensado pode salvar um clique, preservar a compreensão da sua oferta e reforçar a credibilidade da sua marca. Reserve alguns minutos para abrir a sua última campanha, desative a exibição de imagens e pergunte-se se a sua newsletter permanece clara e coerente. Se a resposta for não, é certamente tempo de dar às suas tags alt a atenção que elas merecem.
