Breve - Manual - de - Boas - Práticas - em - HTML - para - Email - Marketing 2014

Breve Manual de Boas Prticas
em HTML para Email Marketing
NDICE
1. Boas prticas na criao de peas de Email Marketing
2. Identificao de Caractersticas para Pontuao Anti-Spam
Boas Prticas na Criao

de Peas de Email
Marketing
Melhores Prticas em HTML para Email
HTML para email diferente do HTML para a web

Os web designers modernos utilizam CSS (Cascading Style Sheets) para layouts bonitos. No entanto, devido ao suporte
inconsistente ao CSS, melhor usar tabelas HTML.
O CDIGO PAROU EM 1999!
No existem normas para a exibio de HTML no e-mail.
A sintaxe apropriada ainda importa - usar um validador para verificar se h erros gerais.
No usar:
Imagens de fundo (body background=file, body style=background-image:url, td background=file, td
style=background-image:url);
TAGs style, div, span e form;
Float ou position commands;
CSS => Se utilizar, no adote a TAG <tyle> dentro de <head>></head>, use o CSS inline, dentro da prpria TAG.
Javascript;
Gifs animados
Ilayer;
Iframe;
Divs absolutas;
Vdeo/Flash;
Anexos.

Check List para o cdigo html
1.
Uso de links:
Evitar utilizar links do tipo <area map> em imagens, que no funcionaro caso a mensagem seja aberta
com as imagens bloqueadas.
No usar formulrios nas peas, mas sim links para o formulrio.
Usar URLs breves e intuitivas.
Enviar o leitor para outra pgina atravs da tag target = _blank.
Utilizar no mximo de 32 links.
Evitar usar nos links palavras e termos que recebam pontuao alta pelas ferramentas anti-spam.
No usar links para arquivos do tipo exe, scr, e pif.
No usar links para sites no cjb.net, no kit.net, para sites de hospedagem grtis, para sites no HPG, para
produtos no Mercado Livre.
Utilize <a hef="url_destino">Texto</a>.
Evite usar <link> para referenciar arquivos de css, o certo usar css inline ou colocar as classes de css
dentro do <style></style>.
Evite usar iframe em link's de mensagens.

2. Uso de imagens:
Hospedar as imagens em um servidor de alta disponibilidade, podendo ser no servidor ExactTarget.
Testar se os caminhos (paths) para as imagens esto corretos.
No usar imagens de fundo.
Cuidado com palavras que pontuam nos anti-spam nos textos alternativos em imagens.
Cuidado ao usar imagens em excesso , isto pode causar bloqueio automtico - ideal 60% texto e 40%
imagens.
Nunca transformar uma nica imagem em HTML, deve-se fatiar a imagem em imagens menores.
Usar preferencialmente os formatos GIF ou JPEG com resoluo de 72 DPI.
No utilize imagens de 1x1 pixel no template para criar espaos.
Coloque sempre o atributo border="0" nas TAGs de imagem (<img>) para evitar que os programas de Email
coloquem uma borda azul ao redor de imagens que possuam link.

3. Uso de tabelas:
Utilize layouts baseados em tabelas ao invs de divs, como no padro tableless, por mais que essa prtica
no seja recomendada na construo de sites, uma vez que a maior parte dos programas de Email no
renderiza os atributos das tags <div> corretamente.
Evite utilizar as propriedades colspan e rowspan nas tags <td>, pois alguns programas de Email no tratam
da forma esperada.
Prefira utilizar a propriedade width nas tags <td> ao invs de utilizar nas tags <table>, conforme exemplo
abaixo:
<table cellspacing="0" cellpadding="10" border="0"> <tr> <td width="120"></td> <td width="480"></td>

</tr></table>.

4. Tamanho e dimenso da pea:
Largura da pea: telas grandes = 500 a 600 pixels, mobile= 320 a 480 pixels
Tamanho do HTML sem imagens: 20 kbytes
Tamanho das imagens: mximo 200 kbytes.
Altura da pea: deixar a menor possvel para evitar uso de barra de rolagem no preview pane.

Check List para a diagramao e contedo
5. Linha de Assunto:
Evitar assuntos longos. O ideal que o assunto tenha no mximo 60 caracteres, entretanto, a mensagem principal
dever ser passada nos primeiros 20 caracteres, pois, se o restante truncar, a mensagem poder ser
compreendida.
Evitar caracteres que usualmente so barrados por filtros anti-spam, como hfens, asteriscos, barras, ponto de
exclamao, etc.
Evitar palavras ou expresses suspeitas como dinheiro, urgente, grtis, voc, garantia, palavras sem vogais,
oferta, promoo, desconto, venda mais, carreira, renda, etc.
As ferramentas anti-spam, normalmente, no reconhecem os acentos da Lngua Portuguesa, sendo assim, sempre
que possvel, substitua por palavras sem acento.
Evitar a mistura de nmeros e letras, bem como palavras em letras maisculas.
Identificao de
Caractersticas para
Pontuao Anti-Spam
Caractersticas Fortes para Pontuao Anti-Spam

Algumas palavras, expresses e caracteres que devem ser evitados na linha de assunto:
Exclamao, interrogao, barra, hfen, asterisco, percentual, cifro/preo/smbolos monetrios, palavras com
todas as letras maisculas, pontuao na lngua portuguesa, juntar nmero e letras e espaos, todo em letras
maisculas
Voc
Vagas abertas
Oportunidade
Curso on-line/Curso
Compre
Hospedagem
Peso
Promoo/promocao/promoao
XXkg
Dinheiro
A partir de $xx.xx
Dinheiro + Enviando
Apenas $xx.xx
Renda/Renda extra
Somente para (voc)

Ganhe dinheiro
Suas despesas ou similar

Urgente
Fala sobre perder peso

Sua propriedade
Mailmkt
Grtis
Crdito
Inicia com a palavra Ol
De/para sua empresa

Algumas palavras, expresses e caracteres que devem ser evitados no corpo da mensagem:
Clique aqui
Clique abaixo em letras maisculas
Grtis
Curso
Tenha seu site na Internet / Hospedagem
Dinheiro + Enviando
Renda/Renda extra
Crdito
Tempo Limitado
XXXXX agora/j
Imperdvel
No responda
Visite nosso site
Oportunidade
Aproveite
Saiba mais
Mala Direta/Mala Direta de email

Detetive/Espionagem
Sigilo Absoluto
Despachamos para todo o Brasil
24 Horas
Consulte-nos!
Frete Grtis
A partir de $xx,xx
Apenas $xx,xx
Trabalhe em casa
Todos os direitos reservados
e confira
Especialmente para voc
Divulgue o seu/sua
de/para sua empresa

Algumas palavras, expresses, caracteres e caractersticas que devem ser evitados em links:
Links para arquivos do tipo exe, scr, e pif

Links para sites no cjb.net
Links para sites no cjb.net no kit.net
Links para sites de hospedagem grtis
Links para sites no HPG
Links para produtos no Mercado Livre
Link com palavras suspeitas (oportunidade, compre, etc.)
Links com textos sobre ofertas, promoes

Textos, expresses e caractersticas que devem ser evitados e que falem sobre/contenham:
Venda de listas de emails

Telemarketing
Trabalhar em Casa
Ganhar dinheiro enviando emails
Liberdade financeira
Imperdvel
Retirar seu email da lista
Aproveite nossa promoo
No perder tempo
Inclui texto para remover email
Agncia de Aproximao/Modelos
No responder o email
Remover o email
Perder peso/emagrecimento
Desculpas pelo incmodo/transtorno

Dizendo que a mensagem ser enviada apenas uma vez
Dizendo que a mensagem no um spam
Texto sobre no receber mais a mensagem
Textos com fontes muito grandes ou com cores fortes
Consultoria em investimentos
Muito dinheiro incentivando enriquecimento rpido
Termos fortes e chamativos do tipo Inacreditvel, Coisas
que s acredito vendo, etc.
Texto contendo palavras enquanto voc dorme
Algo 100% garantido
Oferta de refinanciamento/emprstimo

Textos, expresses e caractersticas que devem ser evitados e que falem sobre/contenham:
Termos quantitativos com a palavra mais
seguida de uma exclamao
(ex.: venda mais... durma mais... ganhe mais... )
Sorte acompanhado de interrogaes
Termos sobre pechincha ou oportunidade nica
Texto contendo termos sobre grande quantidade
de pessoas (ex.: junte-se a comunidade do Orkut)
Texto contendo termos sobre exclusividade como
se a mensagem fosse apenas para voc
Trocadilho do tipo 4you (for you)

Texto no assunto separado por pontos para burlar a
filtragem (ex.: palavras do tipo P.R.O.M.O...O)
Satisfao garantida
Informando que no um spam
Algum tipo de oportunidade nica.
Auto -ajuda
Expresses promocionais

TAGs que devem ser evitadas:
<meta> No serve para mensagens em HTML.
<title> utilizado somente para pginas HTML, evite usar em mensagens.
<link> Evite usar ela para referenciar arquivos de css, o certo usar css inline ou colocar as classes de css
dentro do <style></style>, como no exemplo abaixo:
<p style="font-family:Arial; font-weight:bold; font-size:11px; color:red;">texto</p>
Dica de ferramenta para converter HTML em cdigo com CSS inline: http://inlinestyler.torchboxapps.com

Uso de imagens:
No utilize uma nica imagem grande como contedo do email, pois considerado uma prtica spam.
Divida a imagem em pedaos menores, e no use apenas imagens - ideal 60% texto e 40% imagens.
Ao usar textos alternativos em imagens, ateno para as palavras que pontuam nos anti-spam.
No utilize imagens de 1x1 pixel no template para criar espaos.

Outros itens que devem ser evitados no corpo da mensagem:
Fontes muito grandes e com cores fortes.

Fontes com a mesma cor do fundo.
Nunca utilize Flash ou Javascript no corpo do email pois estes so bloqueados pelos antivrus dos principais provedores
http://spamassassin.apache.org/tests_3_3_x.html
Obrigada
Regina Garrido
Consultora Especialista de Marketing
Salesforce ExactTarget Marketing Cloud LATAM
@ReginaGarrido
@ExactTargetBR

Breve - Manual - de - Boas - Práticas - em - HTML - para - Email - Marketing 2014

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Breve - Manual - de - Boas - Práticas - em - HTML - para - Email - Marketing 2014

Diunggah oleh

Hak Cipta:

Format Tersedia

Breve Manual de Boas Prticas

em HTML para Email Marketing

2. Identificao de Caractersticas para Pontuao Anti-Spam

Boas Prticas na Criao

Melhores Prticas em HTML para Email

HTML para email diferente do HTML para a web

Melhores Prticas em HTML para Email

No usar formulrios nas peas, mas sim links para o formulrio.

Usar URLs breves e intuitivas.

Enviar o leitor para outra pgina atravs da tag target = _blank.

Utilizar no mximo de 32 links.

No usar links para arquivos do tipo exe, scr, e pif.

Utilize <a hef="url_destino">Texto</a>.

Evite usar iframe em link's de mensagens.

Melhores Prticas em HTML para Email

Hospedar as imagens em um servidor de alta disponibilidade, podendo ser no servidor ExactTarget.

Testar se os caminhos (paths) para as imagens esto corretos.

No usar imagens de fundo.

Usar preferencialmente os formatos GIF ou JPEG com resoluo de 72 DPI.

No utilize imagens de 1x1 pixel no template para criar espaos.

Melhores Prticas em HTML para Email

<table cellspacing="0" cellpadding="10" border="0"> <tr> <td width="120"></td> <td width="480"></td>

Melhores Prticas em HTML para Email

Tamanho do HTML sem imagens: 20 kbytes

Tamanho das imagens: mximo 200 kbytes.

Melhores Prticas em HTML para Email

Caractersticas Fortes para Pontuao Anti-Spam

Somente para (voc)

Suas despesas ou similar

Fala sobre perder peso

De/para sua empresa

Caractersticas Fortes para Pontuao Anti-Spam

Mala Direta/Mala Direta de email

Caractersticas Fortes para Pontuao Anti-Spam

Links para arquivos do tipo exe, scr, e pif

Caractersticas Fortes para Pontuao Anti-Spam

Venda de listas de emails

Desculpas pelo incmodo/transtorno

Caractersticas Fortes para Pontuao Anti-Spam

Trocadilho do tipo 4you (for you)

Caractersticas Fortes para Pontuao Anti-Spam

Caractersticas Fortes para Pontuao Anti-Spam

Caractersticas Fortes para Pontuao Anti-Spam

Fontes muito grandes e com cores fortes.

Anda mungkin juga menyukai