A través del marketing por correo electrónico basado en licencias, el costo del marketing y la promoción no solo se puede reducir considerablemente, sino que la información puede transmitirse directa y con precisión a los clientes.
La pregunta que estoy estudiando hoy es cómo comenzar desde los aspectos técnicos y hacer un excelente correo electrónico que sea compatible con la visión del usuario y los clientes de correo electrónico.
1. Elija html o texto (texto sin formato)A algunas personas les gusta el texto simple, y a algunas personas les gusta leer HTML rico. ¿Cómo elegimos?
Para los correos electrónicos de marketing, se recomienda utilizar el formato HTML para crearlos (imagen);
Para los correos electrónicos de confirmación/recordatorio/información, se recomienda usar texto o HTML simple para hacerlos (imagen).
¿Por qué hay diferentes formas de hacer estos dos tipos diferentes de correos electrónicos? Esto se basa en estas razones:
El contenido de los correos electrónicos de marketing es rico y diverso; El contenido de los correos electrónicos de confirmación es único y único;
En los correos electrónicos de marketing, los clientes prestarán más atención a la riqueza del contenido y la estética de los efectos visuales;
En los correos electrónicos de confirmación, queremos que los clientes vean la información de confirmación muy directamente. El contenido complejo y los efectos visuales solo harán que los clientes ignoren el contenido principal del correo electrónico, es decir, la información de confirmación;
(Lo siguiente se centrará en la producción HTML de correos electrónicos de marketing)
2. Habilidades básicas de HTML basadas en el diseño de la tabla + CSSHay dos tipos de Kung Fu, uno es el más yang y el otro es el más yin y suave. La razón por la cual Zhang Sanfeng alcanzó el pico es porque su Fundación de Artes Marciales y sus habilidades básicas son sólidas, por lo que se dio cuenta de este tai chi que puede ser el más yin y yang.
Lo mismo es cierto para los correos electrónicos HTML. Sabemos que hay muchos tipos de clientes de lectura de correo electrónico hoy, incluidas Outlook tradicional, Thunderbird, Lotus Notes, Mac Mail en línea, Gmail, Hotmail, etc., y las explicaciones de los correos electrónicos serán diferentes. La mayoría de los sistemas de correo electrónico en línea bloquearán el código entre las etiquetas <head> </head>.
Para que los correos electrónicos vistos por todos los usuarios que usan clientes diferentes tienen el mismo cliente, debe dominar las habilidades básicas de HTML muy bien. Algunas personas dicen Div+CSS, algunas personas dicen que es la semántica de etiquetas de SEO. Es innegable que, como desarrollador web, será muy popular tener estas dos ideas populares de desarrollo HTML hoy en día, pero esto no se aplica a la producción de correo electrónico. Nuestro objetivo es permitir que los clientes vean el mismo contenido de información en diferentes clientes de correo electrónico, que utiliza el método de diseño más original: Diseño de tabla + CSS. Echemos un vistazo al soporte del cliente de correo electrónico actual para HTML y CSS (imagen):
*Hotmail puede analizar el <estilo> entre <body> </body>, pero también bloquear el <style> entre <cead> </head>
3. Al hacer un correo electrónico HTML, debe prestar atención a los siguientes puntos:El posicionamiento se realiza utilizando un método de anidación de tabla que combina un tamaño absoluto (píxel) y tamaño relativo (porcentaje).
La mayoría de los clientes de correo electrónico bloquearán Flash y JavaScript, así como algunas etiquetas y atributos especiales;
El atributo de imagen de fondo se bloqueará en la mayoría de los clientes de correo electrónico en línea. En Gmail, no puede ver ninguna imagen de fondo;
El atributo SRC de la imagen debe usarse con la dirección absoluta:
Correcto: <img src = http: //blog.54575.com/logo.gif width = 297 ″ altura = 160 ″ alt = living well = haciendo significativo/
Error: <img src = logo.gif />
La información sobre la hora, la ubicación, el contenido y otra información de la exposición siempre es necesaria. Teniendo en cuenta que las imágenes no se pueden mostrar, no se recomienda que estos contenidos se muestren en las imágenes;
Incluso si se coloca en la imagen, exprese el formulario de texto en el contenido de correo electrónico y agregue el contenido al atributo ALT de la imagen.
El correo electrónico a menudo se abre a través de dos canales, cliente de software y cliente en línea, estos dos clientes de correo electrónico (figura).
*Microsoft Outlook 2003
*NetEase 163 Correo electrónico
Como se puede ver en la imagen, los correos electrónicos a menudo no se muestran en pantalla completa.
Si se continúa utilizando el ancho estándar de la página web, parte del contenido del correo electrónico inevitablemente se bloqueará, creando así dos barras de desplazamiento horizontal y vertical, que son inconvenientes para que los clientes naveguen;
Y un ancho demasiado estrecho causará un desperdicio de espacio (imagen)
Entonces, ¿cuál es la mejor manera de establecer el ancho del correo electrónico HTML? Primero nos referemos al ancho utilizado en la producción de correo HTML de varias compañías conocidas:
NetEase Yodao: 600px
Miembro QQ: 650px
Dell Home & Office: 650px
Cisco Webex: 600px
Se puede ver que los anchos de correo electrónico de marketing de estas compañías de TI conocidas son 600px y 650px.
Y de acuerdo con mis 4 años de experiencia en EDM y diseño web, prefiero elegir este último, es decir, 650px como el ancho estándar de los correos electrónicos de marketing HTML.
Ventajas de 650px:
Cuando el contenido del correo electrónico se divide en 2 columnas, 650px se puede dividir en x+10+y, donde x = columna izquierda, y = columna derecha, 10 es el espacio, x+y = 640 y 640 puede ser divisible por 20, 640 = 2 × 2x2x2x2x10,
Cuando el contenido del correo electrónico se divide en 3 columnas, 650px se puede dividir en x+10+y+10+z. Del mismo modo, x+y+z = 630, 630 puede ser divisible por 30, 630 = 3 × 3x7 × 10.
¿Por qué necesitamos romper de esta manera? Consulte la investigación sobre la rasterización de las páginas web.
Es por eso que elegí 650px en lugar de 600px.
Por supuesto, este es solo un estándar establecido por mí personalmente y no se ha convertido en un estándar unificado global, pero espero que algún día este ancho sea reconocido por la gran mayoría de los fabricantes y destinatarios de correo HTML.