Clicky

10 reglas para el diseño del correo electrónico (email)

diseño de email

Cómo optimizar tus plantillas de correo electrónico para las máximas conversiones

El email marketing es probablemente la forma más antigua y exitosa de marketing de la web. En términos generales, el email marketing implica el envío de correos electrónicos personalizados especializados para generar clientes potenciales, promover una oferta, servir anuncios dirigidos o iniciar negocios. El  marketing por correo electrónico aumenta la audiencia de tu marca, lo que permite al vendedor construir un sólido valor de marca en torno a su producto.

Pero la mayoría de los vendedores cometen un error básico - no crean plantillas de correo electrónico que estén optimizadas para la bandeja de entrada de un usuario típico. Envío de correos electrónicos que no tienen formato, diseñados o estructurados incorrectamente en realidad reducen la credibilidad y cuando los usuarios ven un email disperso en su bandeja de entrada, simplemente no le prestan atención.

Ahora, ¿cómo optimizar tus plantillas de correo electrónico para las máximas conversiones? En general, esto depende del asunto del correo electrónico pero, sin importar el producto o servicio que estés tratando de "vender", aquí hay algunos consejos básicos para crear plantillas de correo electrónico optimizados en la bandeja de entrada para obtener mejores conversiones:

1. No utilices un procesador de textos para componer plantillas de correo electrónico

Las aplicaciones de Office y procesadores de texto como Microsoft Office y Open Office son buenos para escribir documentos, pero a la hora de componer o diseñar plantillas de correo electrónico, recomendaría y aconsejaría encarecidamente no utilizar en absoluto las herramientas de procesamiento de texto. Esto es porque cuando se copia el contenido, imágenes y otros elementos de un procesador de texto para un buzón de correo electrónico, la aplicación de procesamiento de texto copia el código adicional en el código fuente HTML del mensaje de correo electrónico. Esto podría romper el diseño del correo electrónico y en el peor de los casos, el destinatario puede ver el código fuente en lugar del texto del correo electrónico.

En su lugar, para diseñar plantillas de correo electrónico, es una buena idea utilizar editores HTML como Microsoft Frontpage o Dreamweaver de Adobe. Si no estás familiarizado con los editores de HTML, utiliza la aplicación del viejo bloc de notas pero, por favor, no utilices un procesador de texto para la composición de las plantillas de correo electrónico.

2. No ignores los Estándares web con HTML

Al escribir el código HTML para el correo electrónico, ten cuidado de cómo se representa el HTML en distintos navegadores. Precisamente, el código HTML que puedes usar debe ser estandarizado y libre de errores. El uso de códigos ocultos que no son compatibles con los navegadores más antiguos se considera una mala práctica. Presta mucha atención al formato HTML, la alineación y las mejores prácticas que cada navegador soporta y entiende.

diseño de correo electrónico

3. No utilices CSS para el diseño

Hasta los niños saben que el CSS es la mejor forma de diseñar para la web, pero en el contexto de plantillas de correo electrónico me permito sugerir que se remonte hasta las tablas. Esto es porque las tablas hacen que sea muy fácil de personalizar una plantilla de correo electrónico, cualquier persona puede modificar el contenido sin tener que tocar el código. Además, algunos clientes de correo electrónico no leen las reglas CSS, así como lo hace un navegador con todas las funciones, por lo que podría ser una buena idea utilizar las tablas en lugar de utilizar diseños CSS.

El CSS da más opciones y motivos de diseño creativo, pero desde el punto de vista de usabilidad y compatibilidad, se prefieren las tablas. Nunca se sabe cuántos de los destinatarios siguen arraigados a sus espartanos clientes de correo electrónico que no entienden hoy en día las reglas CSS.

4. No utilices archivos CSS externos

Sé que los diseñadores competentes no usarán una tecla hasta que se les permite escribir CSS. Si tienes que usar CSS, te sugiero escribir CSS en línea y no llamar a un archivo CSS externo en su plantilla de correo electrónico. Muchos proveedores de servicios de correo electrónico como Gmail, Yahoo y Microsoft Outlook.com van a remover <head>, <body> y otros datos de tu código por lo que si estás usando un archivo CSS externo en el código, se romperá el cuerpo del email.

La mejor manera de asegurarse de que tus estilos CSS se representan correctamente a través de todos los proveedores de servicios o clientes de correo electrónico es usando de CSS en línea para cada elemento. Esto podría significar escribir más código, pero no es tan frágil como el CSS externo.

diseño de emails

5. No utilices rutas relativas para las imágenes

Si se escribe el código en un IDE como Eclipse o usando un editor HTML como Dreamweaver, puedes utilizar rutas relativas para las imágenes. Por ruta relativa, me refiero a la URL que se le da a la dirección local de la imagen, haciendo referencia a tu computadora o carpetas internas de tu sitio web. Sea lo que sea, debes cambiar todas las rutas de imágenes relativas a rutas de imágenes absolutas. Una ruta absoluta de la imagen funcionará universalmente, mientras que una ruta relativa de la imagen sólo funcionará en un determinado conjunto de entornos de desarrollo.

6. No te olvides de los atributos ALT para las imágenes

Los atributos ALT para las imágenes ayudarán a los motores de búsqueda a entender de qué trata tu imagen. Aparte de los motores de búsqueda, los atributos ALT puede ser también útiles para los usuarios. Por ejemplo, algunos clientes de correo electrónico tienden a bloquear las imágenes de forma predeterminada, por lo que la etiqueta ALT puede dar una pista de lo que trata la imagen. Si la etiqueta ALT parece significativa para el usuario, podría estar tentado a hacer clic para saber más acerca de tu oferta.

7. No te olvides de una versión de texto sin formato

Ofrece siempre una versión de texto sin formato en tu mensaje de correo electrónico, sin importar lo convincente y atractiva que puede ser tu plantilla de correo electrónico HTML. Algunos clientes de correo electrónico o aplicaciones de correo electrónico de terceros no son compatibles con la prestación de mensajes de correo electrónico en HTML, por lo que también debes transmitir tu información en una versión alternativa de texto sin formato.

Antes de entregar una única versión de texto alternativa en el correo electrónico, verifica dos veces para asegurarte de que la versión sólo texto es una copia espejo del mensaje de correo electrónico original. Ambos mensajes deberían ser exactamente lo mismo, o podrían crear discrepancia en la comunicación.

diseño de correo electrónico

8. No utilices URLs largas

Si el cuerpo del correo electrónico es lo suficientemente largo y tiene enlaces en texto plano, va a estropear la presentación. Una idea mucho mejor y más bonita sería acortar los enlaces con un acortador de URL por ejemplo Goo.gl o Bit.ly . Los acortadores de URL son indispensables, especialmente para los mensajes de correo electrónico de texto sin formato en el que los hipervínculos están encerradas entre llaves (). Al final del día, el correo electrónico que deseas buscar con hipervínculos de texto sin formato profesional puede significar un desastre total.

9. No utilices vídeo

Estoy de acuerdo, los videos valen más que mil palabras, pero incrustar vídeos en el correo electrónico podría no resultar suficientemente fructífero para justificar los gastos generales - a menos que, por supuesto, subas el vídeo a los sitios para compartir videos como YouTube, Vimeo e incrustarlo desde allí.

Si estás obteniendo el vídeo de tu sitio web o adjuntando el video como un archivo adjunto de correo electrónico, va a tomar mucho en cargarse en el extremo del receptor. Además, algunos clientes de correo electrónico están pre-configurados para filtrar correos electrónicos con archivos de gran tamaño, por lo que colocando un archivo de vídeo tu mensaje a veces puede acabar en la carpeta de spam.

10. No te olvides de la "etiqueta"

Está bien, ésta no es realmente una pauta de diseño, pero es de igual importancia que las mencionadas anteriormente. Debes ser consciente de la "etiqueta" en el email - saludo adecuado, el tono, la ortografía, la gramática, formato, composición, todas las cosas que entran en juego aquí. Si el diseño es excepcional, pero tu texto suena grosero, el correo electrónico puede ir en contra tuya en lugar de crear un impacto en una manera positiva. Dependiendo del tema de tu campaña de correo electrónico, tienes que componer el texto del email, agrega saludos, compón líneas de apertura y de cierre, etc. Utilizar los mismos textos en cada nueva campaña es ciertamente un error de colegial.

Jesus_Caceres