Formatação de e-mail em HTML: erros e correções
Publicados: 2019-12-26Seu e-mail ou boletim informativo deve ter o equilíbrio perfeito entre texto, espaço em branco, imagens e links. No entanto, você pode se surpreender com a quantidade de profissionais de marketing por e-mail que erram nessa delicada equação.
Emails com muitas imagens. Vimos tudo na Benchmark.
No entanto, este artigo tem como objetivo ajudá-lo a fazer a coisa certa. O que fizemos neste espaço é listar os erros e erros de formatação de HTML mais comuns - e como corrigi-los. Portanto, continue lendo se ainda tiver dúvidas se está fazendo as coisas certas ou não. Provavelmente, você provavelmente faz.
Erro nº 1: usar muitas imagens / gráficos e texto insuficiente
Você provavelmente recebeu muitos e-mails - principalmente de spammers - cheios de imagens (ou mesmo apenas uma imagem grande), mas escassos no lado do texto. Embora esses e-mails possam ser bonitos de se olhar, lembre-se de que, assim como os clientes de e-mail eliminam os e-mails de texto com spam, eles também bloqueiam os de texto com imagens pesadas / leves. 
Então o que você pode fazer sobre isso? Continue lendo:
- Reduza, reduza, diminua essas imagens para que não sobrecarreguem o texto. Você precisa de equilíbrio em seu e-mail ou boletins informativos. Imagens menores podem ajudá-lo a conseguir isso.
- Use imagens em miniatura, se necessário. Quando alguém clica nessas miniaturas, vincule-as de volta à versão da Web do seu e-mail html ou boletim informativo. Isso o ajudará tremendamente, pois as pessoas enviadas para a versão da Web de seu e-mail ou boletim informativo verão seu e-mail na íntegra, incluindo as imagens.
- Use moderação. Se você tem apenas um parágrafo de texto e precisa usar uma ou duas imagens, force-se a escolher a melhor e fique com ela. Lembre-se: você provavelmente pode usar as outras imagens em uma campanha posterior.
- Não envie um e-mail que seja um grande arquivo gráfico ou imagem. Você precisa de texto. Os clientes de e-mail procuram palavras-chave de texto em e-mails e boletins informativos para decidir se permitem ou não que essas campanhas cheguem à caixa de entrada. Um arquivo 100% gráfico não passará.
Erro # 2: Esquecer o painel de visualização
Nos velhos tempos do e-mail, não era grande coisa enviar um boletim informativo longo, porque provavelmente o destinatário podia ver a versão completa dele em sua caixa de entrada. Não mais. Com os painéis de visualização dominando tantos clientes de e-mail (Outlook e Windows Mail sendo apenas dois), é perfeitamente provável que a maioria de seus clientes veja uma pequena fatia de apenas alguns centímetros.
Graças a isso, você tem apenas alguns centímetros para convencer o destinatário a abrir sua campanha de e-mail e visualizá-la por completo. Aqui estão algumas dicas sobre como usar o painel de visualização a seu favor:
- Coloque suas coisas mais importantes no topo. Se você colocar sua frase de chamariz ou seu discurso de vendas mais importante no topo do seu e-mail, é isso que os clientes que usam o painel de visualização verão. Intrigue-os.
- Coloque seu logotipo de acordo. Se você colocá-lo do lado esquerdo, por exemplo, não apenas ele será visto, mas não interferirá em seu discurso / mensagem de vendas.
- Pensando em expandir? Não. A maioria dos painéis de visualização tem restrições quanto à largura do seu e-mail. Mantenha a simplicidade, não ultrapassando 575 ou 600 pixels.
- Considere um link de texto acima de tudo. Use um link de texto no topo do seu e-mail - mesmo acima dos gráficos. Se o texto deste link for atraente o suficiente, seus clientes clicarão nele e visitarão a versão baseada na Web do seu e-mail.
Erro nº 3: usar links inativos, imagens que não funcionam e muito mais
O velho ditado sobre a palavra “supor” é inteiramente apropriado aqui, já que legiões de profissionais de marketing por e-mail presumem que suas imagens e links funcionam antes de enviarem e-mails. Não é suficiente enviar um e-mail de teste para verificar seu layout. Você deve ter certeza absoluta de que cada link funciona e que cada imagem é exibida corretamente.

Aqui estão algumas dicas:
- Não use URLs de texto em suas campanhas de e-mail Um URL de texto é aquele que mostra um endereço da web inteiro. Por exemplo: www.benchmarkemail.com. Para reduzir suas chances de ser bloqueado por clientes de e-mail, use um hiperlink e um texto normal em vez de um URL de texto completo. Aqui está o caminho certo: Visite Benchmark Email
Aqui está o caminho errado: Visite https://www.benchmarkemail.com/ - Use um texto independente Se você fez tudo o que podia para garantir que suas imagens funcionassem, você ainda deveria criar um texto independente, sem essas imagens. Servidores, PDAs, telefones celulares e clientes de e-mail às vezes têm problemas técnicos e não exibem imagens. Graças a isso, sua cópia do e-mail deve ser independente se nenhuma imagem for exibida.
Erro nº 4: usar código elaborado e / ou anexos
Graças a tantos e-mails competindo por atenção, muitos profissionais de marketing por e-mail - talvez você inclusive - usaram tipos de código fora do padrão para tornar os e-mails mais atraentes. Embora aplaudamos esse entusiasmo, sabemos que esses e-mails provavelmente não chegarão à caixa de entrada:
- Abandone a codificação fora da norma. Até nós podemos admitir que você pode fazer muito mais com um e-mail usando Active X do que com HTML básico e chato. O mesmo vale para Javascript. No entanto, existem algumas desvantagens enormes em usar esses tipos de código mais sexy: vírus. Os spammers são notórios por enviar todos os tipos de coisas desagradáveis (vírus, cavalos de troia) através do Active X. Graças a isso, a grande maioria dos clientes de e-mail bloqueia o Active X imediatamente. Se você usar este código, seu e-mail nunca irá para a caixa de entrada, ou mesmo para o lixo. Portanto, use o HTML como código de design.
- Não envie anexos. Os anexos são como uma bandeira vermelha para filtros de spam. Envie um email comercial com um anexo e você está implorando para que suas campanhas de email sejam bloqueadas. Por esse motivo, recomendamos descartar todo e qualquer acessório. Se você precisa expandir seu tópico e está desesperado por mais espaço, basta criar um link de volta para uma página de destino em seu site onde você apresenta mais informações.
Erro # 5: não testar seu e-mail com uma variedade de serviços de e-mail populares
É fácil esquecer que os clientes de e-mail usam códigos diferentes para exibir seus e-mails. Isso significa que um e-mail no AOL pode ter uma aparência diferente de um e-mail no Yahoo ou Gmail. Aqui estão algumas maneiras de resolver esse problema:
- Seja obsessivo em enviar e-mails de teste. Não podemos expressar o suficiente como é importante enviar e-mails de teste antes que sua campanha seja lançada. Envie cinco ou seis e-mails de teste para os principais serviços de e-mail gratuitos (yahoo, Gmail, AOL, Hotmail, etc.) e clique em cada link e imagem desses e-mails quando eles chegarem. Como a maioria dos serviços desabilitará as imagens, envie um e-mail de teste e ative as imagens com cada cliente e veja quantas aparecem corretamente.
- Enfrente os grandes problemas. Vamos enfrentá-lo - você nunca conseguirá que seu e-mail seja exibido perfeitamente em todos os clientes de e-mail. Graças a problemas de codificação, seu e-mail ou boletim informativo provavelmente parecerá um pouco diferente no AOL do que no Yahoo ou Gmail. No entanto, embora certas coisas possam ser negligenciadas, você deve se concentrar nas coisas que não podem. Isso pode incluir imagens que aparecem em alguns clientes de e-mail, mas não em outros, independentemente de seu e-mail ser jogado na lixeira de spam por alguns clientes, mas não por outros, e outros grandes problemas. Lide com as coisas importantes antes que seu e-mail seja enviado. Os testes o ajudarão a revelar esses grandes problemas.
Contornar os problemas de formatação HTML listados acima é uma das coisas mais importantes que você pode fazer, como um comerciante de email, para melhorar a capacidade de entrega. Embora algumas dessas dicas possam parecer estranhas - especialmente se você for um iniciante - verifique esta lista com frequência e antes que perceba, essas dicas serão como uma segunda natureza.
