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\UsLZJVTV+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\PYHZWYVWVYsLZTm_PTHZKLHWP_LSZKLSHYN\YHLH[t WP_LSZKLHS[\YH,_JLKLYLZ[HZWYVWVYsLZWVKLMHaLYJVTX\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_WYLZZLZX\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_WYLZZLZJVTV!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,JVTTLYJL0UZJYPsLZ 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
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