Através de marketing por email baseado em licença, o custo do marketing e da promoção não apenas pode ser bastante reduzido, mas as informações podem ser transmitidas direta e com precisão aos clientes.
A pergunta que estou estudando hoje é como começar com os aspectos técnicos e fazer um excelente email compatível com os clientes da visão do usuário e do email.
1. Escolha html ou texto simplesAlgumas pessoas gostam de texto simples, e algumas pessoas gostam de ler Rich HTML. Como escolhemos?
Para e -mails de marketing, é recomendável usar o formato HTML para torná -los (foto);
Para e -mails de confirmação/lembrete/informação, é recomendável usar texto ou html simples para torná -los (figura).
Por que existem maneiras diferentes de criar esses dois tipos diferentes de e -mails? Isso é baseado nesses motivos:
O conteúdo dos e -mails de marketing é rico e diversificado; O conteúdo dos e -mails de confirmação é único e exclusivo;
Nos e -mails de marketing, os clientes prestarão mais atenção à riqueza do conteúdo e à estética dos efeitos visuais;
Nos e -mails de confirmação, queremos que os clientes vejam as informações de confirmação diretamente. O conteúdo complexo e os efeitos visuais farão apenas os clientes ignorarem o conteúdo principal do email - ou seja, as informações de confirmação;
(O seguinte se concentrará na produção de e -mails de marketing html)
2.Existem dois tipos de kung fu, um é o mais Yang e o outro é o mais yin e macio. A razão pela qual Zhang Sanfeng atingiu o pico é porque sua Fundação de Artes Marciais e suas habilidades básicas são sólidas, então ele percebeu esse Tai Chi que pode ser o mais Yin e Yang.
O mesmo vale para e -mails HTML. Sabemos que existem muitos tipos de clientes de leitura de e -mails hoje, incluindo perspectivas tradicionais, Thunderbird, Lotus Notes, Mac Mail online, Gmail, Hotmail, etc. As explicações dos emails serão diferentes. A maioria dos sistemas de email on -line bloqueará o código entre as tags <head> </head>.
Para tornar os e -mails vistos por todos os usuários com diferentes clientes, devemos dominar muito bem as habilidades básicas do HTML. Algumas pessoas dizem que o Div+CSS, algumas pessoas dizem que é semantização de tags de SEO. É inegável que, como desenvolvedor da Web, será muito popular ter essas duas idéias populares de desenvolvimento HTML hoje em dia, mas isso não se aplica à produção de email. Nosso objetivo é permitir que os clientes vejam o mesmo conteúdo de informações em diferentes clientes de email, que usa o método de layout mais original: Layout da tabela + CSS. Vamos dar uma olhada no suporte do cliente de email atual para HTML e CSS (foto):
*Hotmail pode analisar o <estilo> entre <body> </body>, mas também bloquear o <estilo> entre <head> </head>
3. Ao enviar e -mail HTML, você deve prestar atenção aos seguintes pontos:O posicionamento é feito usando um método de ninho de tabela que combina tamanho absoluto (pixel) e tamanho relativo (porcentagem).
A maioria dos clientes de email bloqueará o Flash e o JavaScript, bem como algumas tags e atributos especiais;
O atributo de imagem em segundo plano será bloqueado na maioria dos clientes de email on-line. No Gmail, você não pode ver imagens de fundo;
O atributo SRC da imagem deve ser usado com o endereço absoluto:
Correto: <img src = http: //blog.54575.com/logo.gif width = 297 'altura = 160' alt = viva bem = tornando significativo/
Erro: <img src = logo.gif />
As informações sobre o tempo, localização, conteúdo e outras informações da exposição são sempre necessárias. Considerando que as imagens não podem ser exibidas, não se recomenda que esses conteúdos sejam exibidos nas imagens;
Mesmo que seja colocado na imagem, expresse -a em formato de texto no conteúdo de email e adicione o conteúdo ao atributo ALT da imagem.
O email é frequentemente aberto em dois canais, cliente de software e cliente on -line, esses dois clientes de email (figura).
*Microsoft Outlook 2003
*NETEASE 163 E -mail
Como pode ser visto na imagem, os emails geralmente não são exibidos em tela cheia.
Se a largura padrão da página da Web for continuada, parte do conteúdo do email será inevitavelmente bloqueada, criando assim duas barras de rolagem horizontal e vertical, que são inconvenientes para os clientes navegarem;
E uma largura muito estreita causará desperdício de espaço (imagem)
Então, qual é a melhor maneira de definir a largura do email HTML? Vamos primeiro nos referir à largura usada para a produção de correio HTML por várias empresas conhecidas:
NETEASE Youdao: 600px
Membro QQ: 650px
Dell Home and Office: 650px
Cisco WebEx: 600px
Pode-se observar que as larguras por e-mail de marketing dessas empresas conhecidas de TI são 600px e 650px.
E de acordo com meus 4 anos de experiência em EDM e web design, prefiro escolher o último, ou seja, 650px como a largura padrão dos e -mails de marketing HTML.
Vantagens de 650px:
Quando o conteúdo do email é dividido em 2 colunas, 650px pode ser dividido em x+10+y, onde x = coluna esquerda, y = coluna direita, 10 é a diferença, x+y = 640 e 640 pode ser divisível em 20, 640 = 2 × 2x2x2x2x10,
Quando o conteúdo do email é dividido em 3 colunas, 650px pode ser dividido em x+10+y+10+z. Da mesma forma, x+y+z = 630, 630 pode ser divisível em 30, 630 = 3 × 3x7 × 10.
Por que precisamos quebrar dessa maneira? Por favor, consulte a pesquisa sobre rasterização de páginas da web.
É por isso que escolhi 650px em vez de 600px.
Obviamente, este é apenas um padrão estabelecido para mim pessoalmente e não se tornou um padrão unificado global, mas espero que um dia essa largura seja reconhecida pela grande maioria dos produtores e destinatários de email de HTML.