Erros comuns de HTML

Se você quiser programar seu próprio modelo de e-mail HTML em vez de usar uma de nossas opções de modelos pré-projetados, você precisa lembrar de algumas coisas na hora de criar o conteúdo.

Neste artigo, examinamos alguns erros comuns de programação HTML e como evitá-los.

Imagens, links e gráficos

Seu e-mail em HTML é apenas um gráfico gigante

A maioria dos programas de e-mail bloqueia os downloads automáticos de imagens por padrão, o que pode fazer com que seus destinatários excluam seu e-mail ou até mesmo o marquem como spam. Como diretriz geral, recomendamos uma proporção de 80% de texto para 20% de imagens em um e-mail. No entanto, os filtros de spam usam critérios diferentes para definir o que seria um equilíbrio saudável entre gráficos e texto.

Se a maior parte do conteúdo de seu e-mail estiver incluída em um único gráfico, adicione texto na área do rodapé, por exemplo, link para cancelamento de assinatura, endereço físico e lembrete de permissão, para ajudar a equilibrar a proporção entre texto e imagem.

Imagens hospedadas em um servidor local ou privado

Se você trabalha em um servidor de preparo ou uma unidade de rede, o público em geral não terá acesso aos servidores e as imagens serão corrompidas.

Para evitar isso, faça upload e hospede todas as imagens em um servidor público para que sejam exibidas corretamente no seu e-mail, ou use o Estúdio de Conteúdo para carregar as imagens e hospedá-las no Mailchimp.

Imagens e hiperlinks não usam caminhos absolutos

Os caminhos absolutos para imagens e arquivos incluem as informações do seu servidor, além do nome do arquivo, para que os aplicativos externos possam encontrar e acessar o arquivo. Sempre hospede todas as suas imagens no seu servidor e use caminhos absolutos que apontem para o seu servidor.

Então, em vez de criar o código da imagem assim:

<img src="/images/photo.gif">

Você deve criá-lo assim:

<img src="http://www.mysite.com/email/images/photo.gif ">

Isso também vale para os hiperlinks. Em vez de um link como este:

<a href="index.html" shape="rect">Cliquez ici</a>

Você deve criar um código do link como este:

<a href="http://www.mysite.com/index.html" shape="rect">Cliquez ici</a>

Se você criar o código dos seus e-mail localmente usando WYSIWYG, verifique se todas as etiquetas <img/> usam caminhos absolutos. Uma boa dica é carregar todos os gráficos dos e-mails no seu servidor no início do projeto para que você tenha que usar caminhos absolutos desde o início.

Visualizar e testar

A campanha não foi totalmente testada

Antes de enviar seu e-mail, teste-o primeiro. Recomendamos que você envie e-mails de teste para todos os serviços de e-mail comuns, como Yahoo, Hotmail e Gmail. Se você souber que seus contatos usam um cliente de e-mail menos comum, execute as etapas para testar nesse programa também. Use nossa ferramenta Inbox Preview para visualizar como seu e-mail será exibido em vários clientes ou consulte nossas dicas de teste de campanha.

Os e-mails criados por um web designer não foram testados

Mesmo se pedir para outra pessoa criar seu e-mail e colar o código que ela indicar, você ainda deverá enviar campanhas de teste a si mesmo para garantir que tudo seja exibido da maneira que deveria. Verifique se o e-mail não está muito largo para caber no painel de visualização da maioria dos principais programas de e-mail. Teste as imagens e os links para garantir que eles funcionem conforme o esperado e estejam configurados como caminhos absolutos.

Código e software

O conteúdo HTML foi criado com Microsoft FrontPage, Word ou Publisher

O uso de Word, Publisher ou FrontPage para gerar conteúdo HTML pode resultar na inserção de código extra no seu e-mail. Isso pode corromper o design do seu e-mail ou fazer com que seja filtrado como spam. Em vez disso, use um editor de texto básico e importe o modelo ou cole o código no Mailchimp.

JavaScript no e-mail HTML

A maioria dos aplicativos de e-mail bloqueia o JavaScript como medida de segurança. Tenha certeza de que o seu código não contenha JavaScript, por exemplo em botões de envio de formulários, links de janelas pop-up, pré-carregadores de imagens e widgets. Se você copiar o código HTML de uma página da web existente, tire todo o JavaScript do código. Nosso criador de campanhas removerá qualquer JavaScript que conseguirmos detectar, mas recomendamos que você teste a sua campanha antes de enviá-la para ter certeza de que ela será exibida corretamente.

CSS usado incorretamente

A maioria dos aplicativos de e-mail retira as etiquetas HEAD e BODY dos e-mails de entrada para evitar que o CSS incorporado interfira com o CSS da sua página. Recomendamos que você use o CSS embutido ou incorpore o seu CSS antes do seu conteúdo após a etiqueta <BODY>.

Conformidade

Uso de conteúdo com jeito de spam

A maioria de nós recebe spam. Os assuntos normalmente estão em caixa alta, com destaque em vermelho ou azul forte, muitos pontos de exclamação e frases como "o melhor", "o mais incrível" ou "clique agora!".

Crie linhas de assunto curtas e seja objetivo. O conteúdo deve ser relevante. Evite usar frases de efeito ou palavras com jeito de spam.

Link de cancelamento de assinatura ausente

Exigimos que todos os e-mails de marketing enviados pelo Mailchimp tenham a nossa *|UNSUB|* etiqueta. Não há absolutamente nenhuma exceção a essa regra. Ela deve estar presente no e-mail em HTML e no e-mail em texto sem formatação.

Lembrete de permissão ausente

Nossos modelos integrados pedem automaticamente que você crie um lembrete de permissão mas, se você programar o seu próprio modelo, terá que incluir um lembrete no código do seu modelo. Os lembretes de permissão dizem brevemente aos seus contatos inscritos como eles se inscreveram para receber o seu marketing, por exemplo: "Você recebeu este e-mail porque se inscreveu em www.exemplo.com para receber o nosso boletim informativo". Os lembretes de permissão evitam falsas reclamações de abuso, que poderiam fazer o seu nome de domínio ser inserido em uma lista de acesso negado (outros provedores podem se referir a isso como "lista de bloqueios").

Endereço postal ausente

Exigimos que todos os nossos usuários incluam um endereço de correspondência física válido em todos os e-mails enviados através dos nossos servidores, em conformidade com a lei CAN-SPAM dos EUA. O endereço é inserido automaticamente sempre que você usa os nossos modelos de e-mail em HTML integrados. Se você programar o seu próprio modelo, terá que adicioná-lo manualmente.