Guía para maquetar emails promocionales

via Ateneu Popular by Guepmascle on 10/19/09


email

Leo en Tallerd3 un artículo que creo de un interés cada día más creciente, que trata sobre “El arte de maquetar emails”. El tema del email Marketing es cada día más importante y tiene mayor relevancia en la comunicación entre la marca y el consumidor, entre el proveedor y el cliente, pero esta comunicación puede verse dificultada por una mala visualización al existir diferentes programas de correo, tanto on-line como off-line y cada uno de ellos con sus peculiaridades. Por eso una guía con consejos sobre como maquetar emails para ser visualizados en la mayoría de programas de correo, pasa a ser esencial para conseguir llegar al destinatario.

  • Maqueta usando tablas, con un HTML básico
    Desafortunadamente, nada de <div> en el código.
  • El uso de CSS está limitado
    Algunas propiedades como backgound-image o margin no suelen funcionar. Este listado es la mejor referencia para saber cuales puedes usar. Se actualiza periódicamente y existe una versión imprimible en PDF.
  • El CSS debe estar insertado en línea en cada etiqueta HTML
    Por ejemplo <p style=”font-size: 20px; color: #656565;”>. Si no quieres hacerlo a mano, Premailer es una herramienta que inserta las diferentes propiedades en cada una de las etiquetas.
    Si vas a usar clases, es necesario que dupliques el código CSS: debes insertarlo tanto en el <head> como en el <body>.
  • Usa el atributo alt en las imágenes
    Si el programa de correo o webmail bloquea las imágenes (la mayoría lo hacen por defecto), se podrá leer una pequeña descripción de esa imagen.
  • No adjuntes las imágenes
    Debes colgarlas en un servidor y poner la ruta absoluta (<img src=” http://www.midominio.com/mail/imagen.gif” … />)
  • No uses Flash ni JavaScript
    La gran mayoría de programas y webmails lo filtran o desactivan.
  • Usa la codificación ISO-8859-1
    Es la más habitual para emails en castellano. Además, y como medida de seguridad, es recomendable usar entidades HTML. Si te resulta más cómodo, puedes usar este conversor.
  • Comprueba el resultado
    Después de maquetarlo, hay que comprobar el resultado a través de los diferentes clientes (Outlook Express, Mozilla Thunderbird…) y webmails (Gmail, Hotmail, YahooMail…).  Siempre existirán pequeñas diferencias entre uno y otro, así que el objetivo es conseguir un aspecto similar y que puedan leerse sin problemas.
  • Vigila el nivel de spam
    Actualmente, muchos de los emails no superan los filtros anti-spam. El nivel de spam aumenta si usas muchos links y poco texto, tamaños de fuente elevados, texto en mayúsculas, caracteres “raros” en el título… Puedes comprobar los niveles de tu email en http://spamcheck.sitesell.com.

Comparte y disfruta Ateneu Popular Bitacoras.com Meneame del.icio.us Technorati Facebook MySpace StumbleUpon LinkedIn Google Bookmarks email FriendFeed Netvibes PDF 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: