En este post dejo algunos de los consejos importantes y que debes tener en cuenta antes de crear una Newsletter.

  • Trabajar primero la estructura.
  • Testear con frecuencia.
    Usar Litmus o Email on Acid.
  • Validar HTML W3C.
  • No usar un editor de texto WYSIWYG.
  • Usar doctype XHTML 1.0 transitional.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • Tener en cuenta los meta.
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  • Usar tablas, no divs.
  • No usar H1, H2, … o <p>. Lo mejor es dar los estilos al propio <td>. Ej.
    <td style="color: #666; font-size:12px; ...">El texto aquí.</td>
  • Dar nombres a las imágenes con significado y sentido para que no sea considerado SPAM.
  • Dar anchos y alto a las imágenes. Se puede usar px pero también porcentajes.
  • El asunto del mensaje no debe tener:
    – Signos de exclamación.
    – Palabras ‘free’, ‘gratis’ o ‘inversión’.

Una buena metodología sería la siguiente:

  1. Wireframe.
  2. Test.
  3. Añadir contenido.
  4. Test.
  5. Dar estilos (colores y fuentes).
  6. Test.