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.