<< volver al índice

El armado HTML de una email utilizado en comunicación masiva es fundamental. El nivel de visibilidad y homogeneidad serán un factor determinante en el éxito del plan de comunicaciones, por lo que prestar especial atención al armado es clave.

Antes de comenzar hay que mencionar un aspecto importante: las buenas prácticas en el armado son flexibles en el tiempo. Por ejemplo, hace 4 años sólo algunas personas leian su correo en dispositivos móviles, pero hoy está explotando la lectura de correos desde estos dispositivos (se estiman 2.000.000 de móviles conectados a internet en Chile hacia fines del 2011). Supongamos que construimos un email bellísimo, pero muy pesado en imagenes… digámos que las imagenes en total pesan 500 Kb… ¿realmente quiero que un suscriptor espere la descarga de 500 Kb de imágenes para que pueda ver correctamente un mensaje en su dispositivo móvil?

 

Checklist para el Armado HTML de Emails

Iniciativas como Email Standards intentan lograr la estandarización en la interpretación de correos, y envían regularmente un Test Ácido para comparar la interpretación realizada por distintos clientes de correo y sus evoluciones. En base a los resultados Email Standards (dónde observamos que Gmail, Outlook 2007, Hotmail y Lotus Notes 8 son los más atrasados) y nuestro aprendizaje en el último tiempo, estas son nuestras recomendaciones:

 

ESTRATEGIA

  • He definido los medios y/o canales que permitirán al suscriptor conseguir más información y/o conversar sobre los temas relacionados, ys e han agregado los links pertinentes
  • He implementado un sistema de medición doble: Actividad del Email + Actividad generada Medios Objetivos (sitio web, redes sociales, etcétera)
  • Tengo un diseño único y apropiado para mis objetivos comunicaiconales (empatía con el correo enviado e innovación en el diseño generan fidelidad de mediano y largo plazo)

 

REMITENTE

  • El remitentente del email es consistente en el tiempo (nunca debemos cambiar el remetinte, ya que habrá cada suscriptor deberá aceptar nuevamente la carga de imágenes… o peor aún, el mensaje podría terminar en la casilla de SPAM)
  • El email utilizado en el remitente es una casilla real (una nueva tendencia es poder contestar los correos masivos y esperar respuesta)

 

ASUNTO

  • El asunto del mensaje es un llamado a la acción y refleja fielmente el contenido del correo (mantener la simplesa es clave, ya que en una linea debemos convencer al suscriptor para abrir la pieza enviada)
  • El asunto no contiene palabras comunmente filtradas por los servidores que reciben correos (ej: venta especial, descuento, oferta, promoción, etcétera)
  • El asunto no utiliza caracteres especiales ($, %, #, &, etcétera). Si es posible redactar un asunto sin acentos tanto mejor.

 

CONTENIDO

  • Tengo un diseño único y apropiado para mis objetivos comunicaiconales (empatía con el correo enviado e innovación en el diseño generan fidelidad de mediano y largo plazo)
  • El mensaje principal del envío es visible sin la necesidad de cargar imágenes
  • He prestado suficiente atención a todos los aspectos de la redacción
  • El mail tiene un link para ver la versión web del correo (header)
  • El mail contiene información de valor para el suscriptor (body)
  • El mail tiene un link para actualizar datos de las suscripción (footer)
  • El mail tiene un link para darse de baja de la lista de suscripción (footer)
  • El mail evidencia quien está enviando el mensaje y con que propósitos (footer)
  • El mail declara como se han conseguido los datos y permisos (footer)
  • El mail incluye direcciones físicas de contacto (footer)

 

DISEÑO HTML

  • El diseño debe ser de 700px máximo de ancho. Esto básicamente porque ningún cliente de correos utiliza el 100% de la pantalla para consumir la pieza, sino que siempre mantienen al menos una barra lateral (generalmente izquierda), pero en algunos casos hasta dos (izquierda y derecha… como Gmail).
  • El diseño HTML no utiliza hojas de estilo CSS
  • El diseño HTML no utiliza etiquetas <div>
  • El diseño HTML no utiliza flash
  • El diseño HTML no utiliza javascript
  • El diseño HTML no utiliza gif animado
  • El diseño HTML se basa en Tablas y Listas, donde siempre informamos las dimensiones (ancho y alto), atributos (colores, espacios y fuentes). Artículos explicatorios: Email HTML Parte I y Email HTML Parte II

 

IMAGENES

  • Todas las imágenes tienen “ALT” y “TITLE” definidos, lo que premite comprender el contenido de las imágenes sin cargarlas
  • Muchos Proveedores de correos limitan las imágenes a 60Kb cada una, y en algunos casos explicitan un límite de 600px de ancho máximo (o similar).
  • Para soslayar esta dificultad se pueden hacer muchos trucos, como, por ejemplo, crear una tabla HTML felxible (width=”100%”) y comenzar a diagramar dentro de ella con textos, contenedores e imágenes pequeñas (menos de 600px de ancho, menos de 60kb de peso)
  • Cada imagen tiene explícitamente definido el ancho y alto, incluso si se está utilizando la imagen en su tamaño original
  • <style>img {display:block}</style> Necesitamos agregar esta declaración de formato en nuestros documentos enviados (HTML). Aydará a prevenir un espacio indeseable al tratar de ensamblar una composición de tabloa que utiliza varias imágenes. Esto mejora la interpretación en Hotmail para muchos navegadores (Chrome, Safari, Firefox y Opera).
  • Debemos agregar style=”display:block” dentro de las etiquetas <img> en nuestros documentos enviados (HTML). Aydará a prevenir un espacio indeseable al tratar de ensamblar una composición de tabloa que utiliza varias imágenes. Esto mejora la interpretación de Gmail en todos los navegadores.

Agregar un comentario

Su dirección de correo no se hará público. Los campos requeridos están marcados *

*


*

Usted puede utilizar las etiquetas HTML y atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>