Embed Size (px)
Citation preview
¿Por qué desarrollar las piezas en HTML?
Tras un año y medio implementando campañas de EmailMarketing dentro del GRUPO, hemos comprobado que aquellascreatividades que se han desarrollado siguiendo las recomendacionessugeridas para el desarrollo del HTML, han tenido mejores resultadosQue aquellas que sólo han utilizado imágenes (ver resultados pag. 19).
Aunque lo que finalmente ve el usuario es unaimagen al abrir el email, es importante seguir ciertas
pautas que nos permitan llegar correctamente a los buzones de correo,pues de lo contrario, corremos el riesgo de caer en SPAM y que el usuariono vea ningún contenido, por lo que todo el trabajo que hay detrás caeen vano y no logramos nuestros fines.
Os invitamos a descubrir, a través de los siguientes ejemplosprácticos, cómo hacer un HTML correctamente para mejorar lasconversiones.
2
Ejemplo de un incorrecto HTMLpara Email Marketing
¿Qué queríamos que viera el usuario cuandoabrió el email?
4
¿Qué vio en realidad el usuario cuando abrióeste email?
5
¿Cómo debería de estar hecha la pieza paraque se viera correctamente?
En este caso, la creatividad estabacompuesta por una imagen que fuedividida en 9 partes.
Lo correctohubiese sidomaquetar lostextos y lasimágenes porseparado, comose señala
・ De esta manera aunque no secarguen las imágenes, el textose podrían ver correctamente yel usuario ya podría sentirinterés por el producto, lo queproduciría mas clicks!
6
La importancia de un correcto HTML en laentrega
Para determinar si un correo es o no SPAM, los ISP`s analizan, entreotras cosas, el contenido y formato del HTML y le asignan una nota queevalúa el riesgo del email.
Los puntos en que se fijan para puntuar el HTML son:
- Diagramación del HTML.- Tamaño de las imágenes (no debe de contener imágenes grandes).- Porcentaje de texto v/s porcentaje imágenes.- Estructura del código fuente del HTML.
(DISEÑADOR, descárgate nuestro manual aquí).
7
La importancia de un correcto HTML en lasconversiones de las campañas
• Actualmente, sólo el 33% de los usuarios tiene la opción activada de descargarimágenes automáticamente. Por ende, es importante que exista texto e imágenespara que el usuario pueda leer el contenido de la oferta sin tener que descargarselas imágenes.
• Las métricas del Email Marketing se basan en descarga de Imágenes o clics en unlink. Si no hay una interacción con la pieza, el email se toma como no abierto, es porello que, maquetando con texto y html, aumentas las posibilidades de tenermayores aperturas y consecuentemente la estrategia de Email Marketing será másefectiva.
• La lectura en dispositivos móviles como tablets y smartphones también es mejorvisualizada con texto e imagen, que con una única imagen.
8
La importancia de un correcto HTML en lasconversiones de las campañas
• Combinando texto e imágenes se pueden colocar diferentes links en lacomunicación a diferencia de una pieza única, que sólo puede tener un solo link.Esto también aumenta el CTR (porcentaje de clic) que lleva a obtener másconversiones, es decir, más posibilidades de conseguir el objetivo de lacomunicación.
• Utilizando un correcto formato, se facilita la llegada a la carpeta de entrada, evitandocaer en SPAM, lo que también produce mejores resultados de CTR
• Utilizando texto e imagen, la pieza es más ligera, y disminuye el tiempo dedescarga para ser visualizado.
• En definitiva: enviando las comunicaciones con estas sugerencias se alcanza unmayor retorno de la inversión, gracias al aumento de las conversiones.
9
Errores frecuentes en el diseñode un HTML
HTML compuesto solo por imágenes
Lo que vio el usuario Lo que queríamos que viera
Lainformación
Creatividadcompuestasólo porunaimagencortada.
Campaña Promoción de Terceros.
señaladahabríapodidoincluirsecomo texto
11
HTML compuesto solo por imágenes
Lo que vio el usuario Lo que queríamos que viera
La
Creatividadcompuestapor tresimágenescortadas
Campaña Promoción del Medio.
informaciónseñaladahabríapodidoincluirsecomo texto
12
HTML compuesto solo por imágenes
Lo que vio el usuario Lo que queríamos que viera
Creatividad compuesta sólo poruna imagen
La información señalada habríapodido incluirse como texto
Campaña Promoción del Medio.
13
Ejemplos de campañas enviadascomo HTML optimizados
(Utilizando texto e ima
HTML con formato texto e imagen
Lo que vio el usuario Lo que queríamos que viera
Aunque el usuario no descargue las imágenes, puede leer el contenidode la oferta y hacer click donde le interese. 15
HTML con formato texto e imagen
Lo que vio el usuario Lo que queríamos que viera
Aunque el usuario no descargue las imágenes, puede leer el contenido de laoferta y hacer click donde le interese
16
HTML con formato texto e imagenLo que vio el usuario Lo que queríamos que viera
Aunque el usuario no descargue las imágenes, puede leer el contenido de laoferta y hacer click donde le interese
17
HTML con formato texto e imagen
Lo que vio el usuario Lo que queríamos que viera
Aunque el usuario no descargue las imágenes, puede leer el contenido de laoferta y hacer click donde le interese
18
Resultados campañas
Campañas sólo con imágenes
・ Open: 5,68% (problema de entrega)
・ Click: 0,39%・ CTO: 5,70%
・ Open: 9,04% (problema de entrega)
・ Click: 0,9%・ CTO: 8,81%
・ Open: 20,06%・ Click: 1,77%・ CTO: 7,17%
Campañas con texto e image
・ Open: 25,06%・ Click: 15,77%・ CTO: 43,13%
・ Open: 28,21%・ Click: 18,36%・ CTO: 37,71%
・ Open: 17,79%・ Click: 3,21%・ CTO: 14,91%
Promedio GRUPO PRISA: Open: 16,14%, Click: 3,21%, CTO: 18,14%
19Volver a pag. 2
“ 4 textos básicos” a incluir enla parte superior del HTML
Textos a incluir en la parte superior del HTML:
Asunto del emailLink hacia la landing
Link de baja. donde está la oferta.
Frase solicitándole alusuario que nosagregue a su lista decontactos.
21
Qué hacer entonces paramejorar nuestras creatividades?
Texto v/s imagen
Ya sabemos que hay queincorporar texto e imagen… Perocuál es la estructura correcta deun HTML para Email Marketing
Estructura correcta del HTML:
Imagen v/s Texto
¿Cuál es el porcentaje correcto entreimagen y texto dentro de un HTML?
50% imagen y 50% texto
Con este formato es más probable que los ISP´s (Gmail,Hotmail, Outlook, etc…) nos dejen entrar al Inbox y no nos
envíen a SPAM.
26
Pero existen casos que cumplen con la regla50% y 50%, es decir, entran al Inbox, pero elusuario no hace click en el HTML ¿por qué?
50% 50%
50% 50%
27
Porque cuando la imagen está en la partesuperior del HTML y es muy grande, el usuarioNO puede leer el contenido de la promoción
El usuario NO lee elcontenido de lapromoción si nodescarga las
imágenes
Imágenes sindescargar
Imágenesescargadas
28
Por lo tanto, SIEMPRE se debe incorporar textoen la parte superior del HTML
Formato texto en Formato texto enla parte superior la parte superior
29
Y así…
El usuario podráleer el contenido
de la ofertaaunque las
imágenes no esténdescargadas. Imágenes sin
descargar
Imágenesdescargadas
30
Diseñador: sigue estas recomendaciones
Y descárgate el manual técnico
31
En resumen:
1. No utilizar imágenes muy grandes.
2. 50% texto y 50% imagen.
3. Oferta siempre en la parte superior en formato texto.
4. Incluir los “4 textos básicos” antes del HTML.
5. Seguir los consejos técnicos del HTML.
NEGOCIOS & SERVICIOS
Agradece su atención
Skype.‐ jom.negocios.serviciosTeléfonos: +593 4 6022472 / 2153333
Celular : +593 9 9 4633‐234Mail.‐ [email protected]
Webpage: www.negociosservicios.com
