Boas práticas para código HTML em seu Email Marketing
Criar uma mensagem HTML para enviar para sua mailing não é a mesma coisa coisa que criar uma página HTML de um site. Isto porque os sites são interpretados por browsers (Internet Explorer, Firefox, Safari, etc.), enquanto as mensagens enviadas por e-mail são interpretadas pelos programas de e-mail (Outlook, Thunderbird, Notes, etc.) ou pelos sistemas de webmail dos diversos provedores.
Há alguns cuidados que você deve tomar para que sua mensagem seja legível por todos os seus destinatários, e aqui vão algumas dicas:
# Imagens
- Ao utilizar imagens, trabalhe sempre com endereços absolutos de imagens, não com endereços relativos, por exemplo: <img src=”http://emailmkt1.locaweb.com.br/admin/images/logo_locamail_marketing-1.jpg” alt=”" /> em vez de <img src=”images/logo_locamail_marketing-1.jpg” alt=”" />
- Evite que o conteúdo de sua mensagem seja uma única grande imagem, pois isso pode ser considerado como spam por certos provedores. Se sua mensagem for apenas composta por arquivos de imagem, procure quebrá-los em arquivos menores (isso também fará com que a visualização da mensagem seja mais rápida).
- Caso a imagem seja um link para alguma página, lembre-se de colocar a propriedade border=0 caso não queira que seja colocado um contorno azul na imagem
# Tabelas
- Utilize as tags <table>, <tr>, <td> ao invés dos padrões tableless, baseados em <div> e folhas de estilo (CSS), uma vez que os programas de e-mail podem não conseguir interpretar os DIVs e CSS da forma que você gostaria.
- Defina os tamanhos das células (com a propriedade WIDTH<td>) pois isso também ajuda tanto na formação quanto na velocidade de processamento da mensagem pelos programas de e-mail.
# Estilos (CSS)
- Não utilize arquivos de estilo externos, usando a tag <link>, pois diversos sistemas de e-mail não reconehcem esta tag.
- Não utilize a forma reduzida na definição de estilos, prefira a forma expandida, por exemplo, style=”font-size:12px;line-height:16px;font-family:Arial, Helvetica;” em vez de style=”font: 12px/16px Arial, Helvetica”
- Evite utilizar a tag para definir estilos, pois alguns provedores a removem. Use os estilos na forma inline, diretamente no código HTML, por exemplo <p style=”font-family:Arial; font-weight:bold;font-size:11px; color:red;”>texto</p>, ainda que isso gere código repetido
- Caso utilize tipos de fonte diferentes, lembre-se de que só funcionarão corretamente caso o destinatário tenha a fonte em seu computador. Procure utilizar apenas os tipos de fonte mais comuns, tipo Arial, Helvetica, Times New Roman, etc. para outros tipos, em alguns casos pode ser melhor até usar um arquivo de imagem para garantir que o destinatário visualizará a mensagem da forma que você planejou.
# Formulários
- Evite formulários em mensagens de e-mail, a maior parte dos sistemas e-mail e webmail bloqueiam formulários. Coloque links para que os destinatários preencham o formulário em seu site.
Veja mais dicas em nosso Wiki
Seguindo estas dicas, você diminuirá a quantidade de mensagens consideradas como spam pelos provedores, e também garantirá que seus leitores receberão as mensagens com uma formatação adequada. Outra boa dica é utilizar templates prontos de email marketing. Procure por este termo no Google, você encontrará alguns exemplos.
Fonte : Blog da LocaWeb
Your IP Address is:
38.107.191.119
Comments(1)








Vale lembrar o SPF/sender ID para melhorar a entrega.