Tu email o newsletter debe mantener un equilibrio entre el texto, los espacios en blanco, las imágenes y los enlaces. Sin embargo, aún hay muchos marketers que envían correos electrónicos que no cumplen con esta norma.

En Benchmark hemos visto de todo: correos electrónicos con demasiadas imágenes y correos electrónicos demasiado simples con poco contenido atractivo.

El objetivo de este artículo es ayudarte a que el formato de tu próximo correo HTML sea el adecuado. Te explicamos los componentes principales de cualquier correo electrónico, cómo debes formatear tus emails, los errores HTML más frecuentes y cómo corregirlos.

Sigue leyendo si quieres saber más sobre cómo usar el formato correcto en tu próximo correo HTML. el correo electrónico HTML perfecto.

 

Cómo dar forma a un buen email

El formato es una parte crítica del email marketing que nunca debes ignorar. Tanto si quieres enviar un correo electrónico de venta a clientes potenciales, como si quieres promocionar tus últimas ofertas o realizar campañas de marketing de contenidos, debes prestar especial atención al formato de tus correos electrónicos.

Formatear tus emails correctamente hace que tu correo electrónico parezca profesional y sea fácil de leer. También te ayuda a transmitir tu mensaje con claridad al destinatario. Si siempre te has preguntado cómo dar un formato adecuado a tus correos electrónicos, a continuación te explicamos las partes que lo componen y te damos recomendaciones para utilizarlas correctamente en tu próxima campaña.

 

El asunto del email

La mayoría de los correos electrónicos de ventas no se abren o acaban en la papelera porque sus asuntos no son lo suficientemente atractivos. Antes de pulsar el botón de enviar, da formato a tus líneas de asunto siguiendo los siguientes consejos.

  • Sé conciso y ve directo al grano
  • Mantén el número de caracteres entre 50 y 75
  • Personalízalo para cada cliente potencial
  • Destaca los puntos de dolor de tus clientes potenciales
  • Utiliza emojis (sin abusar) para hacer que tu correo electrónico sea cercano
  • Evita las palabras que activan los filtros de spam
  • Evita prometer demasiado en tu línea de asunto
  • Utiliza el asunto para informar a tus destinatarios de lo que pueden esperar y marcar el ritmo del contenido del email.

 

El cuerpo del correo electrónico

El cuerpo del email debe contener el mensaje principal que quieres enviar a tus destinatarios. Debes reconocer a tu destinatario, incluir la propuesta de valor de ese correo y añadir una llamada a la acción.

Además de estos tres componentes, ¿qué más debes incluir en el cuerpo de tus correos electrónicos?

  • Haz un contenido breve y directo. Sí, en el cuerpo puedes incluir una gran cantidad de contenido, pero hay investigaciones que demuestran que los emails con 50-125 palabras obtienen un mayor índice de respuesta.
  • Divide tu contenido en párrafos cortos.
  • Usa palabras sencillas para facilitar la comprensión.
  • Corrige para detectar errores tipográficos y gramaticales.
  • Evita las palabras y frases demasiado informales.
  • Incluye un cierre formal.

 

La llamada a la acción (CTA)

La CTA (Call-to-Action o llamada a la acción) es vital en el email marketing porque indica a tus destinatarios la acción que quieres que realicen. Las CTA, cuando se utilizan bien, aumentan el porcentaje de clics, lo que te ayuda a obtener mejores resultados e ingresos.

Presta atención a estos consejos para maximizar el rendimiento de las CTA de tus correos electrónicos:

  • No incluyas más de una CTA
  • Si tu CTA está basada en un botón, no utilices el color de fondo de tu botón CTA. Utiliza un color diferente para que destaque.
  • Para una CTA basada en un enlace, utiliza un color de fuente diferente para que se distinga del contenido del correo electrónico.
  • Crea un espacio en blanco alrededor de un CTA basado en un botón para evitar distracciones y llamar la atención de tu lector.
  • Prueba los enlaces y asegúrate de que conducen a las páginas correctas.

 

La firma del email

La firma del correo electrónico permite a tus destinatarios saber que se están comunicando con una persona o empresa real que es de confianza. Con las firmas de tus emails, das a tus destinatarios la oportunidad de saber más sobre ti, a la vez que haces que tu marca sea reconocible y tenga un aspecto profesional.

Para que la firma de tu correo electrónico sea eficaz, dale un formato que incluya lo siguiente

  • Tu nombre
  • Título del trabajo
  • Datos de contacto
  • Tu imagen
  • Logotipo de la marca
  • Enlace a la página web

No hay límite para la información y los enlaces que puedes incluir en tu firma de correo electrónico. Pero tiene que ser concisa, organizada y profesional.

 

Diferentes tipos de formato de correo electrónico

Emails de texto sin formato

Tal y como indica su nombre, los correos electrónicos de texto sin formato son emails escritos en texto negro plano sobre fondo blanco, sin formato de diseño específico, fuentes de fantasía, imágenes o gráficos. Los correos electrónicos de texto sin formato se utilizaban ampliamente antes de que los correos electrónicos HTML entrarán en escena.

Este formato de correo electrónico suele ser sencillo y no contiene elementos avanzados como imágenes o animaciones.

Emails HTML

Los correos electrónicos HTML contienen imágenes y gráficos, fuentes de fantasía, estilo y elementos de diseño. Cualquier email que contenga bloques de imágenes, columnas, texto, barras laterales o imagen de cabecera es un correo electrónico con formato HTML. A diferencia de los emails de solo texto, a veces requieren conocimientos técnicos de código HTML y CSS.

Sin embargo, algunos programas de email marketing se encargan de esta parte más difícil y ofrecen editores de emails Drag & Drop y bibliotecas de plantillas de correo electrónico HTML personalizables.

 

El formato de las imágenes en emails HTML

Las imágenes son un elemento muy importante dentro de los correos electrónicos. Facilitan a los destinatarios la comprensión del mensaje a la vez que ayudan a los suscriptores a retener mejor la información. Y, por supuesto, las imágenes pueden hacer que el formato de tus correos electrónicos sea mucho más atractivo.

Si piensas utilizar imágenes en tu correo electrónico HTML, debes tener en cuenta lo siguiente:

  • No superes los 600px de ancho para tus imágenes, 650px como máximo. Todo lo que sea más grande, puede no verse bien en algunos clientes de correo electrónico.
  • Mantén el peso de la imagen bajo. Cuanto más pesada sea la imagen, más tardará en cargarse el correo electrónico HTML.
  • Evita utilizar una imagen grande para todo el contenido del cuerpo. Algunos usuarios deshabilitan las imágenes, y tu correo electrónico puede no mostrarse correctamente para esos destinatarios.
  • Añade textos ALT relevantes a cada imagen de tu correo electrónico.
  • Utiliza imágenes de alta calidad para que se reproducen con nitidez y detalle en todos los clientes de correo electrónico.
  • Prueba la velocidad de carga y optimiza las imágenes si es necesario.

 

 

Errores comunes con el formato HTML de los correos electrónicos 

Error nº1: Usar muchas imágenes y poco texto

Seguramente has recibido muchos correos electrónicos -principalmente de spammers- que están llenos de imágenes (o incluso una sola imagen grande) pero con poco texto. Aunque estos emails pueden ser bonitos, recuerda que, al igual que los clientes de correo electrónico eliminan los emails de solo texto con spam, también bloquean los que tienen muchas imágenes y apenas texto.

¿Qué puedes hacer para no cometer este error?

  • Haz más pequeñas las imágenes para que no le roben todo el espacio al texto. Necesitas mantener un equilibrio en tus correos y newsletters.
  • Utiliza imágenes en miniatura si es necesario. Cuando alguien haga clic en estas miniaturas, enlázalas a la versión web de tu correo electrónico o boletín HTML. Esto te ayudará a que más usuarios vean la totalidad de tu correo electrónico, con todas las imágenes incluidas.
  • Usa imágenes siempre con moderación. Si sólo tienes un párrafo de texto y quieres utilizar una o dos imágenes, oblígate a seleccionar la mejor y quédate solo con una. Probablemente puedas utilizar las demás imágenes en una campaña posterior.
  • No envíes un correo electrónico que esté compuesto solo por un gran archivo gráfico o de imagen. Necesitas texto. Siempre. Los clientes de correo electrónico buscan palabras clave en los emails y newsletters para decidir si los dejan pasar a la bandeja de entrada o no. Un archivo 100% gráfico no pasará.

 

Error nº 2: Olvidarte de las vistas previas

Antiguamente, enviar una newsletter más o menos larga no suponía ningún problema ya que normalmente el destinatario veía siempre la versión completa en su bandeja de entrada. Pero ya no es así. Con los paneles de vista previa que incluyen clientes de correo electrónico como Outlook o Windows Mail, es muy probable que muchos usuarios al abrir tus emails vean primero una pequeña franja de apenas unos centímetros.

Debido a esto, sólo tienes unos pocos centímetros para convencer a tu destinatario de que abra por completo tu campaña de email y la vea en su totalidad. Aquí tienes algunos consejos para utilizar bien la vista previa:

  • Pon lo más importante en la parte superior del email. Incluye tu argumento de venta más importante en la parte superior del correo electrónico para despertar la curiosidad de los usuarios desde la vista previa.
  • Incluye tu logotipo. Pero asegúrate de que no interfiere con tu argumento/mensaje de venta.
  • Mantén la sencillez y no vayas más allá de los 575 o 600 píxeles de ancho.
  • Utiliza un enlace de texto en la parte superior de tu correo electrónico. Si el texto de este enlace es lo suficientemente convincente, tus clientes harán clic en él y visitarán la versión web de tu correo electrónico.

 

Error nº3: Links que no funcionan, imágenes que dan error…etc.

Siempre que enviamos una campaña de correo electrónico “suponemos” que las imágenes y los enlaces funcionan correctamente. Así que no, no basta con enviar un correo electrónico de prueba y fijarse solo en los aspectos de diseño. Tienes que asegurarte siempre de que cada enlace funciona y de que cada imagen se visualiza correctamente.

Aquí tienes algunos consejos:

  • No utilices URLs de texto en tus campañas de correo electrónico. Una URL de texto muestra una dirección web completa. Por ejemplo: www.benchmarkemail.com/es. Para reducir las posibilidades de que te bloqueen los clientes de correo electrónico, utiliza un hipervínculo y un texto normal en lugar de una URL de texto completo.
    • Forma correcta: Visita Benchmark Email
    • Forma incorrecta: Visita https://www.benchmarkemail.com/es
  • Utiliza el texto alternativo para que el email siga teniendo sentido incluso sin imágenes. Los servidores, PDAs, teléfonos móviles y clientes de correo electrónico a veces tienen problemas técnicos y no muestran las imágenes. Por ello, el copy de tu correo electrónico debe ser independiente si no se muestran las imágenes.

 

Error nº4: Usar códigos complicados y archivos adjuntos

Debido a la gran cantidad de emails que compiten por la atención de los usuarios en la bandeja de entrada, muchos marketers han utilizado alguna vez un código fuera de lo habitual para hacer que sus correos electrónicos destaquen. Pero esos emails puede que finalmente ni siquiera lleguen a la bandeja de entrada:

  • No uses código fuera de la norma. Los spammers tienen fama de enviar todo tipo de cosas desagradables (virus, troyanos), y algunos clientes de correo electrónico podrían bloquear los mensajes construidos con códigos inusuales.
  • No envíes archivos adjuntos. Los archivos adjuntos son como una bandera roja para los filtros de spam. Si envías un correo electrónico comercial con un archivo adjunto, estarás pidiendo que tus campañas de correo electrónico se bloqueen. Si necesitas ampliar tu tema y estás desesperado por conseguir más espacio, enlaza a una landing page de tu sitio web donde ofrezcas más información.

 

Error nº5: No previsualizar tu email en los diferentes clientes de correo

A veces nos olvidamos de que los clientes de correo electrónico utilizan una codificación diferente para mostrar tus emails a los usuarios. Esto significa que un correo electrónico en Outlook puede tener un aspecto diferente al de un correo electrónico en Gmail. Aquí tienes algunas formas de abordar este problema:

  • Haz muchos envíos de prueba de tus correos electrónicos. Envía cinco o seis correos electrónicos de prueba a los principales servicios de correo electrónico gratuitos y haz clic en todos los enlaces e imágenes de esos correos cuando lleguen. Como la mayoría de los servicios desactivan las imágenes, envía un correo de prueba, activa las imágenes con cada cliente y comprueba cuántas aparecen correctamente.
  • Analiza y repara los problemas más importantes. Seamos realistas: nunca conseguirás que el formato de tu email se muestre perfectamente en todos los clientes de correo electrónico. Sin embargo, aunque algunas cosas no se pueden evitar, sí que puedes concentrarte en las que se solucionan. Entre ellas están las imágenes que aparecen en algunos clientes de correo electrónico pero no en otros, el hecho de que tu correo electrónico vaya a spam por algunos clientes pero no por otros, y otros problemas importantes. Ocúpate de las cosas importantes antes de que tu correo electrónico llegue a los destinatarios.

 

captura del editor de html para correos electronicos de benchmark

Crea correos electrónicos en formato HTML con Benchmark Email

Con Benchmark puedes crear emails HTML creativos y eficientes. Utilizando nuestro software podrás:

  • Ahorrar tiempo a la hora de crear tus campañas de email marketing, aprovechando la amplia biblioteca de plantillas de correo electrónico HTML.
  • Crear correos electrónicos con tu imagen de marca, personalizando las plantillas según la identidad de tu empresa.
  • Construir fácilmente tus propias plantillas de correo electrónico HTML utilizando el constructor de emails arrastrar y soltar.
  • Crear correos electrónicos en formato HTML desde cero, utilizando el editor de código con panel de vista previa.

Prueba tus correos electrónicos HTML en varios dispositivos y clientes de correo para revisar que no se rompen las imágenes y que los correos electrónicos se visualizan correctamente.

 

Afrontar los problemas de formato HTML que te hemos comentado anteriormente es una de las cosas más importantes que puedes hacer como email marketer para mejorar la entregabilidad de tus campañas. Consulta este listado todas las veces que lo necesites y, si aún tienes dudas, puedes crear una cuenta gratuita en Benchmark Email y te guiaremos en el proceso de creación de correos electrónicos en formato HTML.