Recomendaciones Diseño Boletines

Detallamos las siguientes recomendaciones, para lograr una visualización correcta en los principales gestores de correo electrónico (Yahoo, Hotmail, Gmail, Outlook, Mac Mail).

Antes de hacer el envío final a todos tus contactos. Haz un envío de prueba a los principales gestores de correo(Yahoo, Hotmail, Gmail, Outlook 07, Mac Mail)

CARACTERISTICAS TÉCNICAS (Versión HTML)

  • Fuentes: Arial, Verdana, Tahoma, Times New Roman.
  • Aplicar los estilos mediante las etiquetas <font> en el HTML.
    ( No usar estilos CSS, ni enlaces a CSS externos ). Ver Recomendaciones especiales.
  • Los estilos deben estar definidos en el mismo elemento mediante el atributo ‘style’.

    Por ejemplo:

    <p style="color: red;">Texto<p>
  • Evitar el uso de frames.
  • Utilizar tablas, en lugar de etiquetas <Div>.
  • No definir imágenes como background.
  • Evitar el uso de Javascript.
  • Evitar definiciones dentro de la línea de <BODY>
  • Evitar el uso de “maps” en enlaces o Url´s.
  • Evitar el uso de código HTML generado en editores de texto (Word o similar), debido a que incluyen código que no es compatible con los gestores de correo electrónico.
  • Optimizar el tamaño y peso de las imágenes para Web (72dpi)
  • Probar la compatibilidad del código de acuerdo a las normas W3C en: http://validator.w3.org.
  • Para evitar las probabilidades que sea considerado Spam por contenido, recomendamos que el cuerpo del mensaje no sea una sola imagen. El contenido debe tener un mix entre textos e imágenes. Cuando nos referimos a texto, decimos texto de codigo (no un texto como imagen).
  • El caso que se tenga que utilizar (por diseño) una imagen superior a 300 pixels, sugerimos cortarla en tiras, previa optimización de las mismas para web (poco peso).
  • Los gestores de correo como Gmail y Hotmail separan las imágenes en las tablas y dejan un pequeño espacio entre los cortes. Para evitarlo, la solución es ponerle el siguiente código: style=”display:block;”
    de la siguiente manera:

    .ExternalClass img{display:block;border:0;}
    .ExternalClass{width:100%; background-color:#46571F;}

    y en la tabla llamarla: class=”ExternalClass”

  • Ten en cuenta que Hotmail centra todas las celdas de una tabla, para solucionarlo poner align=”right” o aling=”left”
  • Intentar mantener un ancho máximo entre 600 y 850 píxeles
    Esta anchura da buenos resultados en la visualización de la bandeja de entrada de correo y cada vez es más importante pensar en móvil como plataforma de correo electrónico.
  • El link de “baja” debe estar visible (inclusive arriba). Si los usuarios no lo encuentran fácilmente, habitualmente, marcarán como “SPAM” en el gestor de correos (hotmail/yahoo/gmail) y el cliente ya no recibirán más correos del dominio.

 

VERSIÓN TEXTO PLANO

E-nvia permite enviar una versión en texto plano para aquellos usuarios que no puedan recibir emails en formato HTML.

Se debe preparar una versión en formato de TEXTO (ASCII), usando el bloc de notas (Windows) o TextEdit (Mac).

Si tiene alguna duda o requiere asistencia técnica puede contactar con nosotros pinchando aquí

 

El caso que se tenga que utilizar (por diseño) una imagen superior a 300 pixels, sugerimos cortarla en tiras, previa optimización de las mismas para web (poco peso). Los gestores de correo como Gmail y Hotmail separan las imágenes en las tablas y dejan un pequeño espacio entre los cortes. Para evitarlo, la solución es ponerle a cada imagen el siguiente código:

Comparte sabiduría

Una Respuesta a “Recomendaciones Diseño Boletines”

  1. Gran recomendaciones y recurso sobre la generación de boletines.

Deja un comentario