Ernesto del Valle
¿Sabrías distinguir a simple vista una landing page “potencialmente ganadora” de otra abocada al desastre?
Como saben -y sufren- bien todos los expertos en e-commerce y marketing online, una buena landing page puede suponer la diferencia entre un sonado éxito y un rotundo fracaso.
Si quieres saber cómo crear la landing page perfecta, aquí te dejo mi método 7×7 que te ayudará a conseguirlo.
Pero entendamos antes qué es una landing page y cuáles son los 6 elementos clave que debe contener una buena landing page.
Índice del artículo
¿Qué es una ‘landing page’?
Generalmente, usamos el término landing page para referirnos a la página donde “aterriza” un usuario que hace clic en un enlace, o en un banner, cuando esperamos que realice una “conversión” a continuación (comprar un producto, registrarse, suscribirse, hacer una descarga, etc.).
Por ejemplo, si haces publicidad en Facebook para vender un producto, la página a la que llega un usuario que hace clic en el anuncio es la landing page de la campaña.
[callout bg=”#00c5dc” color=”#ffffff”]De nada sirve hacer una excelente campaña si la página donde aterrizan tus potenciales clientes no es capaz de “terminar el trabajo”.[/callout]Esta frase parece “de perogrullo” pero ¿cuántas veces has “aterrizado” en landing pages que no sólo “no terminan el trabajo” sino que “ni siquiera lo intentan”?
¿Cuáles son los elementos clave de una landing page?
Por lo general se considera que una buena landing page consta de los siguientes elementos (en el ámbito del e-commerce y el marketing online):
# 1. Titular
Muchas landing pages carecen de un titular digno de tal nombre. Mal cominezo. Recuerda que el logo de tu marca o el nombre de tu site no es un titular.
# 2. Imagen del producto
Con frecuencia, verás descrita la imagen como hero o hero shot en textos profesionales y webs especializadas sobre copywriting y landing pages. ¡Retratar al “héroe” como se merece es todo un arte!
# 3. Llamada a la acción (call to action o CTA)
Si no estás familiarizado con el término, seguro que al menos te suena esta imagen: un enorme botón naranja “Compra ahora” y un mensaje que dice “…y aprovéchate del 2×1, por tiempo limitado”; o esta otra: un enorme botón azul debajo de una caja para poner tu correo electrónico y el mensaje “suscríbete ahora a nuestra newsletter y recibirás gratis el eBook Cómo triunfar en los negocios”.
# 4. Lista de beneficios
Una relación breve y certera que responda a la pregunta “¿por qué razón voy a comprar esto? (suscribirme, registrarme, etc.) ¿Qué tengo que ganar?
# 5. Testimonios
Muchos estudios demuestran que más del 70 % de los compradores online leen las opiniones de otros antes de comprar y son influenciados por ellas.
# 6. Red del trapecista
El lugar, siempre al final, donde “caer en blando cuando todo está perdido”. Antes de que el cliente se marche sin convertir, éste es el punto donde se puede intentar no perderlo por completo, ofreciéndole otras alternativas tales como:
- Compartir la información en redes sociales.
- Hacer una prueba gratuita.
- Dejar sus datos para recibir más información.
- Llamar a un número de asistencia para aclarar sus dudas.
- Mostrar información sobre la seguridad del proceso de compra para vencer ciertos miedos.
- Etc.
Exceptuando los testimonios de usuarios satisfechos, ya que no siempre dispondrás de ellos, se supone que el resto de los elementos son imprescindibles, en especial los 4 primeros.
El método 7×7
Siete segundos es el tiempo que, como media, te otorgarán tus visitas antes de decidir si tu sitio merece la pena o no. No serán tan indulgentes con tu obra como lo eres tú. Serán implacables.
Los usuarios saben que están “a un clic” de cualquier otro lugar en la Red, y actúan en consecuencia. ¿Acaso no haces tú lo mismo cuando visitas las webs de los demás?
[callout bg=”#00c5dc” color=”#ffffff”]Recuerda:
Si en 7 segundos no eres capaz de convencer a tus visitas de que han llegado al lugar adecuado, se irán, quizá para no volver.
[/callout]El método 7×7 sirve para hacer las 7 comprobaciones que marcarán la diferencia en esos 7 segundos de oro.
# 1. Comprobación del impacto visual
Colócate a 1 metro de la pantalla por cada 10 pulgadas de monitor. Por ejemplo, si la pantalla es de 29 pulgadas, ponte a 3 metros.
¿Qué es lo que más se ve?
Si los elementos que más destacan no son el titular, la llamada a la acción y la imagen del producto, revisa tu diseño.
Asegúrate de que el titular y la llamada a la acción son legibles a esa distancia.
¿Se identifica a simple vista dónde está la llamada la acción?, ¿sin pensar?, ¿sin buscarla?
Te conoces de memoria tu landing page ¿verdad? Si aun así, contigo como sujeto del test, no se supera esta comprobación, imagínate el resultado con otra persona. Mejor, no lo imagines: pide a otras personas que no hayan visto antes la página que hagan esta misma comprobación; 5 o 6 son suficientes para sacar conclusiones.
Si tienes problemas de legibilidad, no olvides que la causa puede estar no sólo en el tamaño de la letra sino también en un exceso de estilismo (fuentes “exóticas”, fondos de color que dan problemas de contraste, etc.). El diseño web tiene sus propias leyes. Una landing page y un cartel impreso no son lo mismo. El diseño para web requiere conocimientos específicos que no todos los diseñadores poseen.
# 2. Optimización de la llamada a la acción
Mima la llamada a la acción, tu “call to action”. El call to action es el rey de la landing page.
Piensa en esto: en un salón del trono ¿qué es lo que hace que todas las miradas de la corte se dirijan hacia el monarca? ¿Acaso el rey es el triple de grande que el resto de los mortales? Si no es su tamaño, ¿qué es?
Si preguntas a un buen diseñador gráfico, te dirá, entre otras cosas, que los espacios en blanco alrededor de la pieza clave de la composición, los márgenes, guardan el secreto de su jerarquía visual.
En su salón del trono, el rey ocupa un lugar preeminente de la sala, y su espacio personal es incomparablemente mayor que el de los demás. Mientras los cortesanos se aprietan en los lados de la sala, codeándose con gentes de menor jerarquía, en torno al rey no hay nada, salvo su trono, los atributos de su poder y quizás una o dos personas de muy alto rango, situadas a prudente distancia.
¿Es tu CTA el rey de tu landing page en su salón del trono? ¿O es sólo un grandullón haciéndose hueco en un ascensor abarrotado?
# 3. Revisión del titular
Copia el titular y pégalo en hoja en blanco del bloc de notas. Sin ninguna otra información alrededor, ¿sigue estando claro, y sin ningún género de dudas, qué es lo que ofrece la página? (normalmente, “qué es lo que vende”).
¿Incluye el titular palabras clave que definen el producto o servicio?
Por ejemplo: si vendes suscripciones a un evento y el titular es “¡¡¡No te lo pierdas!!!”, ¿aún seguirías pensando que es un buen titular? ¿“No te pierdas” el qué?
Asegúrate, además, de que el titular es realmente un titular y se percibe como tal.
Si es necesario, no dudes en incluir un subtítulo. No corras el riesgo de no transmitir de forma clara, inequívoca y seductora tu oferta.
[callout bg=”#00c5dc” color=”#ffffff”]Un buen titular destila la esencia de todo el contenido de la landing page en una sola frase.[/callout]¿Misión imposible? No, sólo difícil. 😉
# 4. Medición de tiempo de carga
Limpia el historial de navegación y asegúrate de que el navegador ha vaciado la caché (en Chrome, Historial –> Borrar todos los datos de navegación, casilla de verificación “vaciar caché”). A continuación, cronometra el tiempo de carga de tu sitio. No uses herramientas online para hacer una medición “técnica”. Se trata de conocer el tiempo de carga “percibido” por el usuario.
¿Tienes que esperar más de 1 segundo para ver la página en tu pantalla? ¿Más de 2? Plantéate hacer algo al respecto (que en función de tus conocimientos y de tus recursos puede ser algo que debas hacer tú mismo, como instalar o reconfigurar un plugin de caché, o algo que tengas que pedir a un experto).
[callout bg=”#00c5dc” color=”#ffffff”]No olvides nunca que, a partir de un segundo, el usuario se empieza a impacientar.[/callout]# 5. Enumeración de beneficios
Para tomar la decisión que tú esperas, tu audiencia quiere saber qué es lo que va a ganar. Evidente ¿verdad? Entonces, ¿por qué vemos tantas landing pages que omiten este tipo de información, o que la sustituyen por meros datos?
El problema suele residir en la confusión entre “características” y “beneficios”. El cliente quiere saber cómo un producto o servicio va a resolver sus necesidades en último término. Quizá necesite saber también otras cosas, quizá no, pero son los beneficios (y con qué eficacia han sido comunicados) los que marcan la diferencia a la hora de obtener resultados.
[callout bg=”#00c5dc” color=”#ffffff”]Piensa en los beneficios desde el punto de vista del usuario. Citar como beneficio un aspecto irrelevante equivale a señalar una desventaja.[/callout]Otra idea clásica al respecto de esta cuestión:
Si para describir un beneficio tienes que abusar de los adjetivos, es que no es un beneficio real.
Tu oferta ¿resuelve una necesidad? Explícalo en una breve frase. Crees que es ¿estupenda y maravillosa? Piensa en cómo esa convicción te puede motivar a ti, pero no creas ni por un momento que tu percepción del producto es un argumento de venta. Tu cliente solo creerá que tu producto es genial si lo dicen otros, nunca si lo dices tú.
# 6. Supresión de distracciones
¿Ofreces al usuario alternativas que lo sacan prematuramente de la landing page sin convertir? Mal asunto (y no por malo, infrecuente). En serio. Si tienes en la parte superior de la página, compitiendo con la “llamada a la acción”, enlaces y distracciones que pueden llevar al usuario a otro lugar, probablemente perderás un montón de conversiones.
Ejemplo: si vendes un viaje a las Islas Canarias y tienes un botón “Reservar ahora”, no pongas al lado otro botón “saber más sobre este destino turístico” que te saque de la landing page. Si necesitas poner textos legales, haz que se abran sobre la misma landing page en lugar de remitir al cliente a la sección legal genérica del sitio.
[callout bg=”#00c5dc” color=”#ffffff”]Recuerda:
En una landing page, el objetivo es la conversión; cualquier elemento que sirva a otra finalidad, conspira contra ti.[/callout]
# 7. Prevención de la saturación
Repasa cada elemento de tu landing page. ¿Cuáles son imprescindibles? ¿Cuáles no? ¿Se puede expresar lo mismo con menos texto?
Al principio de este artículo enumerábamos los elementos constitutivos de una landing page. Esos elementos no son “lo mínimo”, sino “lo justo y necesario”. Si saturas de información tu landing page, puedes tener problemas para conseguir conversiones.
¿Qué hacer para incluir “otra información” imprescindible, sin que el usuario se tenga que salir de la página? Un modal (capa con información adicional que se superpone cuando el usuario necesita ampliar la información o resolver una duda), en el lugar adecuado, puede ser la solución. Los textos desplegables, sin abusar, también pueden ayudarte a resolver este tipo de problemas.
Conclusión
Seguro que ya has deducido cuál es el nexo común de todos los puntos tratados: la síntesis.
[callout bg=”#00c5dc” color=”#ffffff”]Una buena landing page refleja, sobre todo, un esfuerzo de síntesis absoluto.[/callout]La mayoría de las landing pages fallidas se caracterizan más por lo que les sobra que por lo que les falta.
¿Cumple tu landing page con los criterios de estas 7 comprobaciones? ¿Decidirán tus visitas, en 7 segundos, que merece la pena prestar atención a tu landing page? Si lo hacen, ¿cuántas convertirán? Te deseo la mejor de las suertes en tu búsqueda de la landing page perfecta, y si la consigues, no dudes en contárnoslo en los comentarios.
[grwebform url=”https://app.getresponse.com/view_webform_v2.js?u=lhGe&webforms_id=3486903″ css=”on” center=”off” center_margin=”200″/] [grwebform url=”https://app.getresponse.com/view_webform_v2.js?u=lhGe&webforms_id=3503503″ css=”on” center=”off” center_margin=”200″/]
57 comentarios
benetmaria
19/02/2013 a las 07:15
RT @smblog_es: Cómo hacer que tu landing page sea perfecta. El método 7×7 https://t.co/aI3vIy4V por @edelvallemartin
RGDirCom
19/02/2013 a las 08:05
RT @hugomorenomv3: Cómo hacer que tu landing page sea perfecta. El método 7×7 https://t.co/7U19lsJ5 #diseño #comunicacion #internet
nieveshgibaja
19/02/2013 a las 08:43
RT @hugomorenomv3: Cómo hacer que tu landing page sea perfecta. El método 7×7 https://t.co/7U19lsJ5 #diseño #comunicacion #internet
juanmeneses10
19/02/2013 a las 10:00
Cómo hacer que tu landing page sea perfecta. El método 7×7 vía @smblog_es https://t.co/h1RKsXVh
LisyTena
19/02/2013 a las 12:03
RT @Maytematias: Como hacer una Landing Page irresistible: https://t.co/tWH4dquj por @edelvallemartin
Farrucha
19/02/2013 a las 16:05
RT @LuisSerranoR: Cómo hacer que tu landing page sea perfecta. El método 7×7: ¿Sabrías distinguir a simple vista una landing page … https://t.co/UKUg6O5U
simaga99
19/02/2013 a las 23:56
Cómo hacer que tu landing page sea perfecta. El método 7×7 https://t.co/ap8JQ6jW vía @smblog_es
RocioVillarPolo
20/02/2013 a las 12:30
Cómo hacer que tu #landing page sea perfecta. El método 7×7 https://t.co/UsMLcVgW vía @smblog_es #web #marketing
concha_vm
21/02/2013 a las 12:35
Cómo hacer que tu landing page sea perfecta. El método 7×7 https://t.co/kP23SQcN19 vía @smblog_es
BeKlanEs
23/02/2013 a las 12:02
Cómo hacer que tu landing page sea perfecta. El método 7×7 https://t.co/JNHczCUHyX vía @smblog_es
brandsmith_esp
11/03/2013 a las 11:25
El método 7×7 convencer en 7 segundos a tus visitas: Cómo hacer que tu landing page sea perfecta. : https://t.co/CqtPyOolWf vía @smblog_es
bettyromerito
14/03/2013 a las 22:29
Com hacer que tu landing page sea perfecta –> https://t.co/6egt39yAbM
Carlos Carrera
15/03/2013 a las 16:57
Excelente artículo.
Gracias por compartir toda esta información.
Saludos.
Juanfer
25/04/2013 a las 16:27
Es chévere saber que hay personas que comparten información valiosa…
Ernesto del Valle
03/05/2013 a las 11:24
Muchas gracias, Juanfer. Un placer compartir.
Miguel
01/05/2013 a las 03:22
Muy bien estructurado, explicado, racional,
interesante, ameno, valioso gracias.
Ernesto del Valle
03/05/2013 a las 11:26
Gracias, Miguel. Me alegra saber que este contenido te ha sido útil.
Roxana Peralta
02/05/2013 a las 01:37
Agradecida por el aporte.
Ernesto del Valle
03/05/2013 a las 11:30
Un placer, Roxana.
Juan Luis
06/05/2013 a las 21:32
excelente articulo, muy aplicable para las aplicaciones móviles y su difusión en el medio que es justo lo que necesito
Ernesto del Valle
06/05/2013 a las 22:48
Muchas gracias, Juan Luis, un placer ser útil 🙂
Elizabeth
10/05/2013 a las 02:09
Muchas gracias por compartir tu sabiduria! Buen contenido y muy bien estructurado, uno de los mejores que he visto.
Ernesto del Valle
10/05/2013 a las 09:36
Wow! Muchas gracias a ti, Elizabeth, por tu generoso comentario. Un placer compartir 🙂
Manuel
27/05/2013 a las 10:54
Fantástico artículo Ernesto.
Sólo echo en falta algunas urls con ejemplos de landings que tú consideres dignos de ser mencionados (sean hispanos o extranjeros).
Y quizá más importante aún; si pudieras recomendar alguna plantilla de wordpress optimizada para landing sería fenomenal.
Muchas gracias de antemano.
Trafico Plus
05/06/2013 a las 17:30
Excelente artículo Ernesto!
Gracias
Foto y Video en Leon
06/06/2013 a las 02:44
Escelente contenido, esperando ansioso los viernes para documentarme bien con ustedes, informacion privilegiada !!
Impulso Creativo - Diseño Web
25/06/2013 a las 18:06
Hola, me ha parecido un artículo estupendo, muy completo y bien explicado, con lo fácil que parece y lo difícil que es convertir, al final cuando crees que tienes tu landing page perfecta siempre es mejor ir cambiando algunos aspectos para ver si mejora ( o empeora ) como el texto de la llamada en acción, hace tiempo leí un artículo en el que se le daba a este texto una gran importancia y había un CTR mayor en función de cual eligieras, pero al final todo cuenta, un saludo y comparto.
George Doe
14/07/2013 a las 13:38
Me llevo algunos consejos, gracias.
Carlos Espinosa
16/07/2013 a las 20:11
Excelente información compartida.. será de gran ayuda en mis desarrollos… Saludos !!
Ernesto del Valle
16/07/2013 a las 22:50
Muchas gracias por vuestros comentarios. Un placer compartir 🙂
luis alvarez
03/08/2013 a las 22:06
que tal si donde dice producto o servicio en vez de poner la imagen pongo mi portafolio si me dedico al diseño web?
Ernesto del Valle
05/08/2013 a las 00:57
Si pones un enlace a tu portfolio, sacas al cliente de la landing, y eso es precisamente algo que hay que evitar a toda costa. Te sugiero un enfoque de “marca personal”. En servicios profesionales, el “producto” es el prestigio y la autoridad del experto 😉
TEDDER NIÑO DRAGO
20/08/2013 a las 13:33
Gracias. Gran aporte 😉
Ernesto del Valle
20/08/2013 a las 15:18
Gracias por tu opinión 🙂
Fernando
20/08/2013 a las 21:47
De verdad agradezco esta información. Se comprueba el dicho de quien en realidad es experto en algo, se complace en enseñar.
Un abrazo y felicidades por tu blog.
Ernesto del Valle
20/08/2013 a las 23:27
Fernando, te agradezco mucho que aparte de leer mi artículo en Socialancer te hayas pasado también por mi blog.
Un placer 🙂
Felipe
15/11/2013 a las 16:16
Gracias Ernesto por compartir esta información tan valiosa.
Ernesto del Valle
15/11/2013 a las 17:26
Gracias a ti, Felipe 🙂 Un placer ser útil.
Alberto
03/01/2014 a las 19:33
Ernesto Hola, cual es la mejor plataforma o página para crear una landing page gratuita con el metodo 7×7. Gracias por tus consejos.
Ernesto del Valle
04/01/2014 a las 15:37
Hola Alberto, no sé si he entendido bien tu pregunta. La landing page normalmente es una página de tu web especialmente diseñada para cumplir esa función (o una página de un microsite creado para una acción específica). Actualmente la mayoría de las webs de emprendedores están hechas con WordPress (https://en.wikipedia.org/wiki/WordPress).
Saludos, y gracias por tu comentario 🙂
Gerard
15/01/2014 a las 14:24
Muchas gracias por el artículo, en breves voy a tener que desarrollar landings y son de gran utilidad textos escritos desde la experiencia.
Un saludo
Toni
31/01/2014 a las 19:44
Felicitaciones Ernesto,
Me ha parecido una muy buena aproximación al arte de Diseñar Landing Pages.
Gracias.
Marcelo
05/02/2014 a las 01:34
Muy bueno tu articulo Ernesto. queria consultarte si tengo un blog y una landing page, ambos en wordpress. Mi pregunta es sobre los nombres de dominio: ¿es recomendable que sean 2 nombres totalmente diferentes o se recomienda que tengan alguna relacion o hasta que uno sea subdominio de otro?, por ejemplo si mi blog de consejos se llamara consejosdearriendo.com y la landing page se llama ventadecasas.com es bueno para mi red social? o mejor simplemente lo al blog consejos.ventadecasas.com? (los nombres son solo ejemplos ilustrativos). Gracias!
Elisabet Gómez
20/03/2014 a las 17:13
Genial post y genial análisis.
Este método, del que tienes toda la razón, es exactamente el que ha usado Prestashop es su nueva versión 1.6 (en su plantilla por defecto ,quiero decir) , así que ahora más que nunca estará al alcance de todos.
Elvis Mamani
03/04/2014 a las 17:40
Excelente artículo Ernesto.
Ernesto del Valle
06/04/2014 a las 12:01
Muchas gracias 🙂
Aldo
20/08/2014 a las 22:24
Buen articulo.
Gracias!
Arturo Pérez
14/09/2014 a las 01:04
Soy Profesor de una universidad privada en Costa Rica. me acaban de asignar el curso de Comercio electrónico (e-Commerce), el cual es un temario es totalmente nuevo para mi persona ya que soy informático y no había investigado nada al respecto.
Esta página e información me ha ayudado a preparar parte del temario.
Desde Costa Rica América Central – Pura Vida –
Muchas Gracias
Heidy Lin
02/01/2015 a las 10:37
Me ha encantado tu blog, muy útil la información que nos has compartido. Podrías sugerirnos páginas web en donde podamos encontrar representaciones de este modelo?
Muchas gracias!
Patricia López
16/02/2015 a las 19:19
Estupendo artículo, muy bien explicado, lo pondré en práctica sin duda para mis webs. Enhorabuena
Ernesto
17/02/2015 a las 21:47
Muchas gracias, Patricia 🙂
Magdalena
18/03/2015 a las 20:54
Excelente artículo. Gracias!
Ernesto
18/03/2015 a las 21:01
Gracias a ti por el comentario. Saludos 🙂
PANDA
02/06/2015 a las 20:48
Excelente articulo…
Alberto A
23/12/2015 a las 02:34
Ernesto, muy buen artículo, son los tips que estaba buscando. Saludos desde Monterrey.
Edwin Gonzalez
22/03/2016 a las 22:59
Hola Ernesto , súper la información que nos estas dando por estas pagina y para mi es nuevo hablar de Landing Page, la cual era lo que estaba buscando para el trabajo que quiero desarrollar. me surgen varias dudas sobre los dominios que debo tener, si debe ser uno solo y de hay dentro de una pagina principal se desprenden los demás o de una sola pagina sacar diferentes puntos de interés, quedo atento de tus observaciones
luis
25/10/2016 a las 20:50
Gracias por compartir información tan valiosa y al punto. Fue Muy útil
Ernesto del Valle
25/10/2016 a las 23:02
Gracias a ti por comentar, Luis. Me alegra haberte sido útil.
Andrés Parra
01/11/2016 a las 13:41
Muchas Gracias Ernesto por tu blog! voy a implementarlo.
Tina
27/11/2016 a las 23:40
Hola Ernesto,
Voy a hacer mi primera landing page y la verdad es que tu artículo es muy bueno. Muy bien explicado y esclarecedor.
He leído varios artículos antes que el tuyo y la verdad, ninguno me ha parecido tan bueno como éste. Me ha servido de gran ayuda. Así que voy a poner en practica tus consejos.
A ver si tengo suerte y empiezan a llegar las conversiones 😉
Un saludo y gracias por los consejos
Ernesto del Valle
28/11/2016 a las 09:24
Muchas gracias, Tina. Un placer saber que mi artículo te ha parecido el mejor 🙂
Maria Silvina
10/12/2016 a las 10:39
Estoy buscando informacion para crear mi pagina online y me has ayudado muchisimo… Gracias…
Ernesto del Valle
11/12/2016 a las 19:33
Un placer 🙂
Marcos
11/02/2017 a las 02:10
¡Buenísimo!
Ernesto del Valle
11/02/2017 a las 13:36
Gracias, Marcos 🙂
Mane
16/06/2017 a las 19:58
Es muy bueno este post!! La información la he dado como referencia a clientes para que entiendan cómo debe ser la landing.
David
03/10/2017 a las 13:12
Excelente artículo y muy bien sintetizado. Gracias por los consejos habrá que tenerlos en cuenta a la hora de hacer una landing page.
rafael gustavo
23/02/2018 a las 14:45
buenisimo … gracias ernesto por supuesto q voy a corregir mi sitio .. gracias
cupo en dolares
10/09/2019 a las 21:03
Muy buena informacion gracias por todo.