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. Esto asegura compatibilidad visual con la mayoría de los clientes de correo, tanto en escritorio como en dispositivos móviles.
  • Todo el correo y su diseño debe estar contenido en un elemento <table>. Esto mejora la visualización, ya que muchos gestores de correo no interpretan correctamente estructuras basadas en <div>.
  • Los estilos se deben aplicar inline mediante el atributo “style” de cada elemento HTML. Evita usar el atributo class o declarar estilos dentro de <style>, ya que algunos gestores los ignoran, lo que puede provocar errores visuales.
  • Todas las imágenes deben tener el tamaño final antes de insertarlas en el email. Los gestores de correo no redimensionan correctamente las imágenes mediante CSS, por lo que se debe usar una herramienta de edición para ajustar su tamaño. No se permiten GIFs animados, ya que:
    • No todos los gestores de correo los soportan correctamente (por ejemplo, Outlook solo muestra el primer fotograma).
    • Pueden aumentar significativamente el peso del email, afectando su tiempo de carga.
    • Pueden generar distracciones o problemas de accesibilidad visual para algunos usuarios.
  • La cantidad total de texto debe ser superior a la cantidad de imágenes. También es importante evitar incluir texto dentro de las imágenes, ya que no será accesible y no se visualizará si la imagen no carga.
  • Evita usar fuentes anidadas. Muchos clientes de correo no las soportan. En su lugar, usa siempre fuentes web seguras, como Arial, Verdana, Georgia, Times New Roman, etc. Consulta: Web Safe Fonts.
  • El tamaño del texto debe ser legible. Se recomienda usar 14-16px para el texto general, y tamaños mayores (18-24px) para encabezados o títulos. Usa negrita para destacar partes importantes, pero sin sobrecargar el diseño.
  • Evita estilos altamente cargados. Un diseño visual simple y limpio garantiza mejor compatibilidad y evita problemas de visualización.

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.