SummArg | Cursos y recursos para webmasters

02/06/2010

Algunos consejos para el envio de mails HTML

El diseño de newsletters en html sigue teniendo mucha vigencia para promocionar nuestros servicios y hacerle saber al cliente cuales son las novedades de nuestra empresa mes a mes, entre otros usos.

Pero sin importar el avance que muestran los navegadores para leer html5 y css3, la realidad de los gestores de correo es completamente diferente. De este modo un html que se muestra fabulosamente en nuestro navegador favorito, se convierte en un mamarracho al ingresar a nuestra bandeja de entrada (o a nuestro correo no deseado…)

Así que acá van algunos puntos a considerar (vistos en catswhocodes)

Diseño en tablas

Por mas pobre que nos parezca el uso de las tablas es uno de los pocos recursos que funciona con certeza en la mayoría de los gestores de correos. Olvidensé de los divs, retrocedan en el tiempo a cuando sólo se utilizaban <tr> y <td>. Es de mucha utilidad tener para consultar la guía de propiedades css y su compatibilidad con los diferentes gestores de email de campaignmonitor. Es una excelente tabla detallando cada item y al pié de la misma la cuota del mercado que acapara cada servicio o gestor.

CSS inline y atributos html

No podremos linkear a una plantilla de estilos, así que tendremos que escribir las propiedades CSS dentro de nuestro html. Por lógica podrían intentar declarar las propiedades CSS en el <head> del mail, pero corren el riesgo de que no sea bien interpretado por el cliente del destinatario. Igualmente he visto muchisimos templates de email escritos con el CSS en el <head>, puesto que funcionan, pero aplicando las propiedades en las etiquetas html funciona mejor.

<p style="background:#000; color: white;">Nuevo fondo y color de fuente </p>

Utilicen imagenes de un servidor

Las velocidades de internet de hoy en día suelen permitirnos el envio y la recepción de contenidos relativamente pesados vía email, pero esto no significa que sea una buena práctica. Embeber las imagenes en nuestro email incrementa su peso innecesariamente y de todos modos el cliente del receptor del email tenga por defecto bloqueada la muestra automática de imágenes.

Entonces por un lado tenemos que tener presente que no podemos abusar de las imagenes para hacer llegar nuestro mensaje, ya que es posible que el cliente opte por no solicitar a su cliente de correo que muestre las mismas. Por el otro, debemos economizar el tamaño del mail para que nunca corra el riesgo de ser una molestia para el destinatario a la hora de descargar sus correos.

Lo correcto para ello es subir las imagenes a un servidor y luego linkearlas desde nuestro email utilizando rutas absolutas.

<img src="http://www.summarg.com/newsletter/encabezado.jpg" alt="SummArg" />

Testeo en varios clientes y envio

Antes del envio es recomendable hacer un testeo del mail enviandolo a cuentas propias que nos permitan visualizarlo con diferentes entornos. Los mas populares son Outlook 2000 al 2007, ThunderBird, Gmail, Yahoo! Live Hotmail. De este modo seremos capaces de corregir los errores que detectemos y que el envio definitivo sea lo mas limpio posible.

Para el envio de los correos se pueden utilizar diversas herramientas. Desde nuestro propio cliente de correos (no muy recomendable), pasando por alguna aplicación online integrada a nuestros websites o bien contratar un servicio externo para esta finalidad.

En el caso de contratar un servicio de envio de correos debemos tener presente que necesitamos preparar nuestra base de contactos en un archivo aparte, el cual puede tener las direcciones de correo separadas por una coma pero también acepta otros formatos, y por el otro lado nuestro mail html. Les recomendamos el servicio de GrupoInto de Email Marketing, el cual ya tuvimos oportunidad de probar y nos resultó increiblemente práctico (el link nos incluye como referidos).

Dejar un comentario