Estas son nuestra recomendaciones más importantes que debes tener en cuenta cuando diseñas emails - newsletters. Recuerda que el mundo del email tiene sus particularidades y no es lo mismo que diseñar una web. Así que vamos al grano:
1. Crea un diseño simple y claro. Un email debe ser lo más claro y sencillo posible. Nunca puede considerarse como una web llena de submenus, miles de enlaces, estilos css muy especiales, scripts, etc... Es muy importante tener en cuenta que cuando el lector ve un email, decide en 3 segundos si lo lee o no. Así que la simplicidad y claridad es uno de los factores más importantes a la hora de diseñar un email.
2. Utiliza tablas. Los programas de email como Outlook, Lotus, Thunderbird, Apple Mail, Gmail, Hotmail, Yahoo, etc... utilizan una tecnología de renderización muy particular y son capaces de interpretar a la perfección las tablas. De esta forma cuando creas una estructura con tablas, columnas y filas y defines su ancho y alto, el riesgo de que el email se vea de forma incorrecta es muy bajo. Por ejemplo usar la estructura siguiente funciona de maravilla:
- <table>
- <tr>
- <td>Cabecera</td>
- </tr>
- <tr>
- <td>Texto con contenido</td>
- </tr>
- <tr>
- <td>Pié</td>
- </tr>
- </table>
3. Prueba con todos los navegadores y programas de correo: Es necesario que pruebes y no te canses de probar como verán tus destinatarios los correos. Para esto, GraphicMail cuenta con su servicio "Vista Previa" que te permite lanzar una prueba de visualización en los principales programas de correo y así comprobar en pocos minutos que todo funciona.
4. Estilos en línea: Si vienes del mundo del diseño web, sabrás lo que son los estilos CSS y las clases. Olvidate de esto y si algo necesita un estilo definido, úsalo en línea. Un ejemplo de como hacerlo es este:
-
<font style="font-size: 13px;" color="#666666" face="Verdana, Arial, Helvetica, sans-serif">texto aquí</font>
5. ALT de imágenes: Siempre rellena el ALT de las imágenes ya que cuando un destinatario no tiene las imágenes activadas por defecto en su programa de correo, verá el texto que hayas puesto en el ALT.
6. 600 pixels de ancho: Los programas de correo casi siempre tienen un panel de visualización para ver los emails. El ancho ideal que se adapta en su mayoría a los programas de correo es sin duda 600 pixeles.
7. Evita el uso de imágenes de fondo: Las conocidas Background images no son soportadas por la mayoría de programas de correo.
8. Evita los bordes: La característica border no es soportada por la mayoría de programas de correo. Para esto hay un truco bastante bueno:
- <td width="1"></td>
- <td width="498">Texto aquí</td>
- <td width="1"></td>
9. Evita las líneas blancas entre imágenes: Cuando creas un email con imágenes troceadas o slices, Hotmail muestra una especie de espacios en blanco entre estas. Para evitar este espacio en blanco utiliza un código que puedes añadir rápidamente en cada imagen:
- <img src="image.jpg" style="display:block;">
10. Codifica los caracteres especiales: Cada idioma usa su propia codificación de caracteres, así que acostúmbrate a codificar correctamente el email: ISO-8859-1 o UTF-8. Algunos ejemplos:
- "Este verano - oferta especial"
- El día de la madre aprovecha el descuento
11. No uses script: Si usas <script> tus emails seguro irán al buzón de no deseado!
12. Añade "ver en navegador": Muchos suscriptores agradecerán que añadas una pequeña línea de texto en la parte superior de los emails: "Si no puedes ver este email, presiona aquí para verlo en tu navegador"
13. Añade la opción de baja: Cómo me doy de baja? es una pregunta que debes responder a tus suscriptores de forma muy clara. No ocultes el botón de baja, no intentes ponérselo difícil.
14. No te canses de probar: Antes de enviar tu campaña definitivamente, has mil pruebas! Un pequeño error te puede llevar al fracaso de tu campaña. También no te olvides de realizar Pruebas A/B y descubre lo que funciona mejor.
