Melhores práticas de e-mail em HTML: os e-mails somente com imagens são ruins para o marketing?
Publicados: 2022-11-24As empresas bem-sucedidas dão alta prioridade à aplicação dos padrões de sua marca - e com razão. É uma representação visual do relacionamento que eles têm com seus clientes e eles mantêm esse relacionamento sempre usando as mesmas fontes, cores, logotipo e estilo de imagem.
É por isso que pode ser tão chocante quando você começa a elaborar uma estratégia de marketing por e-mail para seu cliente e percebe que está limitado a fontes seguras para a Web, não pode sobrepor palavras facilmente em imagens e não pode controlar a aparência exata do texto. porque o preenchimento ou as margens variam de acordo com a caixa de entrada.
Por causa disso, você pode ficar tentado a criar um modelo somente de imagem para que seu e-mail sempre tenha a aparência que você deseja. Infelizmente, essa é uma estratégia míope que provavelmente causará mais problemas do que soluções. Continue lendo para saber o porquê (e o que você deveria fazer).
Por que você deve evitar e-mails apenas com imagens
Infelizmente, os benefícios dos e-mails apenas com imagens não superam as desvantagens. Abaixo estão apenas algumas das razões pelas quais você deve evitá-los.
Eles podem causar problemas de capacidade de entrega
Quando se trata de elaborar suas campanhas de e-mail, sua principal prioridade deve ser sempre a capacidade de entrega. E-mails apenas com imagem são frequentemente enviados diretamente para a pasta de spam porque podem ser uma tática usada por golpistas para contornar os filtros de texto implantados para detectar palavras ofensivas ou enganosas.
O tamanho geral do arquivo do seu e-mail também afeta a capacidade de entrega, conforme mostrado neste e-mail no artigo ácido, e os e-mails apenas com imagens são muito maiores do que os e-mails em HTML.
Eles podem demorar para carregar - ou nem aparecer
Alguns clientes de e-mail podem ter imagens desativadas por padrão por motivos de segurança ou para proteger os usuários de conteúdo potencialmente ofensivo ou malware. Se você criou um e-mail apenas com imagens, eles podem ver nada além de uma parede de ícones de imagens quebradas, como os exemplos mostrados neste artigo decisivo sobre bloqueio de imagens.
E-mails com muitas imagens também podem aumentar muito o tempo de carregamento do e-mail, o que pode prejudicar o envolvimento do usuário. As pessoas gastam em média de 10 a 13 segundos lendo um e-mail individual; isso significa que, se houver algum atraso enquanto as imagens são carregadas, a já estreita janela de oportunidade que você tem para transmitir sua mensagem diminuirá ainda mais.
Eles comprometem a acessibilidade
As pessoas com deficiência visual terão muito mais dificuldade em usar um dispositivo de leitura de tela para interpretar um e-mail apenas com imagem. Embora as imagens em um e-mail devam sempre ter um texto alternativo descritivo relevante para o conteúdo do e-mail, elas não devem substituir totalmente o texto do e-mail.
Eles não são otimizados para dispositivos móveis
Se você criar um e-mail apenas com imagem para desktop, seu cliente ficará olhando para vê-lo em seu dispositivo móvel. Por outro lado, se você projetá-lo para facilitar a leitura em telefones, ele parecerá grande como um desenho animado na tela do computador.
Eles não são tão pesquisáveis quanto e-mails em HTML
Se você enviar um e-mail com informações que um contato deseja consultar posteriormente, como um cupom ou um próximo evento, ele terá mais dificuldade em pesquisar sua mensagem na caixa de entrada se todo o texto for baseado em imagens.
Agora que você está ciente de todos os motivos pelos quais não deve criar e-mails apenas com imagens, aqui estão algumas práticas recomendadas a serem lembradas ao criar e-mails em HTML bonitos e eficazes.
Práticas recomendadas para criar e-mails em HTML
Isso significa que você deve evitar imagens em seus e-mails? De jeito nenhum! A maioria dos recursos sugere uma proporção de texto para imagem de 60/40 para o melhor equilíbrio entre capacidade de entrega e uma ótima experiência do usuário. Experimente estas estratégias para criar e-mails que causam impacto com ou sem exibição de imagens.
Reduza o tamanho de suas imagens o máximo possível
Você pode - e deve - ainda incluir imagens em seu e-mail, mas o tamanho do arquivo deve ser minimizado antes de adicioná-los ao seu modelo de e-mail.
Para exportar suas imagens para um e-mail do Photoshop, selecione Arquivo > Exportar > Salvar para a Web. Para imagens opacas, como fotografias, o formato de arquivo JPEG permitirá um tamanho de arquivo menor que o PNG. Para imagens ilustradas como logotipos que exigem transparência, o PNG é a opção ideal.
Se você não tiver acesso ao Photoshop, uma ferramenta gratuita de compactação de imagens on-line, como o tinypng, pode ajudar a manter os tamanhos de imagem no mínimo.
Usar texto ao vivo
Na maioria dos casos, todas as palavras do e-mail devem ser texto HTML que pode ser selecionado com um cursor e lido por um dispositivo de leitura de tela. Embora a lista original de fontes seguras para a Web seja sua escolha mais segura, algumas caixas de entrada podem exibir sua fonte (por exemplo, o Gmail mostrará o Google Fonts).
Você sempre pode optar por usar a fonte da sua marca primeiro com fontes seguras para a Web como alternativa. Ao usar vírgulas em CSS, você está dizendo à caixa de entrada para usar a primeira fonte, se possível, a segunda, se possível, e finalmente qualquer outra fonte sem serifa, se as outras duas não estiverem disponíveis.
<style=”font-family: 'KoHo', Arial, sans-serif”>Criar botões à prova de balas
Um botão à prova de balas é qualquer botão de e-mail criado usando HTML em vez de uma imagem. Eles podem ser feitos usando vários métodos, incluindo preenchimento, bordas ou Vector Markup Language (VML).
Este criador de botão de e-mail à prova de balas pode ajudá-lo a criar facilmente um botão estilizado que será exibido lindamente na maioria das caixas de entrada, incluindo o Outlook.
Troque Imagens por Gifs para Máximo Impacto
Você pode se surpreender ao saber que um gif animado pode ser ainda menor em tamanho de arquivo do que uma fotografia. Tudo se resume à complexidade da imagem e quantos pixels mudam entre os quadros.
Este artigo fornece várias estratégias detalhadas para criar gifs de tamanho razoável para seus e-mails. Algumas dessas dicas incluem:
- Corte em vez de fade para transições
- Usando elementos vetoriais ilustrados em vez de fotos
- Usando uma sobreposição para limitar a paleta de cores
Inclua um link “Visualizar no navegador” na parte superior do seu e-mail
Alguns usuários preferem ter as imagens desativadas por padrão ou podem não conseguir controlar esse recurso porque possuem uma caixa de entrada no local de trabalho com recursos de segurança integrados.
É por isso que é sempre uma boa ideia incluir um link “visualizar no navegador” na parte superior do seu e-mail para que o contato possa ver o e-mail como ele foi originalmente projetado.
Use elementos de texto em vez de ícones de imagem
Experimente com elementos baseados em texto/CSS no lugar de imagens quando possível. Por exemplo, em vez de criar a imagem de uma seta, veja se existe uma fonte segura para a Web que inclua uma. Você pode pesquisar no Google “ASCII” ou “Unicode” seguido de sua palavra-chave para verificar. Este gráfico mostra todos os símbolos que você pode não saber que faziam parte da família de fontes Arial.
Faça das imagens um elemento de destaque opcional
Uma tendência recente que notamos são os e-mails que usam imagens para se misturar perfeitamente em fundos de cores sólidas. Isso dá a ilusão de um e-mail apenas com imagem, mantendo o texto HTML e o design responsivo para desktop e dispositivos móveis.
Embora você possa não ter a opção de fontes e layout ideais, um e-mail em HTML bem projetado ainda é uma ferramenta de marketing altamente eficaz que pode ser usada para alcançar cada um de seus clientes, independentemente de seu grupo demográfico ou capacidade física.