Mejores prácticas para el diseño de boletines electrónicos: HTML frente a texto sin formato

En primer lugar, es muy raro que una empresa te envíe un correo electrónico en texto sin formato. Te explico por qué:(Fuente: Hitenism.com)Se trata de un correo electrónico en texto sin formato, ¿verdad? No. Esos enlaces significan que es un email HTML básico.

¿Qué es HTML?

El lenguaje de marcado de hipertexto (HTML) es un lenguaje informático que nos permite comunicarnos con navegadores web y servidores de correo electrónico. No podemos comunicarnos con los navegadores ni con los servidores de correo electrónico en un lenguaje estándar para comunicar aspectos como los colores y el diseño, por lo que utilizamos HTML. A continuación, un navegador web, como Google Chrome, lo leerá y lo convertirá en algo que podamos entender. Sin este proceso, su página tendría un aspecto muy poco atractivo. El HTML nos permite comunicar a un navegador o servidor de correo electrónico cómo queremos que sea y funcione la página. Así, incluso para añadir un hipervínculo en un correo electrónico se necesita HTML. Es mucho más sencillo que los boletines HTML avanzados llenos de imágenes y diseño extravagante. Para este post, consideraré los correos HTML básicos, como el de Hiten, como texto sin formato.

Correo electrónico HTML avanzado

(Fuente: Expedia.com)Este boletín de Expedia es un ejemplo clásico de correo electrónico HTML avanzado. La imagen, el logotipo, los iconos de las redes sociales, el botón de llamada a la acción y los enlaces sólo son posibles con HTML. También funciona porque la empresa de viajes siguió las mejores prácticas de HTML.

Buenas prácticas para el correo electrónico HTML

Para sacar el máximo partido de los correos electrónicos HTML, debe seguir las mejores prácticas. De lo contrario, la entrega y el diseño podrían ser deficientes. Como ocurre con cualquier tipo de codificación, el HTML debe manejarse con cuidado y de la forma adecuada.

Diseño

Al diseñar el diseño de su correo electrónico HTMLEl objetivo es la simplicidad. El primer paso es optar por un formato de columna única. De este modo, el correo electrónico se adaptará mejor a los dispositivos móviles. Teniendo en cuenta que este año los móviles van a liderar por primera vez el gasto en comercio electrónico, se trata de un paso importante. ¿Son fáciles de ver las secciones y las imágenes? Los enlaces deben poder pulsarse fácilmente con el pulgar. Asegúrese de que la información más importante y la llamada a la acción (CTA) están «por encima del pliegue». La parte que el usuario ve cuando abre el correo electrónico por primera vez y antes de empezar a desplazarse hacia abajo.Un diseño de una sola columna no sólo es bueno para los dispositivos móviles, sino que también permite que el correo electrónico tenga un formato adecuado en diferentes clientes de correo electrónico como Gmail o Outlook. El ancho no debe ser superior a 800 píxeles, lo que hará que se muestren correctamente en el panel de vista previa.En DirectIQ, la gran mayoría de nuestras plantillas se basan en diseños de una sola columna, como este ejemplo de abajo:(Fuente: DirectIQ.com)Como puede ver, las imágenes aparecen siguiendo un formato de dos columnas. Lo que ocurre aquí es que las imágenes están dentro de una tabla con un diseño de una sola columna. Así, en el escritorio o cuando la pantalla es lo suficientemente ancha, las imágenes aparecerán una al lado de la otra horizontalmente. Sin embargo, en móviles o pantallas más pequeñas, las imágenes se ordenarán verticalmente:(Fuente: Directiq.com)

Tipos

Por decir algo obvio, el tipo de letra debe ser fácil de leer. Teniendo en cuenta que una persona media sólo dedica 11,1 segundos a un mensaje de correo electrónico, una fuente clara es fundamental para captar la atención del lector. Para un correo electrónico, deben utilizarse los siguientes tipos de letra:

• Arial
• Verdana
• Times New Roman

Estas fuentes básicas funcionan bien en todas las plataformas. Para el contenido del cuerpo principal, el tamaño del texto debe estar entre 12 y 14 píxeles. La clave es ser coherente con cada mensaje de correo electrónico que envíe y con sus sitios web. En cierto sentido, el tipo de letra forma parte de su marca. Considere la posibilidad de crear una guía de estilo.

Imágenes

Una de las grandes ventajas de los correos electrónicos HTML es la posibilidad de incluir imágenes. Los seres humanos procesamos las imágenes 60.000 veces más rápido que el texto, por lo que pueden ayudar a transmitir el mensaje del mensaje. Las imágenes de alta resolución no se cargarán correctamente o no llegarán a la bandeja de entrada. Lo segundo que hay que tener en cuenta es que la mayoría de los clientes de correo electrónico no permiten que aparezcan imágenes por defecto. Por lo tanto, es necesario utilizar texto alternativo (alt-text), que es el texto que aparece cuando las imágenes no se muestran. A continuación se muestra un buen ejemplo de texto alternativo:Con muchas empresas que utilizan imágenes como CTA y enlaces, el texto alternativo permite al lector hacer clic incluso si la imagen no se carga. La tercera consideración que debe tener en cuenta es el equilibrio entre texto e imágenes. El mero hecho de llenar su correo electrónico de imágenes puede diluir el propio impacto que pretende causar. Debe elegir los elementos visuales con cuidado y asegurarse de que son relevantes para el mensaje. La clave es preguntarse:«¿Estas imágenes mejoran el mensaje?

Contenido

Crear contenidos pertinentes y de alta calidad es clave para el éxito de cualquier campaña de correo electrónico. Le da la oportunidad de enmarcar su mensaje y explicar el propósito del correo electrónico. Asegúrese de que todos los detalles importantes estén «por encima del pliegue», incluidos la CTA principal y el título. 50% de un correo electrónico. Si a esto le añadimos que los usuarios sólo dedican 11 segundos a leer un mensaje de correo electrónico, se pone de manifiesto la importancia de que el contenido sea breve y concreto. A continuación, utilice la primera línea del cuerpo principal para detallar exactamente de qué trata el correo electrónico. Si ha adaptado su correo electrónico a los intereses de los lectores, se quedarán.Al igual que con las imágenes, debe preguntarse si el contenido mejora el correo electrónico. Si no lo es, elimínelo o cámbielo.

Versión de texto sin formato

En caso de que el correo electrónico no llegue, es importante disponer de una versión en texto sin formato. Esto ayuda a los suscriptores a leer el correo electrónico si la versión HTML no se carga, así como a atravesar los filtros de spam.

Buenas prácticas para los mensajes de texto sin formato

Puede que a muchos de ustedes les sorprenda, pero los correos electrónicos en texto plano obtienen tasas de apertura más altas que sus primos en HTML. dicen que prefieren los correos HTML, sus acciones sugieren que están más propensos a abrir texto sin formato. Hubspot, esto se debe a tres factores:

• ¿Filtros establecidos por los proveedores de correo electrónico que desvían los correos comerciales de los usuarios? bandejas de entrada principales.
• Restricciones del cliente de correo electrónico. Por ejemplo, Gmail no muestra automáticamente las imágenes de remitentes desconocidos.
• Los usuarios prefieren un formato digerible. El texto sin formato puede percibirse como algo que requiere menos tiempo de lectura, o quizá a la gente realmente no le interesa el diseño en el correo electrónico.

La tasa de apertura de los mensajes HTML es un 25% inferior a la de las versiones en texto sin formato, lo que se traduce en un CTR un 42% superior para los mensajes en texto sin formato.

Formato

Por su propia naturaleza, los mensajes de texto sin formato no son tan estéticos como los HTML, pero su diseño sigue siendo importante. Nadie quiere leer un muro de texto. Por lo tanto, los párrafos deben ser breves y con subtítulos claros. Los tipos de letra deben ser fácilmente legibles y cómodos de leer.No tenga miedo de dejar mucho espacio en blanco dentro del correo electrónico. Esto hará que su correo electrónico sea fácilmente escaneable:(Fuente: Directiq.com)En DirectIQ, enviamos un boletín semanal a nuestros suscriptores en formato de texto sin formato. La clave de su éxito radica en el formato, con enlaces claros y viñetas que facilitan la lectura.

Contenido

A las empresas les gusta utilizar mensajes de texto sin formato porque transmiten una sensación personal. Un contenido bien escrito puede elevar un correo electrónico promocional normal a un nivel personal. No hace falta mucho. Mira este ejemplo de la campaña de Barack Obama:(Fuente: Barackobama.com)Este correo electrónico tan directo tiene un único objetivo. Recaudar fondos para la campaña de Barack Obama. Sin embargo, el contenido podría haber sido escrito por un amigo. Te necesito conmigo en esto» es un poderoso mensaje de «hagámoslo juntos», breve, sucinto y personal.

Buenas prácticas para HTML y texto sin formato

Habiendo repasado las mejores prácticas de los correos electrónicos HTML y de texto sin formato individualmente, hay algunas que ambos tipos deben seguir.

Personalización

La personalización está ahora tan extendida que es normal que los correos electrónicos se dirijan por el nombre. Según Experian, los correos electrónicos personalizados generan un 600% más de transacciones que las versiones no personalizadas. Y hay que ir más allá del nombre: hay que adaptar los mensajes a los intereses de los suscriptores. Una de las formas más eficaces de hacerlo es utilizando el formulario de inscripción. Apple ofrece una sencilla lista de opciones:(Fuente: Apple.com)Ofrecer a sus clientes el control sobre su compromiso con su empresa es una excelente forma de fomentar la buena voluntad. Establecer las opciones al principio del proceso de suscripción también le permitirá dirigir los correos electrónicos al público adecuado. Lo que aumentará las tasas de conversión y generará ingresos adicionales para su empresa.

Enlace para darse de baja y dirección física

Todos los boletines por correo electrónico deben incluir un enlace para darse de baja y una dirección física. Es una buena forma de mantener su lista de correo electrónico actualizada y de no ser detectado por el filtro de spam, y lo que es más importante, es un requisito legal en muchos países del mundo.

Prueba

Sea cual sea el tipo de correo electrónico que envíe, debe realizar pruebas. Lo ideal es hacerlo en varios dispositivos con distintos clientes de correo electrónico. Sólo así podrá estar seguro de que su campaña de correo electrónico se verá bien para todos sus suscriptores.Incluso podría hacer pruebas entre un correo electrónico HTML y uno de texto sin formato. De este modo, podrá analizar qué tipo de correo electrónico funciona para su campaña.

Conclusión

El marketing por correo electrónico ha evolucionado mucho desde sus inicios, cuando todos los mensajes eran de texto sin formato. La gran mayoría de las empresas utilizan ahora versiones HTML para sus campañas, pero, como hemos visto, el humilde correo electrónico en texto plano sigue teniendo cabida. Los estudios sugieren incluso que los mensajes de texto sin formato tienen un mayor índice de conversión. Pueden resultar personales y más fáciles de seguir. No cabe duda de que un mensaje personal de un Director General de una gran empresa en texto plano puede tener cierto peso. Más aún si es del Presidente de los Estados Unidos.El uso ocasional de texto sin formato por parte de una empresa que utiliza HTML puede ser útil para impulsar un mensaje único o un anuncio importante.Sin embargo, esto no significa que deba abandonar el HTML por completo.Las imágenes, el color y los logotipos contribuyen a construir la marca de una empresa, lo que sólo es posible con HTML.Para muchas tiendas de comercio electrónico, mostrar un producto es una necesidad. ¿Cómo puede la gente comprar algo que no ve? Las agencias de viajes, por ejemplo, recurren a imágenes seductoras de lugares exóticos para captar clientes. El lenguaje HTML permite mucha más flexibilidad y creatividad que los mensajes de texto sin formato. El nivel de seguimiento también aumenta, ya que el HTML genera muchos más datos que el texto sin formato. Una empresa de comercio electrónico utilizaría HTML con mucha más frecuencia, por ejemplo. Para una compañía de seguros, los requisitos pueden ser diferentes. Es posible que sus clientes aprecien el formato sencillo y directo de los correos electrónicos de texto sin formato que ofrecen actualizaciones y noticias. Ocasionalmente, para el lanzamiento de un nuevo producto o un correo electrónico más desenfadado, el HTML sería más adecuado. La clave está en conocer a su público. Comprenda sus expectativas y planifique sus campañas de correo electrónico en consecuencia.