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;” />
(Visited 379 times, 1 visits today)
Última modificação: 30 de outubro de 2020
Hey there! Do you know if they make any plugins to help with Search Engine Optimization? I’m
trying to get my site to rank for some targeted keywords but I’m not seeing
very good gains. If you know of any please share.
Appreciate it! You can read similar text here:
Eco wool