Dicas de html para seu e-mail marketing
Ao pensar no layout de uma campanha de e-mail marketing é preciso ter em mente que será preciso criar uma peça exclusiva. Adaptar o HTML de seu site para o e-mail não irá trazer bons resultados.
A maioria dos clientes de e-mail [Gmail, Hotmail, Terra, Yahoo! e etc] não interpretam uma série de atributos do HTML. Por isso, a mensagem do seu e-mail marketing deve ser construída da forma mais básica possível.
Existe uma série de tags de HTML que devem ser evitadas dentro do seu código e algumas delas são indispensáveis para evitar uma série de problemas de visualização da mensagem pelos usuários, por isso, listei algumas dicas estratégicas que devem ser seguidas:
- Não use CSS na tag <HEAD>
A maioria dos clientes de e-mail não interpretam o CSS na tag <head>, sendo assim, seja o que você tenha configurado em seus textos, não irá funcionar.
-Não use JavaScript no HTML
Sua mensagem pode ser caracterizada como spam pelo simples fato de existir essa tag no seu código.
- Não use <backgrond-image> para fundos coloridos ou personalizados
Alguns clientes de e-mail não interpretam este atributo, por isso muitos usuários terão problemas para visualizar sua campanha.
- Não use GIF animado em suas peças
Clientes de e-mail desktop, como o Outlook não interpretam gifs animados. No lugar deles, é inserido um bloco cinza.
- Evite usar vídeos em sua peça
Nem todos os clientes de e-mail interpretam corretamente a tag de vídeo. Apenas o Gmail, quando é usado uma tag de vídeo diretamente do Youtube.
- Equilibre o uso de imagens com o HTML
Em alguns casos, no Gmail, por exemplo, classifica uma mensagem como spam se nela conter muito mais imagens do que texto.
- Não use formulários em suas peças
Formulários não funcionam no HTML de um e-mail marketing. Se você for usar um formulário, insira apenas o link em sua peça, para uma página externa onde esteja hospedado seu formulário.
- Use sempre o atributo <alt> na tag de todas as imagens
Por padrão, as imagens de seu e-mail marketing são bloqueadas quando recebidas por um usuário pela primeira vez. Usando a tag <alt>, no lugar das imagens bloqueadas aparecerá um texto descritivo, definido por você. Veja no exemplo do HTML:
< img src=”http://www.allinmail.com.br/imagem.jpg” alt=”Texto alternativo” width=”555″ height=”171″ >
- Na tag <img>, insira sempre o atributo style=”display: block;”
O Gmail e Hotmail inserem uma borda branca em todas as imagens de seu e-mail, para evitar que isso aconteça, insira o atributo na tag de imagem, como no exemplo:
< img src=”http://www.allinmail.com.br/imagem.jpg” width=”600″ height=”106″ style=”display: block;” />
Comentários