[ View menu ]
27 Ago 08

10 consejos para escribir emails HTML

En MailChimp, publicaron 3 templates HTML para email gratuitos. Pero además, armaron una lista de consejos a tener en cuenta para escribir emails HTML. Me tomé la libertad de traducirlos y republicarlos. Espero que alguien le sirvan.

  1. Codificá los emails HTML en un editor de texto plano. De esa forma vas a obtener el código mas limpio posible. No uses editores WYSIWYG ni esperes que el Microsoft Word exporte código HTML limpio. Incluso algunos filtros de spam van a penalizar tu email si lo creaste en FrontPage. Mejor usa el NotePad, o el TextEdit.
  2. No te vuelvas loco escribiendo CSS. Usá CSS embebido y evita el posicionamento con CSS. Las tablas funcionan mejor.
  3. Diseñá para el panel de previsualización del cliente. El panel de previsualizacion de cualquier cliente de correo es mucho mas angosto que una página web común y corriente. Menos de 600 pixeles es generalmente una buena guía. Alinea los elementos a la izquierda, y asegurate que el logo y contenido mas importante se “asome” en la parte izquierda de tu template.
  4. Evitá poner JavaScript, ActiveX, Flash, video embebido, archivos de sonido, o DHTML. Los virus generalmente van ocultos en ese tipo de archivos, asi que los programas antivirus van a bloquearlos.
  5. Las imágenes tienen que estar subidas a un servidor web, y las rutas de las etiquetas img tienen que ser absolutas.
  6. Los clientes de Webmail (Yahoo, MSN, Hotmail, Gmail, etc) generalmente borran el código HTML que está encima y por debajo de las etiquetas BODY (y también las etiquetas BODY). Por lo tanto:
    • BODY BGCOLOR no va a funcionar. Mejor crea una tabla al 100% de ancho con tu color de fondo, y embebé tu template adentro.
  7. El código CSS dentro del HEAD no va a funcionar. Embebé CSS debajo de la etiqueta BODY, justo encima del contenido.
  8. TODOS los programas de email desactivan las imágenes por defecto. El destinatario tiene que clickear un botón “Mostrar Imágenes” para verlas. Esta es una característica por defecto y no puede ser apagada. Además, el destinatario tiene que estar muy motivado para clickear ese botón. Por lo tanto:
    • No diseñes emails en HTML que contengan solo una imagen grande. El destinatario no va a ver nada (y los filtros de spam no pueden leer contenido, asi que van a asumir que el email es un spam).
    • Tomá los reportes estadísticos de email entre comillas. La mayoría de los sistemas de seguimientos de campañas de email utilizan gifs transparentes, y cuentan cuantas veces la imagen fue impresa. Si tu destinatario tiene desactivadas las imágeners, el gif no va a ser descargado.
  9. Siempre hay que incluir una versión de texto plano (plain-text) en tus emails. Esa es la versión que va a mostrarse si el destinatario no puede (o no quiere) ver emails HTML.
  10. Probá los emails todo lo que puedas, en todos los clientes y servicios webmail como sea posible. Acordate que la forma en que cada cliente de email muestra el HTML es muy distinta, y el testeo va a ser tu única garantía

Categorías: General.

No hay Comentarios

Escribir Comentario - RSS Comentarios

Escribir comentario