{"id":37948,"date":"2014-10-07T07:21:44","date_gmt":"2014-10-07T07:21:44","guid":{"rendered":"https:\/\/wp.lvh.me\/blog\/2014\/10\/07\/las-10-claves-basicas-para-maquetar-tu-newsletter\/"},"modified":"2022-05-08T14:57:29","modified_gmt":"2022-05-08T14:57:29","slug":"las-10-claves-basicas-para-maquetar-tu-newsletter","status":"publish","type":"post","link":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2014\/10\/07\/las-10-claves-basicas-para-maquetar-tu-newsletter\/","title":{"rendered":"Las 10 claves b\u00e1sicas para maquetar tu newsletter"},"content":{"rendered":"

\"10<\/p>\n

En el art\u00edculo de hoy te contamos las 10 claves esenciales para maquetar tu newsletter.<\/p>\n

Encontrar\u00e1s algunos consejos que podr\u00e1s aplicar ya mismo cuando te pongas a maquetar tu newsletter en todos los env\u00edos que hagas desde nuestra plataforma de email marketing.<\/p>\n

Vamos con las 10 claves que te har\u00e1n mejorar de forma muy significativa tus newsletters.<\/p>\n\n

\"\u00a1Env\u00eda<\/a><\/p>\n

 <\/p>\n

1- Elige dise\u00f1os simples,responsivos y livianos<\/h2>\n

Las newsletters deben tener un dise\u00f1o sencillo que permita verse correctamente en todos los clientes de correo, como as\u00ed tambi\u00e9n en diferentes plataformas.<\/p>\n

Te recomendamos que al maquetar tu newsletter utilices tipograf\u00edas est\u00e1ndar, fondos de colores planos, como as\u00ed tambi\u00e9n reducir el uso de im\u00e1genes, en favor del texto.<\/p>\n

Recuerda que, cuanto m\u00e1s livianas sean tus newsletters, m\u00e1s r\u00e1pida ser\u00e1 su descarga. No es conveniente que el peso de tu html sea mayor a 1 MB.<\/p>\n

\"Utiliza<\/p>\n

2- Utiliza HTML puro<\/h2>\n

El HTML que utilices debe ser lo m\u00e1s sencillo posible evitando scripts, estilos, efectos, formularios, etc.<\/p>\n

Tus newsletters deben incluir en el mensaje, versiones HTML y de texto plano.<\/p>\n

Por defecto el sistema Mailrelay<\/strong> genera el mensaje de texto plano desde el mensaje HTML, lo que es m\u00e1s efectivo, dado que la diferencia entre ambos textos puede derivar en el aumento de la spam score.<\/p>\n

\"Aprovecha<\/p>\n

3- Maqueta tu newsletter utilizando Tablas<\/h2>\n

A pesar del avance que signific\u00f3 el surgimiento del HMTL5 y CSS3, los clientes de correo a\u00fan no han incorporado completamente estas tecnolog\u00edas y contin\u00faan utilizando tablas<\/strong> en la codificaci\u00f3n del HTML.<\/p>\n

Por eso te recomendamos que siempre maquetes tu newsletter utilizando tablas, para evitar resultados inesperados.<\/p>\n

\"Utiliza<\/p>\n

4- No superes los 600px de ancho<\/h2>\n

Muchos de los clientes de correo no despliegan tu email a pantalla completa, sino a trav\u00e9s de un panel de pre-visualizaci\u00f3n que posee un ancho de 600 px aproximadamente.<\/p>\n

Tambi\u00e9n debes tener en cuenta que, las im\u00e1genes que poseen un ancho mayor tienen m\u00e1s probabilidades de ser consideradas Spam<\/a>.<\/p>\n

Es importante que respetes esa medida, para que tus newsletters puedan ser visualizados correctamente.<\/p>\n

\"No<\/p>\n

5- Utiliza estilos en l\u00ednea (Inline Styles)<\/h2>\n

Algunos clientes de correo, no soportan la etiqueta style en la cabecera del Email.<\/p>\n

Para evitar este problema, ser\u00eda mas conveniente que uses estilos en l\u00ednea.<\/p>\n

Por ejemplo, si quieres aplicar un tama\u00f1o de fuente a un elemento a trav\u00e9s de la etiqueta span, es necesario codificarlo de la siguiente manera:<\/p>\n

\"Codifica<\/p>\n

6-Evita resultados inesperados en tus im\u00e1genes<\/h2>\n

Cuando utilizas im\u00e1genes partidas o una imagen, al lado de otra, con una estructura de tabla, es necesario que cada imagen tenga el estilo \u00abdisplay:block\u201d.<\/p>\n

Ya que clientes de correo como Gmail, generan autom\u00e1ticamente un espacio blanco, no deseado, entre las im\u00e1genes, desarmando el dise\u00f1o de nuestras newsletters tla y como puedes ver a continuaci\u00f3n:<\/p>\n

\"Ejemplo<\/p>\n

7-Evita adjuntar archivos<\/h2>\n

Los filtros antispam los miran con malos ojos y m\u00e1s si son doc, exe, zip, etc. que pueden contener virus.<\/p>\n

Es recomendable que los adjuntos se suban a un FTP insertando un enlace en el cuerpo del mensaje para que se lo puedan descargar los destinatarios.<\/p>\n

Adem\u00e1s as\u00ed tendr\u00e1s un feedback en estad\u00edsticas de quien ha abierto el archivo.<\/p>\n

\"Evita<\/p>\n

8- Optimiza tus im\u00e1genes<\/h2>\n

Para reducir el peso de tus im\u00e1genes, sin perder calidad, es necesario que las comprimas en un programa de edici\u00f3n o bien puedes utilizar una herramienta como por ejemplo Kraken.io, una aplicaci\u00f3n web<\/a> que funciona de maravillas.<\/p>\n

\"Optimiza<\/p>\n

9- Incluye siempre un texto legal<\/h2>\n

Para que tu web sea legal debe contener:<\/p>\n