Construção de Newsletter
voltarCuidados ao elaborar uma mensagem HTML para campanhas de email marketing
Uma mensagem HTML bem elaborada e com design atraente chama muito mais a atenção do leitor, todos nós sabemos disso. Além de fazer bem aos olhos de quem lê, uma newsletter bem trabalhada proporciona uma boa percepção da imagem de sua empresa e, conseqüentemente, mais cliques e visualizações para sua campanha de e-mail.
Mas tome cuidado, aquela mensagem bonitinha pode se transformar num monstro! Fique sabendo que a programação HTML para newsletters é bastante limitada e exige muita atenção, testes, testes e testes. Portanto, sua newsletter bem formatada e com design elegante que você se orgulhou tanto ao visualizar no seu Outlook pode estar bisonha no G-mail.
Portanto, fique atento para alguns destes tópicos que devem ser revisados e testados em sua newsletter.
Imagens na newsletter
* Nunca envie imagens em anexo. Coloque sempre suas imagens com link absoluto, ou seja, armazenadas em sua hospedagem
Ex.: http://www.seusite.com.br/news/imgs/imagem.gif
* Procure utilizar ALT text para suas imagens mais relevantes. Lembre-se que muitos de seus usuários não poderão visualizá-las e o texto alternativo vai ocupar o lugar delas
* Más notícias: Outlook 2007 não aceita background images em tabelas
Estilos CSS
* Tome muito cuidado ao utilizar estilos. Só existe uma maneira segura de utilizá-los, colocando-os “in line”, ou seja, abaixo do BODY tag. Programas de e-mail como o G-mail e Hotmail vão suprimir partes de seu código como BODY e HEAD tags, portanto, de nada adianta você colocar algo lá
Cor de fundo
* Como mencionei no item acima, muitos programas de e-mail vão suprimir seu BODY tag. Portanto, não use-o para definir cor de fundo de suas mensagens. Como alternativa, utilize uma tabela com 100% de largura e altura, definindo um background-color para o TD.
Versão Web
* Utilize sempre a opção “caso você não esteja visualizando corretamente esta mensagem, clique aqui”, que irá oferecer uma versão web de sua mensagem, onde seu usuário poderá visualizar tudo aquilo que o programa de e-mail dele não permitiu
* TESTE: Não esqueça de testar sua newsletter-web nos browsers mais utilizados como o IE (versões 5, 6 e 7), Firefox, Ópera, Netscape e Mozilla
Programas de E-mail
* TESTE: O ideal é você testar sua newsletter, pelo menos, nos seguinte programas de e-mail: Outlook 2000/03/07, Outlook Express, Hotmail, Gmail, Yahoo, Lotus Notes, UOL, Apple Mail e Eudora
Layers ou Tabelas?
* Não use Tableless no seu e-mail HTML, DIVs não são confiáveis. Procure manter seu código o mais “primitivo” possível, ou seja, dê preferência para os antigos tags FONT e as já ultrapassadas TABLEs
Dimensões
* Procure utilizar no máximo 550 pixels de largura para evitar rolagem horizontal e visualização parcial de suas mensagens. Muitos de seus usuários lerão sua mensagem no painel de leitura, que tem largura limitada. Não exagere na altura
ActiveX, Videos, Flash e JavaScript
* Não tente enviar animações em flash, vídeos ou scripts em sua newsletter, não vão funcionar. Mensagens HTML devem ser o mais simples possível, imagem e texto estáticos
Anexos
* Não envie anexos em campanhas de e-mail marketing. Nunca
voltar