HTML

Otimização do código html para e-mail marketing

Para combater o spam na internet, os provedores passaram a submeter os e-mails recebidos a uma lista de regras mais severas. Desenvolver um template adequado é de extrema importância para evitar bloqueios por spam, ampliando a taxa de entrega e gerando uma boa reputação para seu domínio, afastando-se da característica de spammer.
Confira os erros mais freqüentes ao desenvolver HTML para e-mail marketing e como corrigí-los. Veja algumas dicas que irão otimizar o seu código e a visualização da mensagem em cada cliente de e-mail de forma correta.
Insira em todos os links o atributo target="_blank", para assegurar que todos os links de destinos irão abrir em novas janelas. Essa ação se faz necessária devido a alguns webmails carregarem 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:
Target Box
Também pode ser feito com CSS, inclusive se desejar retirar o sublinhado dos links, conforme exemplo abaixo:

Target Box
O Gmail muda todos os links para a cor azul automaticamente, caso não tenha sido estabelecida nenhuma cor para os links. Se quiser mantê-los em preto, uma solução é utilizar o código de cor #000001.
Insira o atributo border="0" em todas as imagens. Os clientes de e-mail, especialmente webmails, renderizam estas imagens com uma borda azul de aproximadamente 2px de espessura.
Se colocar imagens de fundo para o corpo da mensagem, elas não serão visualizadas por destinatários que utilizam Gmail, Outlook e Hotmail, pois não são suportados os atributos background do HTML e background-image do CSS nestes clientes de e-mail.
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 neste cliente de e-mail.
Não é recomendado o uso de gif animado nas mensagens, pois o Outlook 2007 não a suporta,