Cómo maquetar correo electrónico
Noviembre 30, 2010 a las 10:21 am · Categoría: Marketing Digital, Pointer Email Marketing
A pesar de que las redes sociales están consideradas como la manera más directa de mantener las relaciones con los clientes, no podemos caer en el error de despreciar medios como el correo electrónico para mantener esa comunicación.
Estos son algunos consejos para maquetar Email:
En cuanto a contenidos:
- No incluyas demasiados gráficos o imágenes de mucho peso, porque dismunuye su entregabilidad
- Evitá todo el diseño con imágenes o podrá ser etiquetado como SPAM
- Contenido claro y sencillo, la mayoría de la gente dedicará 1,4 segundos a leer tu correo
- Si es un boletín de subscripción, facilitá siempre el enlace para poder darse de baja.
En cuanto a maquetación:
- Utilizá tablas para crear la estructura: El tratamiento de float, margin, padding en Gmail o en Outlook 2007 no nos permitirá usar estos estos recursos para la maquetación
- Fijá el ancho en las celdas, no en las tablas
- Para dar espacio utilizá cellpadding
- El uso de CSS está limitado
Algunas propiedades como backgound-image o margin no suelen funcionar. - El CSS debe estar insertado en línea en cada etiqueta HTML
Por ejemplo <p style=”font-size: 20px; color: #656565;”>. Si no quieres hacerlo a mano, Premailer es una herramienta que inserta las diferentes propiedades en cada una de las etiquetas.
Si vas a usar clases, es necesario que dupliques el código CSS: debes insertarlo tanto en el <head> como en el <body>. - Usa el atributo alt en las imágenes
Si el programa de correo o webmail bloquea las imágenes (la mayoría lo hacen por defecto), se podrá leer una pequeña descripción de esa imagen.
- No utilices formato PNG
- No te olvides del atributo ALT
- Incluí siempre la dimensión de la imagen
- No uses float, utilizá align
- No adjuntes las imágenes
- No uses Flash ni JavaScript
La gran mayoría de programas y webmails lo filtran o desactivan.
- Proporcioná definiciones de colores inline y una etiqueta <span> redudante para garantizar la visualización del color deseado
-
<a href="http://somesite.com/" style="color:#ff00ff"><span style="color:#ff00ff">this is a link</span></a>
- Usá la codificación ISO-8859-1
Es la más habitual para emails en castellano. Además, y como medida de seguridad, es recomendable usar entidades HTML. Si te resulta más cómodo, puedes usar este conversor. - Comprobá el resultado
Después de maquetarlo, hay que comprobar el resultado a través de los diferentes clientes (Outlook Express, Mozilla Thunderbird…) y webmails (Gmail, Hotmail, YahooMail…).
Siempre existirán pequeñas diferencias entre uno y otro, así que el objetivo es conseguir un aspecto similar y que puedan leerse sin problemas. - Vigilá el nivel de spam
Actualmente, muchos de los emails no superan los filtros anti-spam. El nivel de spam aumenta si usas muchos links y poco texto, tamaños de fuente elevados, texto en mayúsculas, caracteres “raros” en el título… Podés comprobar los niveles de tu email en http://spamcheck.sitesell.com/.
Fuentes: Inclusión.es y Scuain
Conocé los servicios de Pointer Email Marketing
