Cada vez se leen más correos en smartphones, por lo que a la hora de realizar envíos es importante fijarse en que los correos y las newsletter se muestren correctamente en dispositivos móviles.
Si envía un correo con el editor de rapidmail, el propio editor se encargará directamente de una visualización adaptable en los programas más usuales de correo electrónico. Esto implica que la newsletter es «mobile friendly» y se adapta al correspondiente ancho de pantalla del smartphone o la tableta de su destinatario. Si en cambio su correo electrónico se basa en un archivo HTML propio, no podemos asegurar que se muestre correctamente en dispositivos móviles. Aun así, queremos darle algunos consejos para mostrarle cómo mejorar la visualización de sus correos en dispositivos móviles.
Consejos para una visualización adaptable de correos HTML:
1. Medir la proporción de aperturas en dispositivos móviles
Antes de invertir cantidad de trabajo en hacer que su correo HTML se adapte a los dispositivos móviles, debería medir si sus destinatarios abren su newsletter con un dispositivo móvil y en tal caso cuántos de ellos lo hacen. Con rapidmail lo podrá averiguar automáticamente tras el envío en las estadísticas que se muestran. Así sabrá directamente si le compensa optimizar la visualización en dispositivos móviles para sus usuarios.
2. Elegir un asunto corto
Con el fin de que los destinatarios de los dispositivos móviles vean toda la información relevante del asunto, es importante que el asunto sea corto. Para los destinatarios que leen sus correos en un smartphone recomendamos no superar los 35 caracteres en el asunto. Así se asegurará de que su asunto se muestre completamente en todos los clientes de correo electrónico y en todos los dispositivos.
Para complementar el asunto, puede usar el preheader. En muchos dispositivos móviles y programas de correo electrónico se muestra justo debajo del asunto del correo. Aquí también vale lo de «lo bueno, si es breve, dos veces bueno». Y es que cuanto más largo sean el asunto y el preheader, más espacio ocuparán en la pequeña pantalla del dispositivo móvil. De este modo, es posible que algunos de los datos relevantes acaben en el área del correo y que con ello no se muestren a primera vista.
3. Elegir un tamaño de letra adecuado
Con el fin de que su newsletter se pueda leer sin problemas en las pequeñas pantallas de los smartphone, debería escoger una letra con un tamaño de 22 px para los títulos y de mínimo 12 px para el texto. Asimismo, para facilitar la lectura, el interlineado debería tener unos 17 px.
4. Ofrecer newsletter con navegación táctil
Para una visualización adecuada en dispositivos móviles, debería facilitar a sus destinatarios una navegación táctil en sus correos. Esto implica que sus lectores puedan picar con el dedo sobre todos los enlaces y elementos interactivos sin abrir de forma accidental otro enlace. Para ello, la llamada área táctil debería ser de mínimo 38×38 px.
Si desea incluir un número de teléfono en su correo, debería hacerlo en todo caso como texto y no como imagen. De este modo, si enlaza los dígitos con el número de teléfono, desde algunos clientes de correo electrónico o incluso desde el móvil se marcará directamente el número.
5. Elegir colores de gran contraste
Dado que al usar dispositivos móviles los correos a menudo se leen en el exterior, debería usar colores de gran contraste en su correo, para que los contenidos se puedan ver bien. También el color de los enlaces incluidos debería distinguirse bien del resto del texto para que los destinatarios reconozcan directamente que se trata de un enlace.
6. No incluir demasiadas imágenes
Si sus destinatarios usan datos móviles para descargar su correo, enviar una newsletter con demasiadas imágenes supone una gran desventaja. En ese caso suelen tardar mucho en cargarse o ni siquiera se cargan del todo. Por ello, debería limitarse a incluir pocas imágenes pequeñas en sus correos.
Para las imágenes, llamadas a la acción y gráficos que incluya en su correo, debería introducir un texto alternativo que resuma o describa la imagen. Así por lo menos se mostrará este texto en el correo, aunque no se muestre la correspondiente imagen.
7. Mostrar contenidos en una sola columna
Para evitar que sus destinatarios tengan que desplazarse constantemente a la izquierda y a la derecha en las pantallas de sus móviles, le recomendamos o bien prescindir de un diseño con varias columnas o bien mostrar las columnas una debajo de la otra en dispositivos móviles.
8. Comprobar visualización antes de envío
Antes de enviar su correo basado en un HTML propio debería revisar a conciencia si el correo se muestra correctamente en dispositivos móviles. Dependiendo del programa de correo electrónico, del dispositivo y de la aplicación que se utilice, la visualización puede variar considerablemente. Para ello rapidmail le brinda, entre otras posibilidades, el test de visualización, la vista previa, así como el envío de correos de prueba.