Recomendaciones técnicas email marketing
Para garantizar que un email se vea correctamente en la gran mayoría de gestores, os recomendamos unas directrices básicas que marcaran una diferencia en vuestras campañas de email marketing.
- El ancho de los emails no debería pasar los 750px
- Todo el correo y su diseño debe estar contenido en un elemento <table>
- Los estilos se deben aplicar inline mediante el atributo “style” de cada elemento html. Evita usar el atributo class, tampoco añadir estilos dentro del elemento <style>, muchos gestores de correo obvian estos elementos y resultaría en un correo sin estilo y visualmente incorrecto.
- Todas las imágenes deben tener el tamaño final que queremos. Pues los gestores de correo no tratan las imágenes como los navegadores web, no podemos dimensionar las mismas mediante estilos css. Para ello nos serviremos de herramientas de edición de imágenes para darles el tamaño que les corresponde.
- La cantidad total de texto debe ser superior a la cantidad de imagenes, evita incluir texto en las imagenes.
- Evita usar fuentes anidadas, es muy posible que finalmente no se visualicen correctamente, usa siempre fuentes web seguras. https://www.w3schools.com/css//css_font_websafe.asp
- El tamaño del texto debe ser normal, un tamaño muy pequeño dificultará la lectura del mismo. Por otro lado un tamaño excesivo resultara en un email estéticamente incorrecto además de difícil de leer, 14-16px suele ser una apuesta segura. Usa un tamaño más grande para destacar los encabezados y títulos. Resalta aquellas partes importantes del documento con un el texto en negrita.
- Evita estilos altamente cargados pues aumentan la posibilidad de que se puedan visualizar incorrectamente.
Una herramienta muy útil para poder desarrollar tus campañas de email marketing sin conocimientos tecnicos es Stripo.
Un ejemplo de una campaña de email marketing que cumple estas recomendaciones lo podeis ver aquí.
Cómo validar un HTML
Validar el HTML de un correo electrónico de marketing es importante para asegurarse de que el diseño y el formato del correo electrónico se muestren correctamente en diferentes clientes de correo electrónico, como Gmail, Outlook, Yahoo, etc. Para validar el HTML de un correo electrónico de marketing, existen varias herramientas disponibles en línea que pueden ayudar a identificar problemas de código HTML y mejorar la compatibilidad del correo electrónico en diferentes clientes de correo electrónico.
Una de las herramientas más populares para validar el HTML de un correo electrónico de marketing es el validador de HTML del W3C (https://validator.w3.org/). Para utilizar esta herramienta, sigue los siguientes pasos:
- Copia y pega el código HTML del correo electrónico en el campo de texto en la página del validador de HTML del W3C.
- Haz click en el botón "Validar HTML" para iniciar el análisis.
El validador de HTML del W3C mostrará cualquier error o advertencia en el código HTML del correo electrónico. Es importante corregir estos errores y advertencias para asegurarse de que el correo electrónico se muestre correctamente en diferentes clientes de correo electrónico.
Otras herramientas populares de validación de correo electrónico incluyen Litmus y Email on Acid, que permiten previsualizar el correo electrónico en diferentes clientes de correo electrónico y dispositivos, lo que puede ayudar a identificar cualquier problema de diseño o formato.
En resumen, validar el HTML de un correo electrónico de marketing es importante para garantizar que el correo electrónico se muestre correctamente en diferentes clientes de correo electrónico y mejorar la efectividad de tus campañas de marketing.