10 Don'Ts ao projetar para o email
E-mail marketing é provavelmente a mais antiga e mais bem sucedida forma de marketing para a web. Em termos gerais, o marketing por e-mail envolve o envio de e-mails personalizados especializados para gerar leads, promover uma oferta, veicular anúncios direcionados ou iniciar negócios. O marketing por e-mail aumenta o raio da sua marca, permitindo que você, profissional de marketing, construa um valor de marca robusto em torno de seu produto.
Mas a maioria dos profissionais de marketing comete um erro básico - não criar modelos de e-mail otimizados para a caixa de entrada de um usuário comum. O envio de e-mails que não são formatados, projetados ou estruturados de fato reduz sua credibilidade e, quando os usuários veem um e-mail disperso em suas caixas de entrada, eles simplesmente não prestam atenção.
Agora, como você otimiza seus modelos de e-mail para o máximo de conversões? Isso geralmente depende do assunto do e-mail, mas, independentemente do produto ou serviço que você está tentando "vender", veja algumas dicas básicas para criar modelos de e-mail otimizados para caixa de entrada para obter melhores conversões:
1. Não use um processador de texto para compor modelos de email
Aplicativos do Office e processadores de texto, como o Microsoft Office e o Open Office, são ótimos para escrever documentos, mas quando se trata de compor ou projetar modelos de email, aconselho vivamente que não use ferramentas de processamento de texto. Isso ocorre porque quando você copia conteúdo, imagens e outros elementos de um processador de texto para a sua caixa de entrada de e-mail, o aplicativo de processamento de texto copia código adicional na origem HTML da mensagem de e-mail. Isso pode quebrar o design do email e, no pior dos casos, o destinatário pode ver um código abrupto em vez do texto do email.
Em vez disso, é uma boa ideia usar editores de HTML como o Microsoft Frontpage ou o Adobe Dreamweaver para criar modelos de email. Se você não estiver familiarizado com editores de HTML, use o bom e velho aplicativo de bloco de notas, mas não use um processador de texto para compor modelos de email.
2. Não ignore os padrões da web para HTML
Quando você escreve o código HTML para o email, tenha cuidado com o processamento do HTML em diferentes navegadores. Precisamente, o código HTML que você usa deve ser padronizado e livre de erros. O uso de códigos obscuros que não são suportados em navegadores mais antigos é considerado uma prática ruim. Preste muita atenção à formatação HTML, alinhamento e as melhores práticas que cada navegador suporta e entende.
Imagem de email via Shutterstock
3. Não use CSS para layout
Mesmo as crianças sabem que CSS é a melhor maneira de projetar para a web, mas no contexto de modelos de e-mail, eu sugiro voltar às tabelas. Isso ocorre porque as tabelas facilitam muito a personalização do modelo de email. Qualquer pessoa pode modificar o conteúdo sem precisar tocar no código. Além disso, alguns clientes de email não renderizam regras CSS, assim como um navegador com todos os recursos, portanto, pode ser uma boa ideia usar tabelas em vez de usar designs CSS.
O CSS oferece mais opções e fundamentos para o design criativo, mas, da perspectiva de usabilidade e compatibilidade, as tabelas são preferidas. Você nunca sabe quantos dos seus destinatários ainda estão enraizados em seus clientes de email espartano que não entendem as regras CSS atuais.
4. Não use arquivos CSS externos
Eu sei que designers proficientes não acertarão uma chave até que tenham permissão para escrever CSS. Se você precisar usar CSS, sugiro escrever CSS in-line e não chamar um arquivo CSS externo em seu modelo de email. A maioria dos provedores de serviços de e-mail, como Gmail, Yahoo e Microsoft Outlook.com, removerão
e outras tags do seu código, por isso, se você estiver usando um arquivo CSS externo em seu código, o corpo do email será quebrado.A melhor maneira de garantir que seus estilos CSS sejam renderizados corretamente em todos os provedores ou clientes de serviços de e-mail é usar CSS in-line para cada elemento. Isso pode significar escrever mais código, mas não é tão frágil quanto o CSS externo.
5. Não use caminhos relativos para imagens
Se você escrever código em um IDE, como eclipse, ou usar um editor de HTML, como o Dreamweaver, talvez esteja usando caminhos relativos para imagens. Por caminho relativo, quero dizer que o IDE recebe o endereço local da imagem, com referência ao seu computador ou às pastas internas do seu site. Seja o que for, você deve mudar todos os caminhos de imagem relativos para caminhos de imagem absoluta. Um caminho de imagem absoluto funcionará universalmente enquanto um caminho de imagem relativo funcionará apenas em um determinado conjunto de ambientes de desenvolvimento.
Imagem de email via Shutterstock
6. Não esqueça os atributos alt para imagens
Os atributos Alt para imagens ajudam os mecanismos de pesquisa a entender o que é sua imagem. Além dos mecanismos de pesquisa, os atributos alternativos também podem ser úteis para os usuários. Por exemplo, alguns clientes de email tendem a bloquear imagens por padrão, então a tag alt pode dar uma pista sobre o que é a imagem. Se a tag alt parecer significativa para o usuário, ele poderá ser atraído para clicar para saber mais sobre sua oferta.
7. Não se esqueça de uma versão em texto simples
Sempre ofereça uma versão de texto sem formatação de sua mensagem de e-mail, independentemente de quão atraente e atrativo seu modelo de e-mail HTML possa ser. Alguns clientes de e-mail ou aplicativos de e-mail de terceiros podem não suportar a renderização de mensagens de e-mail criadas em HTML, portanto, você também deve transmitir suas informações em uma versão de texto simples alternativa.
Antes de fornecer uma versão alternativa somente de texto de sua cópia de e-mail, verifique novamente para garantir que a versão somente em texto seja uma cópia espelhada da mensagem de e-mail original. Ambas as mensagens devem ser exatamente as mesmas ou podem criar discrepâncias na comunicação.
8. Não use URLs longos
Se o seu corpo de e-mail for longo o suficiente e tiver links em texto simples, isso atrapalhará a apresentação. Uma ideia muito melhor e mais bonita seria encurtar os hiperlinks com um encurtador de URL, por exemplo Goo.gl ou Bit.ly . Encurtadores de URL são indispensáveis, especialmente para e-mails de texto simples em que os hiperlinks são colocados entre chaves (). No final do dia, você quer que o email pareça hiperlinks profissionais e de texto simples pode significar um desastre total.
Imagem de email via Shutterstock
9. Não use vídeo
Eu concordo, vídeos valem um milhão de palavras, mas a incorporação de vídeos no e-mail pode não ser frutífera o suficiente para justificar as despesas gerais - a menos, é claro, que você envie o vídeo para sites de compartilhamento de vídeo como YouTube, Vimeo e incorporar a partir daí.
Se você buscar o vídeo em seu site ou anexar o vídeo como um anexo de e-mail, levará muito tempo para ser carregado no final do destinatário. Além disso, alguns clientes de e-mail são pré-configurados para filtrar e-mails com tamanhos de arquivo grandes. Portanto, a anexação de um arquivo de vídeo pode, às vezes, levar sua mensagem à pasta de spam.
10. Não se esqueça da etiqueta
Ok, este não é realmente uma dica de design, mas não é menos importante do que os discutidos acima. Você deve estar ciente da etiqueta do email - saudações, tom, grafias, formatação, gramática, composição; todas as coisas que entram em jogo aqui. Se seu design for excelente, mas sua cópia parecer grosseira, seu e-mail poderá ser contra você, em vez de criar um impacto positivo. Dependendo do assunto da sua campanha de e-mail, você tem que compor a cópia do seu e-mail, adicionar saudações, compor linhas de abertura e fechamento e assim por diante. Usar as mesmas linhas em todas as outras campanhas é certamente um erro de estudante.
Com que erros você se deparou no e-mail que chega na sua caixa de entrada? O que mais os designers de email devem evitar? Deixe-nos saber nos comentários.