Depois de alguns estudos em clientes de emails, conseguimos constatar as principais falhas de cada um, e com isso os erros mais freqüentes ao desenvolver HTML para email marketing. Veja algumas dicas que vão otimizar seu código e a visualização da mensagem em cada cliente de email.

• Em todos os links, insira o atributo target="_blank", para assegurar que todos os links de destinos serão abertos em novas janelas. Essa ação parece óbvia, mas alguns webmails carregam as páginas de destino na mesma janela – ou até mesmo dentro de sua interface.
• Para alterar a cor dos links, insira a formatação de fonte dentro da tag, como no exemplo abaixo:
  <a href= "http://www.virtualtarget.com.br" target= "_blank">
<font face= "Arial, Verdana, Sans-serif" size= "2" color = "#bbd034">
Virtual Target
</font>
</a>

• Inserir o atributo border="0" em todas as imagens, especialmente as que tiverem links. Os clientes de email, especialmente webmails, renderizam estas imagens com uma borda azul de aproximadamente 2px de espessura.
• Evite criar imagens de fundo para o corpo da mensagem, pois se inseridas através do atributo background de HTML ou background-image de CSS, não serão visualizadas por destinatários que utilizam Gmail, Outlook e Hotmail.
• O Outlook 2007 não suporta os atributos colspan e rowspan para células de tabela. O uso no template pode prejudicar a correta renderização nesta aplicação.
• Não é recomendado o uso de gif animado nas mensagens, pois o Outlook 2007 não a suporta, exibindo apenas uma imagem estática do primeiro quadro da animação.
• Alguns clientes de email têm tendência a centralizar todo conteúdo das mensagens que não têm atributos de alinhamento definidos. Assim, mesmo os textos que exigirem alinhamento à esquerda devem ter o atributo align="left" inseridos em cada célula.
• Ao invés das tags < strong > e < em >, utilizar < b > e < i > para reproduzir os efeitos de negrito e itálico, respectivamente. Isso, porque o Terra Mail, em seu painel de leitura, modifica a aparência dos textos que estão dentro destas tags.
• O Hotmail “separa” uma imagem da outra, uma distância de aproximadamente 2px. Isso afeta a correta visualização da mensagem. Para evitar esse tipo de problema, insira dentro da tag img o atributo style="display:block;".

Seguindo essas dicas, é possível garantir a campanha de email marketing será visualizada corretamente pelos destinatários. Para ver mais atributos bloqueados por clientes de email, ou os que são aceitos, confira o estudo completo de clientes de email.