[ES] – Introducción – Email Marketing

Diferencia entre Navegador y Gestor de Correo

Siempre que trabajamos en una campaña de email marketing uno de los principales elementos que necesitamos es una Newsletter. Esta se crea, básicamente, en HTML y texto plano. Siempre nos preguntamos por qué no es posible insertar en nuestra Newsletter un vídeo, un efecto en un botón, o una animación flash. La respuesta a esta pregunta es muy sencilla: por seguridad.

Cuando visitamos una página web desde un navegador, somos nosotros quienes voluntariamente realizamos esta acción (ir a ver la web). Pero cuando se trata de email marketing, son los emails los que llegan a nosotros. Esto es lo que provoca que los gestores de correo limiten el tipo de contenido que se puede enviar por correo, simplemente es un problema de seguridad, tanto para el destinatario cómo para los servidores que distribuyen los emails.

Gestores de Correos – Limitaciones

Ahora bien, el hecho de que no podamos crear una Newsletter utilizando ciertos contenidos por notivos de seguridad no significa que todo nuestro contenido se vea mal o desajustado. Muchos de estos fallos de visualización son provocados por los elementos que introducimos en nuestras Newsletters y la forma en que componemos el código HTML de las mismas.

Cada compañía dispone de un gestor de correo (Microsoft tiene Hotmail y Outlook, Google tiene Gmail, Apple tiene Mail, etc.) ya sean de escritorio o vía web, y cada compañía desarrolla sus aplicaciones siguiendo criterios propios de interpretación y limitación de contenidos en HTML.

A diferencia de los Navegadores que leen prácticamente cualquier tipo de contenido, los gestores de correo limitan al máximo la interpretación de los mismos y no existe un acuerdo globalizado para que todos tengan los mismos criterios, con lo que a la hora de diseñar una Newsletter que se enviará como email, no podemos trabajar de la misma forma que lo haríamos si se tratara de una página web.

¿Qué cosas debemos evitar a la hora de diseñar una Newsletter?

Como hemos comentado, algunos gestores correo, tanto de escritorio como web) son capaces de leer diferentes contenidos y diferentes formatos HTML, pero cómo no todos soportan todas las características que el lenguaje HTML nos permite utilizar. A continuacion intentaremos definir cuales de ellas podemos utilizar para evitar que nuestras Newsletter se vea mal, se clasifique como Spam o se desconfigure.

A todos estos elementos básicos que no debemos incluir en una Newsletter deberiamos sumar:

  • Buen tratamiento de las imágenes
  • Incluir texto plano
  • Cuidar las palabras que utilizamos
  • Estudiar los asuntos
  • Mantener una buena proporción entre imágenes y texto
Utilizar vídeos

Al día de hoy, insertar un video en una Newsletter sólo funciona en el gestor de correo de escritorio Mail de Apple y en formato QuickTime.

Si tu idea es insertar un vídeo utiliza una imagen, tipo JPG o GIF que simule un vídeo y enlaza este a tu canal o página web. Otra opción sería utilizar un gif animado, pero no todos los gestores lo soportan.

Utilizar Flash

Insertar Flash en una Newsletter no es soportado por prácticamente ningún gestor de correo, con lo cual, al igual que el vídeo, lo mejor es utilizar una imagen, tipo JPG o GIF que simule tu animación Flash, y enlazarla a tu página web.

Utilizar CSS

La utilización de estilos (CSS) son muy importantes en una web, pero la utilización de estilos (CSS) en Newsletters generan multitud de problemas de visualización.

En general si tienes que definir estilos realízalo directamente en los contenidos (Tablas, filas, celdas, párrafos,…) y trata de evitar su uso el cuerpo o cabecera de la Newsletter ya que la mayoría de gestores sólo reconocen algunos.

Utilizar formularios

Los formularios no son muy bien vistos por los filtros antiSpam, algunos gestores de correo los eliminan, otros los muestran pero deshabilitan su funcionalidad.

Si necesitas crear un formulario, realiza un botón de acción que enlace con tu web e inserta en ella el formulario.

Utilizar Word o similares

Cualquier aplicación que guarda un documento de texto cómo HTML de forma automática, genera un código mal estructurado y muy sucio.

Esta técnica es muy utilizada desde programas como Word o Excel y claramente el código HTML que generan no es nada recomendable para enviar por email ya que los correos suelen ser clasificados cómo Spam o no son visualizados correctamente.

Copiar y pegar contendidos de otras aplicaciones

Es muy habitual trabajar en editores de texto como Word y luego copiar y pegar su contenido en editores HTML tipo wysiwyg, en el fondo es lo mismo que exportar desde Word a HTML.

Los editores HTML tipo wysiwyg tratan de imitar todo el contenido creado desde editores de texto, con lo que llenan la Newsletter de código basura, si tienes que copiar y pegar en editores HTML tipo wysiwyg normalmente existe un botón de “Pegar cómo texto plano”. Una vez pegues el contenido podrás formatearlo sin problemas y el resultado será mucho más seguro.

Utilizar capas

Evita el uso de capas < div > ya que la mayoría de gestores de correo no las interpretan bien. Como norma general componer un HTML a base de tablas < table >, filas < tr > y celdas < td >, es la opción que nos garantiza una correcta visualización.

Utilizar cualquier tipografía

Sólo utiliza tipografías estándares que acepten la mayoría de sistema operativos, puede ser que al crear una Newsletter elijas una tipografía bonita que hay instalada en tu sistema, pero ¿La tendrá instalada el sistema de tu destinatario?.

A su vez no todos los gestores de correo web admiten todas las variedades de tipografías, con lo que utilizar las estándares siempre es la opción más segura.

Algunas de las tipografías estándares más seguras son:

Georgia
Arial
Courier New
Trebuchet MS
Lucida Console
Verdana
Times New Roman
Lucida Sans Unicode
Tahoma

Utilizar JavaScript

El uso de cualquier etiqueta JavaScript < SCRIPT > no sólo no funciona sino que muchos gestores de correo las eliminan directamente por seguridad.

Eventos multimedia como Mousemove, Dblclick o Mouseout no funcionarán en tu Newsletter, con lo que cualquier efecto interactivo que pretendamos realizar será mejor olvidarlo.

Utilizar adjuntos

Uno de los grandes problemas a la hora de añadir un adjunto es el tamaño del email, a mayor tamaño mas problemas a la hora de enviar, cualquier adjunto que sea sospechoso por el tipo de archivo puede ser rebotado o clasificado cómo Spam.

Si tienes que adjuntar un archivo mejor alojalo en un servidor y crea un botón de descarga que apunte a la URL del archivo, así podrás conocer con estadísticas quién se ha descargado el documento y tendrás más posibilidades de que tu correo llegue correctamente.