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.
- 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.
- No te vuelvas loco escribiendo CSS. Usá CSS embebido y evita el posicionamento con CSS. Las tablas funcionan mejor.
- 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.
- 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.
- Las imágenes tienen que estar subidas a un servidor web, y las rutas de las etiquetas img tienen que ser absolutas.
- 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.
- El código CSS dentro del HEAD no va a funcionar. Embebé CSS debajo de la etiqueta BODY, justo encima del contenido.
- 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.
- 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.
- 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.