Mandamientos de Maquetación del E-Mail Marketing

Gracias a Canal Mail han llegado a mis manos un whitepaper muy interesante sobre que hacer y no hacer en una campaña de e-mail marketing…. Resumo.

• Nunca usar Javascript en tus emails.
• CSS Adjunto: Las lineas de estilos css siempre deben estar incorporadas en la linea de código, y nunca en el header bebiendo de un documento externo.
  Por Ejemplo:<a href=»index.html» target=»_blank»
  style=»font-family: Arial, Helvetica,
  sans-serif; font-size: 16px;»>Ven a
  visitarnos</a>
• Caracteres: A la hora de codificar el mail mucho cuidado los que hablamos español con los acentos, ñ, etc….
  Usar siempre: <a href=»index.html» target=»_blank»>&iexcl;Con&oacute;zcanos!- Click aqu&iacute;</a>
  en lugar de: <a href=»index.html» target=»_blank»>¡Conózcanos! – Click aquí</a>
• Charset: En el meta del cuerpo del email indicar que el código es ISO y no UTF-8
  Usar Siempre: <meta http-equiv=»Content-Type»content=»text/html; charset=iso-8859-1″>
  NO usar: <meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″>
• Maquetar en tablas en lugar de Div.
• Imágenes fijas: Clava tus imágenes en tus mails, para ello establece el estilo style=display:block”
  Por ejemplo: <img src=»http://promociones.miweb.com/mipromo/images/logo.jpg» width=»200″ height=»60″ border=»0″ alt=»Mi empresa» title=»Mi empresa» style=»display:block» />
• Nunca usar Flash.
• Siempre combinar texto e imágenes, no solo hacer un email puramente de imagen.
• Usar fuestes de texto estandar:Arial,Verdana, Georgia, Times New Roman,…
• Siempre incluir un botón con una Acción Clara.
  Por ejemplo: Haz clic aquí y consigue un 10% descuento.
• Imágenes etiquetadas con ALT, TITLE e indicando el ancho y alto de la misma
• Dar de alta el mismo email en html en tu servidor por si algún proveedor de internet no acepta html o imágenes, etc en sus email, que pueda hacer link y verlo en su navegador.

Sigue estos consejos y podrás optimizar tus campañas de email marketing.