Manual de boas praticas v5

Transcrição

Manual de boas praticas v5
MANUAL DE
BOAS PRÁTICAS
Este manual é de uso exclusivo de clientes, parceiros, fornecedores
e colaboradores da Dinamize. No caso de dúvidas, entre em
contato através do e-mail [email protected].
HTML
A capacidade de leitura de códigos HTML é distinta em Browsers (navegadores de
internet) e programas de e-mail/Webmails. A formatação de um código HTML feito para
Web permite a utilização de funções mais complexas. Já para e-mail marketing, visto que
os leitores de e-mail possuem uma capacidade inferior de leitura dessas funções mais
complexas, a formatação deve sempre buscar a forma mais simples possível.
Vamos pensar que o seu e-mail será enviado para diferentes pessoas, que usam diferentes plataformas de envio e recebimento de mensagens.
Atualmente, existem diversos programas de e-mail (diversas versões de Outlook,
Eudora, Thunderbird, Apple Mail etc.) e Web Mails como (Gmail, Yahoo, Hotmail,
UOL, Bol, etc.).
Além de possuírem capacidade inferior de leitura de HTML comparado aos Browsers, os
leitores de e-mail apresentam diferenças de capacidade de leitura entre si. Levando-se
isso em consideração, a formatação de seu código HTML deve ser a mais básica possível,
de modo a evitar incompatibilidade com qualquer das plataformas citadas acima, fazendo
com que o seu layout não sofra alterações indesejáveis.
+LP_LZL\°/;43°W\YV,]P[L\[PSPaHYM\UsLZJVTV+0=Z*::ZZ[`SLZL1H]HZJYP[WZ(StT
KLKLZJVUÄN\YHYZL\SH`V\[WVYUqVZLYLTJVT\UZLTLU]PVZKLLTHPSTHYRL[PUNHZ
mesmas podem pontuar sua peça como spam.
Inserção de links
<a href="url_destino">Texto</a>
Estilos (CSS)
Nunca utilize a tag <link> para referenciar um arquivo de estilos (.css), pois a
maioria dos webmails removem essa tag.
5\UJH\[PSPaLMVYTHYLK\aPKHWHYHKLÄUPY\TLZ[PSVWVYL_LTWSVHVPU]tZKL!
<link rel="stylesheet" type="text/css" href="url_destino" />
<[PSPaL!
style="font-size:12px;line-height:16px;font-family:Arial, Helvetica;"
Não utilize a tag <style>JVTHKLÄUPsqVKHZJSHZZLZKLLZ[PSVWVPZHSN\UZ
webmails removem essa tag (e diversos programas de e-mail não tratam esta
[HN*HZVZLQHULJLZZmYPVPUZPYHH[HNKLU[YVKH[HN<body> e não dentro
da tag <head>, mas neste caso você deve testar a mensagem em diversos
programas de e-mail, para ver que ela não será distorcida. (não utilize as tags
de comentário HTML <!-- e --> dentro da tag <style> pois o editor
HTML do Email Marketing irá distorcer todo código que estiver dentro dessas
tags.
Errado
<style type="text/css"><!--.bloco1_titulo { font-family:Verdana, Arial,
Helvetica, sans-serif; font-size:10px; color:#FFFFFF; font-weight:bold;
background-color:#333366; padding-left:10px; }--></style>
Certo
<style type="text/css">.bloco1_titulo { font-family:Verdana, Arial,
Helvetica, sans-serif; font-size:10px; color:#FFFFFF; font-weight:bold;
background-color:#333366; padding-left:10px; }</style>
7YLÄYH\[PSPaHYV*::LTZ\HMVYTHPUSPULV\ZLQHKPYL[VUVJ}KPNV/;43KLU[YVKH;+KL
JHKHPTHNLTWVYL_LTWSV!
<p style="font-family:Arial; font-weight:bold;font-size:11px;
color:red;">texto</p>
Formulários
Evite utilizar formulários pois estes são bloqueados no Outlook e por vários webmails.
Imagem de fundo
:LTWYL\[PSPaLH[HN<div style> com a propriedade background-image, para delimitar a
PTHNLTKLM\UKVWVYL_LTWSV!
<div style="width: 100%; height: 100%;BACKGROUND-IMAGE:
url(http://emailmkt1.locaweb.com.br/admin/images/logo_locamail_
marketing-1.jpg)">Texto aqui</div>
OBS:
Evite utilizar imagens de fundo, pois alguns webmails e clientes de email não
permitem a visualização da imagem.
Encoding
7YLÄYH\[PSPaHYJOHYHJ[LYLUJVKPUNJVTV<;-
Cor de fundo
Utilize a tag <div> com a propriedade background-colorLUVZ[`SLKLÄUHmargin 0px
WHYHVIVK`WVYL_LTWSV!
<div><style>body{margin:0px;}</style></div><div
style="background-color: red; width: 100%; height: 800px;">
qualquer texto aqui</div>
OBS: Neste caso, ajuste o parâmetro height WHYHKLÄUPYHHS[\YHKHJVYKLM\UKV
Outra maneira é utilizar a tag <td>JVTHWYVWYPLKHKLINJVSVYWVYL_LTWSV!
<table> <tr>
<td bgcolor="red">texto<br />dsadasdas </td> </tr></table>
Flash e Javascript
Nunca \[PSPaL-SHZOV\1H]HZJYPW[UVJVYWVKV,THPSWVPZLZ[LZZqVISVX\LHKVZ
pelos antivírus dos principais webmails.
Utilização de Imagens em seu HTML
<[PSPaLVYLJ\YZV°style="display:block;°UHZPTHNLUZKLZL\Z[LTWSH[LZKLLTHPS
marketing para evitar que programas de email como o Gmail e o Hotmail acrescentem um
espaço de quase 5 pixels ao redor delas.
0UZPYHZLTWYLVH[YPI\[V°border="0"°UHZ[HNZKLPTHNLT<img>). Dessa forma, você evita a
inserção de uma borda azul ao redor de imagens que possuam link.
<img src="imagem.gif" width="300" height="200" alt="Descrição
GDLPDJHPDTXLERUGHU VW\OH GLVSOD\EORFN!¦
:L\/;43HV[VKVKL]LWVZZ\PYHZWYVWVYsLZTm_PTHZKLHWP_LSZKLSHYN\YHLH[t
WP_LSZKLHS[\YH,_JLKLYLZ[HZWYVWVYsLZWVKLMHaLYJVTX\LZL\LTHPSZLQHYLJLIPKV
em branco ou somente com parte de seu conteúdo.
Utilização de tabelas em seu HTML
7YLÄYHH\[PSPaHsqVKL[HILSHZKL]HSVYÄ_VLTZL\LTHPSTHYRL[PUNLTKL[YPTLU[VKH
\[PSPaHsqVKL+0=Z
,]P[L°\[PSPaHYHZWYVWYPLKHKLZ°JVSZWHU°L°YV^ZWHU°UHZ[HNZ<td>. Alguns webmails não tratam
da forma esperada e a utilização das mesmas pode pontuar como spam.
7YLÄYH°\[PSPaHYHWYVWYPLKHKL°^PK[O°UHZ[HNZ<td> ao invés de utilizar nas tags <table>,
JVTVUVL_LTWSVHIHP_V!°
WDEOHFHOOVSDFLQJ FHOOSDGGLQJ ERUGHU !WU!¦WG
ZLGWK !WG!¦WGZLGWK !WG!WU!WDEOH!
Utilização de links em seu HTML
7YVJ\YLUqV\[PSPaHYWHSH]YHZX\LWVU[\HTJVTVZWHTUVZSPURZKLZ\HWLsHL_LTWSV!°
http://www.meudominio.com.br/e-mail/news/mkt_01.jpg.
(OVZWLKHNLTKHZPTHNLUZLTWHZ[HZJVTVUVTLUL^Z»°UL^ZSL[[LY°THYRL[PUN°IVSL[PT°
UV]PKHKLZL°TR[WVKLTWVU[\HYJVTVZWHT°,_PZ[LTHSN\THZL_WYLZZLZX\LX\HUKV
KL[LJ[HKHZWLSVZÄS[YVZHU[PZWHTMHaLTJVTX\LZ\HTLUZHNLTZLQHJSHZZPÄJHKHJVTVZWHTL
UqVJOLN\LTUHJHP_HKLLU[YHKHKVKLZ[PUH[mYPV*HKHZLY]PKVYWVZZ\PZ\HWY}WYPHSPZ[HKL
palavras mais geralmente palavras voltadas a vendas e marketing pontuam como spam.
8\HUKVHWLsHJOLNHHVZLY]PKVYKVJVU[H[VVJ}KPNVt]LYPÄJHKVJVTV\T[VKVZLVZSPURZ
possuírem palavras que pontuem como spam, esta peça irá para a caixa de lixo eletrônico. Neste
caso se não for possível alterar as palavras do link utilize um site que compacte estes links, por
L_LTWSVV!°http://migre.me/°ou°O[[WZ!IP[S`JVT.
Assunto e nome do remetente
Endereço de Remetente
7YLÄYH\[PSPaHYLUKLYLsVZPUZ[P[\JPVUHPZJVTVLTHPSKLYLTL[LU[LJVTV
UVTLKHLTWYLZH'UVTLKVKVTPUPVJVTIY:LUqVMVYWVZZx]LSWYLÄYHLTHPSZJVTV
[email protected].
Assunto e Nome do Remetente
(\[PSPaHsqVKLJHYHJ[LYLZKLWVU[\HsqV&c
LL[JUV(ZZ\U[V
do E-mail e Nome do Remetente, podem pontuar como spam.
(\[PSPaHsqVKLJHYHJ[LYLZZLN\PKVZLTJHP_HHS[H[HTItTWVU[\HJVTVZWHT0UKPJHTVZ
somente a utilização de caixa alta para letras iniciais de seu assunto e letras iniciais de
nomes próprios
Os servidores possuem programas de anti-spam que impedem que o email seja entregue
HVZKLZ[PUH[mYPVZX\HUKVOmHSN\THZWHSH]YHZV\L_WYLZZLZJVTV!JVTWYLHNVYHUqV
WLYJHNYm[PZVMLY[HNHUOLJVUÄYHWYVTVJPVUHSPTWLYKx]LSHJLZZLHX\PJSPX\LHX\P
compra, venda. Ao usar algumas destas palavras o email terá uma grande probabilidade
de ser considerado lixo eletrônico.
3PTP[LVHZZ\U[VHUqVTHPZX\LJHYHJ[LYLZ
Conteúdo
:LTWYLtULJLZZmYPVI\ZJHYHWYVWVYsqVLX\PSPIYHKH°LU[YL°[L_[V°_PTHNLTHÄTKLX\L
Z\H°WLsH°UqVZLQHWVU[\HKHJVTVZWHT0UKPJHTVZX\LZLQHPUZLYPKV\T°[L_[V°UL\[YV
observando palavras que pontuam como spam.
,]P[LWHSH]YHZHWLSH[P]HZUHJVUZ[Y\sqVKHTLUZHNLTV\UHKLZJYPsqVKHZPTHNLUZ°7VY
L_LTWSV!*\YZVZ.YH[\P[V5qVWLYJH(WYV]LP[HØS[PTHZ]HNHZ7YVTVsqV7\ISPJPKHKL
4HYRL[PUN*VTWYH=LUKH5LN}JPVZ9*OHUJL=HSVYLZ(JLZZLHX\P*VUÄYH
7HSLZ[YH*SPX\LHX\P-PUHUJPHTLU[V6MLY[H)HSHKH.HUOL+PHKVZ7HPZ+PHKHZ4qLZ
-LSPa5H[HS-LSPa(UV5V]V+PHKVZ5HTVYHKVZ7YVQL[V,JVTTLYJL0UZJYPsLZ
7YVTVJPVUHS-YLL5VYLWSH`*HYUH]HS-tYPHZ*VTLYJPHS3HUsHTLU[V*VU]P[L,]LU[VZ
5L^Z5L^ZSL[[LY=07*HTWHUOH6--LU[YLV\[YHZ°
Evite escrever grandes áreas de texto apenas em letras maiúsculas, pois essa é uma
prática muito observada em envios de spammers e, portanto, pontuada nos testes dos
servidores.

Documentos relacionados

Manual de boas praticas v6.ai

Manual de boas praticas v6.ai Vamos pensar que o seu e-mail será enviado para diferentes pessoas, que usam diferentes plataformas de envio e recebimento de mensagens. Atualmente, existem diversos programas de e-mail (diversas v...

Leia mais