23 consejos profesionales para optimizar los correos electrónicos para dispositivos móviles

Publicado: 2020-04-16

Desde responder a un correo electrónico en el ascensor hasta revisar el correo electrónico "su pedido está en camino" durante una reunión que podría haber sido un correo electrónico, todos usamos constantemente el correo electrónico en nuestros dispositivos móviles.

De hecho, el 42 % del correo electrónico ahora se abre en un dispositivo móvil; por lo tanto, poder ejecutar campañas de marketing que funcionen de manera efectiva y se muestren correctamente en dispositivos móviles es imprescindible para las marcas de comercio electrónico.

Esto es lo que dicen nuestros expertos de Essence of Email que ayudará a optimizar sus correos electrónicos para crear la mejor experiencia móvil.

1. Conozca a su audiencia. ¿Qué dispositivos y clientes de correo electrónico utilizan sus suscriptores?

Si bien en un mundo perfecto, optimizaría sus correos electrónicos para que se vean impecables en todos los dispositivos y clientes de correo electrónico, en realidad, esto es bastante difícil de lograr. Una cosa inteligente que puede hacer es identificar qué dispositivos y clientes usan la mayoría de sus suscriptores, y brindarles primero la mejor experiencia posible.

Puede verificar estos datos dentro de su proveedor de servicios de correo electrónico (ESP) y varios software de análisis.

Aquí está la descripción general para los usuarios de Klaviyo:

Captura de pantalla de un informe de Klaviyo para el rendimiento del correo electrónico por dominio y cliente de correo electrónico

Para utilizar Google Analytics para monitorear qué dispositivos usan sus clientes para leer correos electrónicos e interactuar con su sitio web, configure el seguimiento UTM para todos los enlaces en sus correos electrónicos. Puede comprobar los resultados en su cuenta de Google Analytics, en el informe Audiencia/Móvil/Dispositivos, configurando la dimensión Secundaria en Fuente/Medio.

Línea de asunto y preencabezado

2. Usa líneas de asunto cortas

Mantenga las líneas de asunto por debajo de los 40 caracteres. La cantidad de espacio que brindan los dispositivos móviles para mostrar las líneas de asunto es bastante limitada, así que manténgalas cortas o use los primeros 40 caracteres para mencionar la frase más importante de su línea de asunto para maximizar las posibilidades de que los lectores la vean.

3. ¿Agregue emojis a las líneas de asunto para aumentar el compromiso?

Si bien la mayoría de los clientes de Essence of Email ven continuamente un mayor rendimiento para las líneas de asunto que contienen un emoji, también es importante tener en cuenta la voz y el estilo de la marca. Es posible que los destinatarios que están acostumbrados a las marcas con textos serios y directos no muestren tanto interés en las líneas de asunto con emojis. Sin embargo, para las marcas con una voz más divertida, los emojis son una excelente manera de despertar la curiosidad del destinatario e inspirar tasas de apertura más altas.

Tenga en cuenta que no todos los emojis se muestran correctamente en todos los clientes y dispositivos de correo electrónico. Aprende cómo probar si tu emoji se mostrará correctamente.

4. Escriba preencabezados significativos para aumentar las tasas de apertura

Incluir preencabezados convincentes es una excelente manera de aumentar las tasas de apertura de sus correos electrónicos. También conocido como el "Cuadro Johnson", los preencabezados generalmente describen el asunto de su correo electrónico y atraen a los destinatarios a seguir leyendo. Entonces, antes de que sus destinatarios hayan abierto su correo electrónico, tendrán la oportunidad de obtener una vista previa de su contenido.

Maximice el poder de sus preencabezados usando verbos fuertes que ayuden a sus lectores a imaginar exactamente lo que está tratando de describir, y no olvide incluir el punto principal de su correo electrónico.

Aquí hay un par de ejemplos de una buena combinación de Línea de asunto + Preencabezado:

Línea de asunto: ¿Hacer de la salud su prioridad número uno?Preencabezado: Cómo mantener su seguridad y la de sus clientesLínea de asunto: ¡Disfruta de esta oferta de ensueño con un 10 % de descuento!Preencabezado: Complete su compra para un merecido sueño

Copia para correos electrónicos

5. Enfoca tu copy en los beneficios para el cliente

Seamos honestos: los clientes quieren saber qué hay para ellos. Entonces, en lugar de enfocarte en las características de un producto o servicio, enfatiza los beneficios que tendrán tus lectores al usarlos.

Piense en el problema que su cliente potencial está tratando de resolver o en lo que está tratando de lograr. Luego, ¡ofrézcales una solución valiosa que no puedan resistir!

Aquí hay un ejemplo de un correo electrónico de abandono de navegación con copia centrada en el cliente:

Recorte de un correo electrónico de navegación abandonada con una copia centrada en el cliente

6. Lea su copia en voz alta

Leer en voz alta te obliga a reducir la velocidad y procesar lo que has escrito.

Los errores gramaticales y problemas similares que pueden pasar desapercibidos cuando se lee en silencio se vuelven mucho más evidentes cuando se habla. También es una excelente manera de verificar el flujo de su copia: si suena raro cuando se lee en voz alta, probablemente suene raro cuando se lee en silencio.

7. Considere la navegación de encabezado y pie de página

Si bien es una buena práctica que los correos electrónicos enfocados en computadoras de escritorio contengan un encabezado de navegación que incluya el logotipo y los enlaces clave del sitio web, en los correos electrónicos enfocados en dispositivos móviles recomendamos eliminar este encabezado de navegación para evitar que reduzca el contenido importante.

En su lugar, recomendamos colocar los enlaces de navegación del encabezado en el pie de página y apilarlos uno encima del otro.

Enlaces de navegación de correo electrónico en el pie de página, apilados uno encima del otro

Dividir texto

8. Usa saltos de línea para dividir grandes fragmentos de texto

Dividir el texto en un par de párrafos más pequeños es crucial.

Los usuarios de dispositivos móviles tienen un período de atención muy corto; están leyendo correos electrónicos sobre la marcha, por lo que es crucial que les resulte lo más fácil posible seguir y leer su copia. Nadie va a leer una página completa de texto en su dispositivo móvil.

Estas interrupciones en el contenido crean más espacios en blanco en el correo electrónico y permiten que la vista del lector se desplace hacia cada sección, en lugar de ver una pared de texto imponente y sentirse abrumado.

Aquí hay un ejemplo del mismo correo electrónico con la copia dividida en el ejemplo de la derecha:

Dos ejemplos del mismo correo electrónico, uno con texto voluminoso y otro con texto dividido en párrafos

Correos electrónicos de una o varias columnas

9. Use plantillas de correo electrónico de una sola columna

En la pantalla de un dispositivo móvil, las múltiples columnas de contenido suelen aparecer condensadas, lo que las hace confusas para navegar. Una sola columna hace que su correo electrónico sea compatible y directo entre dispositivos, incluso cuando se visualiza desde diferentes clientes de correo electrónico. Las columnas individuales también pueden simplificar su diseño y resaltar contenido importante.

Correo electrónico de una sola columna

Imágenes/GIF/VIdeo- Para correos electrónicos

10. Asegúrate de que tus imágenes estén completamente optimizadas

El uso de imágenes en los correos electrónicos es bastante común en estos días, pero es muy importante no agregar ningún peso innecesario al correo electrónico que ralentizará su tiempo de carga.

Asegúrese de que sus imágenes estén optimizadas para garantizar un tiempo de carga rápido para los suscriptores cuando lean sus correos electrónicos en el móvil mientras viajan. Muchos usuarios de dispositivos móviles aún usan conexiones 3G o más lentas, por lo que la velocidad a la que se cargan las imágenes es vital.

La recomendación general es mantener las imágenes en un máximo de 1 MB; sin embargo, nuestra experiencia muestra que es mejor mantenerlo alrededor de la mitad con un máximo de 500 KB. La ejecución de pruebas en WebPageTest muestra que mantener el tamaño por debajo de 500 KB obtiene una puntuación de 100/100 para la compresión de imágenes, incluso en teléfonos antiguos y conexiones 3G lentas.

11. Agregue movimiento a sus correos electrónicos con GIF

Agregar movimiento a sus correos electrónicos captará la atención de los suscriptores y lo ayudará a destacarse entre la multitud. Dado que el video no es compatible con la mayoría de los clientes de correo electrónico móvil, los GIF son el camino a seguir.

Los tamaños de los archivos GIF pueden volverse pesados, según la cantidad de fotogramas utilizados. Aquí hay algunos consejos para reducir el tamaño de archivo de un GIF:

  • Utilice transiciones (cortes) más rápidas en lugar de efectos de aparición y desaparición graduales, ya que requerirán menos fotogramas para que se vean uniformes, y menos fotogramas significan un tamaño de archivo más pequeño.
  • Al guardar un GIF para la web, utilice la reducción de color "adaptativa". Este algoritmo toma muestras de los colores que más aparecen en la imagen y proporciona un equilibrio justo entre el tamaño del archivo y la fidelidad del color.
  • Mantenga la transparencia activada, incluso si no la usa, ya que esta configuración permite que los píxeles que no cambiaron de posición o color permanezcan igual; como resultado, no crea datos duplicados.

Puede mejorar la calidad del GIF eliminando cuadros duplicados, agregando compresión y mucho más con herramientas como esta.

12. Usa miniaturas para videos

Solo el 10% de los clientes de correo electrónico permiten reproducir videos en un correo electrónico. Por lo tanto, las mejores prácticas requieren que agregue un enlace a su video al incluir una miniatura de video con un botón de reproducción presentable.

Tamaño de imagen y texto alternativo

13. Agregue texto alternativo relevante y descriptivo a las imágenes

Es posible que las imágenes en su correo electrónico no se muestren por una variedad de razones. Cada cliente de correo electrónico tiene su propia configuración para mostrar o bloquear imágenes, y la forma más fácil de lidiar con el bloqueo de imágenes es agregar 'texto alternativo' a sus imágenes.

El texto alternativo es el texto que se muestra cuando el usuario no puede ver la imagen. Cuanto más relevante y descriptivo sea el texto, más obligado estará el usuario a mostrar las imágenes.

Si no agrega texto alternativo a sus imágenes, el usuario verá un cuadro en blanco. Este es un ejemplo de cómo se ve un correo electrónico con texto alternativo (ejemplo a la izquierda) y sin texto alternativo (ejemplo a la derecha).

Dos ejemplos del mismo correo electrónico en vista previa con imágenes bloqueadas, uno con texto alternativo de imágenes establecido y otro sin texto alternativo de imagen.

14. La proporción de la imagen es importante

Si bien la mayoría de las imágenes para escritorio están orientadas al paisaje, lo que significa que son más anchas y de menor altura, la historia es completamente diferente en los dispositivos móviles. Utilice imágenes cuadradas y verticales para aprovechar al máximo el tamaño de la pantalla del móvil y captar la atención de los suscriptores.

Si su base de datos se divide por igual entre usuarios de escritorio y móviles, le recomendamos que utilice bloques condicionales que mostrarán una imagen diferente según el dispositivo del usuario, es decir, una imagen horizontal para usuarios de escritorio y una imagen cuadrada para dispositivos móviles.

Sin embargo, si la mayoría de sus usuarios usan dispositivos móviles, recomendamos diseñar los correos electrónicos enfocados en la experiencia móvil.

fuentes

15. Elegir tus fuentes

En nuestra experiencia, el mayor problema en la forma en que se muestran los correos electrónicos en diferentes dispositivos es con sus fuentes. Básicamente, no todos los dispositivos mostrarán correctamente la fuente en su correo electrónico.

La mejor práctica es usar fuentes seguras para la web y fuentes que se reproduzcan correctamente en los dispositivos que sus suscriptores usan con más frecuencia. Al crear su correo electrónico, configure una fuente principal y una secundaria que mantendrá en reserva. De esta manera, se asegurará de que incluso si su fuente prioritaria no se representa, puede usar la fuente secundaria, que aún encajará en el diseño general del correo electrónico y la apariencia de su marca.

16. Usa fuentes de mayor tamaño

Las pantallas pequeñas hacen que las fuentes pequeñas sean aún más pequeñas, y la mayoría de las personas eliminarán su correo electrónico en lugar de entrecerrar los ojos y forzar la vista para leer el texto diminuto.

Un tamaño de fuente de 14 píxeles hace que su correo electrónico sea mucho más legible en una pantalla pequeña. Pero no tengas miedo de ir incluso más grande que eso. Las fuentes grandes hacen que sus correos electrónicos sean más fáciles de leer tanto en computadoras de escritorio como en dispositivos móviles. Esto se aplica tanto a los correos electrónicos como a las ventanas emergentes.

Espacio en blanco y diseño

17. Dale espacio a tu correo electrónico para que respire

Necesita que sus correos electrónicos sean tan fáciles de leer y seguir como sea posible. Asegúrese de tener un gran flujo de contenido separando las secciones con suficiente espacio en blanco. Esto significa aumentar el espacio para evitar correos electrónicos desordenados agregando tanto espacio como sea posible. No se preocupe si el correo electrónico termina siendo más largo de lo habitual; es más fácil desplazarse que luchar y navegar en dispositivos móviles más pequeños.

Diseño de llamada a la acción

18. CTA que incluyen verbos de acción fuerte

Como los usuarios a menudo tienden a hojear los correos electrónicos, la optimización de las llamadas a la acción (CTA) es extremadamente importante, ya que necesitan captar la atención y atraer al usuario para que realice la acción deseada.

Concéntrese en cómo se beneficiará el usuario al hacer clic en la CTA y evite palabras genéricas como "Haga clic aquí". Por ejemplo, "Obtenga su libro electrónico" sería una CTA preferida para solo "Descargar".

Un mensaje de bienvenida que ofrece un descuento para clientes primerizos podría incluir:

Botón CTA – Descubre ahorros
Botón CTA – Usar mi descuento

19. Codifica tus CTA en lugar de usar imágenes

Algunos usuarios tienen imágenes bloqueadas, y tener sus CTA incrustadas como imágenes puede resultar en la pérdida de valiosas tasas de clics.

Los CTA codificados se mostrarán incluso con las imágenes apagadas y llamarán instantáneamente la atención de sus suscriptores.

20. Crea botones aptos para dedos gordos

Asegúrate de tener en cuenta a las personas con pulgares grandes. Si su lector tiene que tocar más de una vez para continuar interactuando con su contenido, entonces existe la posibilidad de que no se moleste.

Los dedos no son tan precisos como los punteros del mouse y, aunque los fabricantes de dispositivos móviles han creado dispositivos que responden con precisión a sus acciones, no son perfectos.

Tus llamadas a la acción deben ser lo suficientemente grandes como para tocarlas en la pantalla de un dispositivo móvil. Recomendamos configurar la altura del botón CTA en un mínimo de 30 píxeles, con al menos 8 píxeles de espacio entre los elementos.

21. Evite el uso de hipervínculos en el texto

¿Cuántas veces has intentado pinchar en un hipervínculo de tu móvil y parece misión imposible?

Cuando una CTA es importante, la práctica preferida es dividir el texto y agregar un botón de CTA adecuado en lugar de incluir un hipervínculo en el texto.

Ancho del correo electrónico

22. Mantenga los correos electrónicos con un ancho de 600PX

Si el ancho de su correo electrónico es mayor a 640 px, es posible que el usuario deba desplazarse hacia la izquierda y hacia la derecha para ver el contenido completo del correo electrónico. Si bien la mayoría de los dispositivos móviles modernos pueden manejar diseños receptivos, existen excepciones.

Cuando el ancho de su correo electrónico es de 600 píxeles o menos, los usuarios no tendrán problemas para ver los correos electrónicos que se formatearon para pantallas de computadora grandes. Establezca un atributo de ancho en la etiqueta de la tabla de su plantilla de correo electrónico en 600 píxeles o use la propiedad de ancho de CSS para realizar este ajuste.

Seguro de calidad

23. Pruebe el correo electrónico en todos los dispositivos

Ahora que ha terminado de crear su correo electrónico, verifique cómo se mostrará ese correo electrónico en diferentes dispositivos y clientes de correo electrónico.

Obtenga una vista previa de su plantilla de correo electrónico en plataformas como Email on Acid, Litmus y Mailtrap, por nombrar algunas. Estas herramientas de prueba lo ayudan a detectar problemas con su correo electrónico al mostrarle capturas de pantalla de todos los dispositivos y aplicaciones de correo electrónico compatibles.

Pensamientos finales

Claramente, crear correos electrónicos optimizados para dispositivos móviles no es fácil. Es un proceso de varios pasos para crear una experiencia de bandeja de entrada para los usuarios de dispositivos móviles que garantiza que sus correos electrónicos se lean y que su interacción con sus campañas sea productiva en lugar de frustrante. Si necesita ayuda para configurarlos o si desea renovar sus campañas actuales, consulte Essence of Email, socio de la agencia Justuno.

Essence of Email hace crecer las marcas de comercio electrónico con el correo electrónico. Nuestros clientes obtienen un ROI mensual promedio de 38X con su programa de correo electrónico. Permítanos mostrarle lo que podemos hacer por usted. ¡Ponte en contacto ahora!