Mejores prácticas de correo electrónico HTML: ¿Son malos para el marketing los correos electrónicos con solo imágenes?
Publicado: 2022-11-24Las empresas exitosas otorgan una alta prioridad a la aplicación de los estándares de su marca, y con razón. Es una representación visual de la relación que tienen con sus clientes, y mantienen esa relación usando siempre las mismas fuentes, colores, logotipo y estilo de imagen.
Es por eso que puede ser tan discordante cuando comienza a elaborar una estrategia de marketing por correo electrónico para su cliente solo para darse cuenta de que está limitado a fuentes seguras para la web, no puede superponer fácilmente palabras en imágenes y no puede controlar la apariencia exacta del texto. porque el relleno o los márgenes varían según la bandeja de entrada.
Debido a esto, puede tener la tentación de crear una plantilla de solo imagen para que su correo electrónico siempre se vea exactamente como lo desea. Desafortunadamente, esta es una estrategia miope que probablemente cause más problemas de los que resuelve. Sigue leyendo para saber por qué (y qué deberías estar haciendo en su lugar).
Por qué debería evitar los correos electrónicos con solo imágenes
Lamentablemente, los beneficios de los correos electrónicos solo con imágenes no superan los inconvenientes. A continuación se presentan algunas de las razones por las que debería evitarlos.
Pueden causar problemas de entrega
Cuando se trata de diseñar sus campañas de correo electrónico, su principal prioridad siempre debe ser la capacidad de entrega. Los correos electrónicos con solo imágenes a menudo se envían directamente a la carpeta de correo no deseado porque pueden ser una táctica utilizada por los estafadores para eludir los filtros de texto establecidos para detectar palabras ofensivas o engañosas.
El tamaño total del archivo de su correo electrónico también afecta la capacidad de entrega, como se muestra en este artículo de correo electrónico sobre ácido, y los correos electrónicos de solo imagen son mucho más grandes que los correos electrónicos HTML.
Pueden tardar en cargarse o no aparecer en absoluto
Algunos clientes de correo electrónico pueden tener las imágenes desactivadas de manera predeterminada por razones de seguridad o para proteger a los usuarios de contenido potencialmente ofensivo o malware. Si ha creado un correo electrónico solo con imágenes, es posible que no vean nada más que una pared de iconos de imágenes rotas, como los ejemplos que se muestran en este artículo de tornasol sobre el bloqueo de imágenes.
Los correos electrónicos con muchas imágenes también pueden aumentar en gran medida la cantidad de tiempo que tarda en cargarse el correo electrónico, lo que puede ser perjudicial para la participación del usuario. Las personas pasan un promedio de 10 a 13 segundos leyendo un correo electrónico individual; esto significa que si hay algún retraso mientras se cargan las imágenes, la ventana de oportunidad que ya es estrecha que tiene para transmitir su mensaje se reducirá aún más.
Comprometen la accesibilidad
Las personas con discapacidad visual tendrán muchas más dificultades para usar un dispositivo de lectura de pantalla para interpretar un correo electrónico que solo contiene imágenes. Aunque las imágenes en un correo electrónico siempre deben tener un texto alternativo descriptivo relevante para el contenido del correo electrónico, no pretenden reemplazar el texto del correo electrónico por completo.
No están optimizados para dispositivos móviles
Si diseña un correo electrónico de solo imagen para escritorio, su cliente entrecerrará los ojos para verlo en su dispositivo móvil. Por otro lado, si lo diseña para que sea legible en los teléfonos, se verá grande como un dibujo animado en la pantalla de una computadora.
No se pueden buscar tanto como los correos electrónicos HTML
Si envía un correo electrónico con información a la que un contacto desea consultar más tarde, como un cupón o un próximo evento, tendrá más dificultades para buscar su mensaje en su bandeja de entrada si todo el texto se basa en imágenes.
Ahora que conoce todas las razones por las que no debe crear correos electrónicos que solo contengan imágenes, estas son algunas de las mejores prácticas que debe tener en cuenta al crear correos electrónicos HTML hermosos y efectivos.
Mejores prácticas para crear correos electrónicos HTML
¿Significa esto que debes evitar tener imágenes en tus correos electrónicos? ¡De nada! La mayoría de los recursos sugieren una proporción de texto a imagen de 60/40 para lograr el mejor equilibrio entre capacidad de entrega y una experiencia de usuario óptima. Pruebe estas estrategias para crear correos electrónicos que impacten con o sin mostrar imágenes.
Reduzca el tamaño de sus imágenes tanto como sea posible
Puede y debe incluir imágenes en su correo electrónico, pero el tamaño de su archivo debe minimizarse antes de agregarlas a su plantilla de correo electrónico.
Para exportar sus imágenes para un correo electrónico desde Photoshop, seleccione Archivo > Exportar > Guardar para Web. Para imágenes opacas como fotografías, el formato de archivo JPEG permitirá un tamaño de archivo más pequeño que PNG. Para imágenes ilustradas como logotipos que requieren transparencia, PNG es la opción ideal.
Si no tiene acceso a Photoshop, una herramienta gratuita de compresión de imágenes en línea como tinypng puede ayudarlo a mantener el tamaño de sus imágenes al mínimo.
Usar texto en vivo
En la mayoría de los casos, toda la redacción del correo electrónico debe ser texto HTML que pueda seleccionarse con un cursor y leerse mediante un dispositivo de lectura de pantalla. Si bien la lista original de fuentes seguras para la web es su opción más segura, algunas bandejas de entrada pueden mostrar su fuente (por ejemplo, Gmail mostrará Google Fonts).
Siempre puede optar por usar la fuente de su marca primero con fuentes seguras para la web como alternativa. Al usar comas en CSS, le estás diciendo a la bandeja de entrada que use la primera fuente si es posible, luego la segunda si es posible y finalmente cualquier otra fuente sans-serif si las otras dos no están disponibles.
<style=”font-family: 'KoHo', Arial, sans-serif”>Crear botones a prueba de balas
Un botón a prueba de balas es cualquier botón de correo electrónico creado usando HTML en lugar de una imagen. Se pueden crear utilizando varios métodos, incluido el relleno, los bordes o el lenguaje de marcado vectorial (VML).
Este creador de botones de correo electrónico a prueba de balas puede ayudarlo a crear fácilmente un botón estilizado que se verá hermoso en la mayoría de las bandejas de entrada, incluido Outlook.
Intercambiar imágenes por gifs para un impacto máximo
Es posible que se sorprenda al saber que un gif animado puede tener un tamaño de archivo incluso más pequeño que una fotografía. Todo se reduce a la complejidad de la imagen y cuántos píxeles cambian entre fotogramas.
Este artículo proporciona varias estrategias detalladas para crear gifs de tamaño razonable para sus correos electrónicos. Algunos de estos consejos incluyen:
- Cortar en lugar de desvanecerse para transiciones
- Usar elementos vectoriales ilustrados en lugar de fotos
- Usar una superposición para limitar la paleta de colores
Incluya un enlace "Ver en el navegador" en la parte superior de su correo electrónico
Algunos usuarios preferirán que las imágenes estén desactivadas de forma predeterminada, o es posible que no puedan controlar esta función porque tienen una bandeja de entrada en el lugar de trabajo con funciones de seguridad integradas.
Es por eso que siempre es una buena idea incluir un enlace de "ver en el navegador" en la parte superior de su correo electrónico para que el contacto pueda ver el correo electrónico como se diseñó originalmente.
Utilice elementos de texto en lugar de iconos de imagen
Experimente con elementos basados en texto/CSS en lugar de imágenes cuando sea posible. Por ejemplo, en lugar de crear una imagen de una flecha, vea si hay una fuente segura para la web que incluya una. Puede buscar en Google "ASCII" o "Unicode" seguido de su palabra clave para verificar. Este cuadro muestra todos los símbolos que quizás no sabías que formaban parte de la familia de fuentes Arial.
Hacer de las imágenes un elemento de acento opcional
Una tendencia reciente que hemos notado son los correos electrónicos que usan imágenes para combinarse perfectamente con fondos de colores sólidos. Esto da la ilusión de un correo electrónico solo con imágenes mientras conserva el texto HTML y el diseño receptivo para computadoras de escritorio y dispositivos móviles.
Aunque es posible que no tenga la opción de las fuentes y el diseño ideales, un correo electrónico HTML bien diseñado sigue siendo una herramienta de marketing muy eficaz que se puede utilizar para llegar a cada uno de sus usuarios, independientemente de su grupo demográfico o capacidades físicas.