Guía HTML para diseñar de forma correcta un Newsletter – Ebook gratis

747

Hace unos días vengo buscando un sistema de newsletter confiable y estoy entre dos empresas, MailChimp y Doppler, ambos recomendados por unos amigos. Para poder comprar los servicios, he registrado cuentas gratis en ambas empresas y he hablado con los encargados de soporte para entender mejor cada sistema.

Mientras hablaba con uno de los encargados de soporte de Doppler, salió el tema del armado de un newsletter, que conviene y que no conviene incluir en el diseño para que el correo tenga una buena recepción y que llegue a la bandeja de entrada, sin que los distintos clientes de correo los identifique como spam.

Javier (el soporte de Doppler) me envió un Ebook PDF con una guía con consejos para el maquetado HTML de un newsletter para que este tenga buena recepción y visibilidad en todos los sistemas de correo, Gmail, Hotmail, Yahoo, Outlook etc. A continuación voy a citar estos textos y adjuntar el Ebook en formato PDF para que puedan descargarlo.

guia-email

Consejos para el correcto armado de HTML para Emails

Cuando desarrollas una campaña de Email Marketing, es fundamental que tu mensaje sea recibido correctamente.

Esto significa: que pueda verse en su totalidad, rápidamente y que no sea clasificado como Spam. Una recepción lenta, incompleta o que llega etiquetada como “correo no deseado” por el cliente de email, provoca que mucha gente elimine los mensajes de sus casillas sin siquiera leerlos. Además, contribuyes a generar desconfianza en el producto y en quien lo envía. Por eso, y para que no ocurran este tipo de errores en tus comunicaciones, te presentamos una serie de consejos a tener en cuenta para que realices una campaña visible y exitosa.

HTML

La codificación del email deberá ser realizada en HTML que es el lenguaje de modelado que interpretan los clientes de correo. NO SE PUEDE usar otro lenguaje. Es importante tener en cuenta que el código HTML que utilizaremos para armar nuestro email tiene varias restricciones con respecto a los tags, atributos, etc. que se pueden usar al momento de maquetar nuestro email.

Esto se debe a que cada cliente de correo tiene sus propias restricciones. Además debemos tener en cuenta que el código HTML que se utiliza para ser enviado por email NO ES exactamente el mismo que se utiliza para crear una página web.

Algunas cuestiones a tener en cuenta son:

A) No utilizar la etiqueta < head > ya que la mayoría de los clientes de correo no la aceptan.

B) El contenido del HTML deberá estar dentro de la etiqueta < body >, aunque también puede no usarse el < body > y poner el contenido directamente en la etiqueta < table >

C) Se debe utilizar TABLAS para armar el HTML, ya que son aceptadas por todos los clientes de correo.

D) No se recomienda el uso de los DIVS ya que cada cliente de correo lo interpreta distinto.

E) No utilizar flash en los HTML, ya que NO son aceptadas por todos los clientes de correo.

F) No utilizar imágenes de fondo ya que clientes de correo como el Outlook no los soportan, en cambio utilizar colores de fondo en las celdas o tablas con el atributo BGCOLOR

Javascript

Es conveniente que nuestro HTML no contenga código javascript ya que la mayoría de los antivirus no van a permitir que éste código se ejecute en los mails.

Este lenguaje de programación NO se utiliza. La mayoría de los clientes de correo filtran a aquellos mails que los contengan. Por lo tanto, es de suma importancia que NO se incluya Javascript en el código HTML. Ésta práctica está totalmente prohibida para el email Marketing.

Estilos CSS

Los estilos en un HTML para email deberán estar embebidos INLINE. No deben usarse clases ya que en algunos clientes de correo no funcionan.

Esto está MAL

<p class="text_header">Consejos para el correcto armado de HTML para Emails</p>

Lo correcto es esto

<p style="font-family: Arial,  color:#fff; font-size: 11px;">Hola Mundo</p>

Al crear un HTML para email, el estilo debe estar en cada una de las etiquetas en las que lo apliques.

Textos y Tipografías

Es importante que utilices fuentes Standard. Si vas a usar algún tipo de fuente no estándar, corres el riesgo de que el mensaje no se lea o se vea mal.

Las fuentes recomendadas son, entre otras:

tipografias

Es importante, en los textos, tener cuenta los acentos y caracteres especiales que llevan una codificación especial en HTML. Por ejemplo:

simbolos

No utilices tipografías muy pequeñas porque los filtros de Spam suponen que se envía contenido sospechoso. También evita utilizar textos en rojo.

Imágenes

Es importante que uses la menor cantidad de imágenes posible. Más que nada, para evitar que se carguen de manera muy lenta y tu suscriptor no llegue a ver el contenido por cerrar el correo aburrido de esperar.

Las imágenes no deben pesar más de 100kb y no podrán tener un ancho mayor a 600px. El alto no está limitado.

600-px-ancho

A las imágenes se les puede agregar un texto alternativo por medio del atributo alt. ya que mucha gente no tiene la opción de descargar las imágenes en el cliente de correo por defecto.

<img alt="”lo" src="”texto.jpg”" />

Herramientas para Maquetado

Para simplificar el maquetado del HTML se recomienda usar Dreamweaver ya que posee un entorno bastante amigable y fácil de usar.

  • NO USES FRONTPAGE NI WORD
  • Valida el HTML resultante para que sea XHTML válido.
  • Antes de enviar la campaña, testea el HTML en los principales clientes de correo

A continuación te dejo el link para que puedas descargar el Ebook gratis con la guía completa para que aprendas a diseñar un newsletter de forma correcta.

Descargar Ebook PDF – 1.58 MB – Fuente: Doppler

Dejar respuesta