Cómo hacer que tu landing page sea perfecta. El método 7x7

Landing-Page-Sample-Ernesto-del-Valle-Social-Media-Blog-e1361214715225.png

¿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.

Fuente: www.socialmediaycontenidos.com

Pero entendamos antes qué es una landing page y cuáles son los 6 elementos clave que debe contener una buena landing page.

 

 

¿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″/]

Ernesto del Valle

Consultor, formador y conferenciante. Ha ocupado diferentes cargos en empresas de ámbito nacional e internacional como Blockbuster Video España, Grupo Planeta y El Armario de la Tele.
Ver perfil de Ernesto >>


57 comentarios

  • Carlos Carrera

    15/03/2013 a las 16:57

    Excelente artículo.
    Gracias por compartir toda esta información.
    Saludos.

    Responder

  • Juanfer

    25/04/2013 a las 16:27

    Es chévere saber que hay personas que comparten información valiosa…

    Responder

  • Miguel

    01/05/2013 a las 03:22

    Muy bien estructurado, explicado, racional,
    interesante, ameno, valioso gracias.

    Responder

  • Roxana Peralta

    02/05/2013 a las 01:37

    Agradecida por el aporte.

    Responder

  • 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

    Responder

  • 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.

    Responder

    • Ernesto del Valle

      10/05/2013 a las 09:36

      Wow! Muchas gracias a ti, Elizabeth, por tu generoso comentario. Un placer compartir 🙂

      Responder

  • 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.

    Responder

  • 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 !!

    Responder

  • 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.

    Responder

  • George Doe

    14/07/2013 a las 13:38

    Me llevo algunos consejos, gracias.

    Responder

  • Carlos Espinosa

    16/07/2013 a las 20:11

    Excelente información compartida.. será de gran ayuda en mis desarrollos… Saludos !!

    Responder

  • 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?

    Responder

    • 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 😉

      Responder

  • 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.

    Responder

    • 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 🙂

      Responder

  • Felipe

    15/11/2013 a las 16:16

    Gracias Ernesto por compartir esta información tan valiosa.

    Responder

  • 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.

    Responder

    • 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 🙂

      Responder

  • 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

    Responder

  • 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.

    Responder

  • 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!

    Responder

  • 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.

    Responder

  • Elvis Mamani

    03/04/2014 a las 17:40

    Excelente artículo Ernesto.

    Responder

  • Aldo

    20/08/2014 a las 22:24

    Buen articulo.
    Gracias!

    Responder

  • 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

    Responder

  • 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!

    Responder

  • 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

    Responder

  • Magdalena

    18/03/2015 a las 20:54

    Excelente artículo. Gracias!

    Responder

    • Ernesto

      18/03/2015 a las 21:01

      Gracias a ti por el comentario. Saludos 🙂

      Responder

  • PANDA

    02/06/2015 a las 20:48

    Excelente articulo…

    Responder

  • Alberto A

    23/12/2015 a las 02:34

    Ernesto, muy buen artículo, son los tips que estaba buscando. Saludos desde Monterrey.

    Responder

  • 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

    Responder

  • luis

    25/10/2016 a las 20:50

    Gracias por compartir información tan valiosa y al punto. Fue Muy útil

    Responder

  • 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

    Responder

    • 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 🙂

      Responder

  • Maria Silvina

    10/12/2016 a las 10:39

    Estoy buscando informacion para crear mi pagina online y me has ayudado muchisimo… Gracias…

    Responder

  • 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.

    Responder

  • 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.

    Responder

  • rafael gustavo

    23/02/2018 a las 14:45

    buenisimo … gracias ernesto por supuesto q voy a corregir mi sitio .. gracias

    Responder

Dejar un comentario

Tu dirección de correo electrónico no será publicada.

Socialancer Limited te informa de que los datos de carácter personal que nos proporciones rellenando el presente formulario serán tratados por Socialancer Limited como responsable de esta web. La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es para gestionar los comentarios que realizas en este blog. Legitimación: Consentimiento del interesado. El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no podamos atender tu solicitud. Como usuario e interesado te informamos de que los datos que nos facilitas estarán ubicados en los servidores de Raiola (proveedor de hosting de Socialancer Limited), dentro de la UE. Ver política de privacidad de Raiola. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en editorial@socialancer.com así como el derecho a presentar una reclamación ante una autoridad de control. Puedes consultar la información adicional y detallada sobre Protección de Datos en nuestra página web: https://www.socialancer.com, así como consultar nuestra política de privacidad.