La landing page perfecta: estructura, contenido y ejemplos

No nos vamos a centrar en cómo llegan las visitas a tu landing page; vamos a destripar cómo hacer una página de aterrizaje para que no se te escape nadie y a enseñarte unos cuantos ejemplos.

Que no se diga.

Porque si para algo sirve una landing es para que tus visitas interactúen, sea cual sea el objetivo de tu página de destino.

Y hablando de objetivo: tener claro el de tu landing page es esencial para la conversión en venta o en lead.

Vamos al tema, que tenemos mucha tela que cortar: qué es una landing page y para qué sirve, cómo hacerla y qué contenido incluir. Todo esto es lo que hará que construyamos la página de destino perfecta.

Manos a la obra.

Qué es una landing page: ejemplos

Las landing pages gozan de una gran ventaja que no tienen las páginas estáticas de tu web: las visitas que entran son público templado, porque suelen ser parte de un funnel.

Esto te permite ir al grano sin más preámbulos.

De hecho, es recomendable no distraer a las visitas de tu propósito con contenido innecesario, por eso estas páginas no suelen llevar menú de navegación (de hecho, te lo recomendamos desde ya).

Lo que está claro es que, de una manera u otra, toda página de aterrizaje sirve para lo mismo: convertir visitas en clientes.

Especifiquemos un poco más.

Las landing page pueden tener dos objetivos.

Sí, solo dos:

● El primero, captar leads que pueden ser futuras ventas.

● El segundo, directamente, vender.

¿Vemos un ejemplo de landing page para cada uno de estos objetivos?

Empezamos con uno que bien podría valernos para ilustrar qué características debe tener una landing para ser verdaderamente eficiente.

Aquí Maïder Tomasena hace una exhibición de copywriting del bueno: propuesta de valor, algún beneficio y puntos de dolor para conseguir el lead.

Remata con autoridad, que para eso la tiene.

Ejemplo de landing page de Maider Tomasena

Ahora vamos con un ejemplo de título de página de aterrizaje con el segundo objetivo, el de vender. Se trata de la empresa de idiomas Babbel.

En su titular: pocas distracciones, urgencia, diseño bien clarito y descripción de características con sus siempre potentes beneficios.

Ejemplo de landing page de Babbel

Cómo crear una landing page: estructura de la landing perfecta

Bien: ahora que ya sabemos qué es una landing page y para qué sirve, vamos a ver qué estructura podría tener.

En este punto es interesante contar con buenas herramientas para crear landing pages y poder construirlas con los elementos que te van a ayudar a convertir las visitas en leads o en clientes.

Te proponemos una estructura básica, para que tengas una guía a la hora de construir tu página de aterrizaje.

El esqueleto de cualquier landing debe ser:

● Título: donde presentas cómo vas a ayudar a tus clientes de manera clara y concisa para que sigan leyendo.

● Cuerpo: para explicar en qué consiste el producto o servicio, cómo conseguirlo y por qué tienen que comprar.

● La llamada a la acción o CTA (Call to Action): es el momento de la verdad y donde sabremos si estamos consiguiendo el objetivo de conversión marcado.

Obviamente esta estructura la debes completar y amoldar a tu producto o servicio en función de variables como la complejidad de lo que vendes, su precio y su público objetivo.

Veamos cada elemento con más calma:

#1 Un titular top para tu landing page

El titular ideal de tu página de aterrizaje debe tener título y subtítulo.

El título es lo primero que va a leer una persona cuando accede a la landing, por lo que el copywriting debe andar muy fino.

Debe contener la propuesta de valor para que quien la lea pueda decidir en poquísimos segundos si se queda o se va.

Para matizarlo o añadirle interés, te recomendamos que le añadas un subtítulo que lo haga más completo.

Vamos con un ejemplo que nos encanta porque ya en el above the fold (lo que vemos antes de hacer scroll con el ratón) aplican copywriting. Se trata de la empresa del sector financiero Etoro.

A la izquierda, su propuesta de valor breve y concisa, con un subtítulo asociado con las características diferenciadoras de su producto.

Ojo al uso de números, en este caso en forma de porcentajes. Tirar de números y símbolos es un buen recurso de copy para atraer la atención del usuario.

Con este título + subtítulo el usuario ya sabe qué venden y qué debe hacer para conseguir el producto gracias al CTA “Únete ahora”.

No podemos pasar por alto la parte derecha de la web con los logos de algunos de sus clientes. Aprovechan este espacio privilegiado para sacar pecho con la autoridad y fomentar la confianza.

¿Quién da más?

Ejemplo de landing page de Etoro

Otro ejemplo de titular orientado a la conversión es el de Aplazame, empresa que se dedica a financiar compras de cliente final en tiendas online.

De hecho, fíjate precisamente en la palabra “tasa de conversión”. La utilizan en el titular principal, suponemos que a modo de palabra clave.

Estamos pues ante una buena muestra de SEO on page a través del copywriting cuando estamos creando una página de destino: poner la keyword principal en el título (o H1).

Y en el subtítulo (o H2) juega con el campo semántico utilizando palabras de la misma familia: conversiones, vender más, CRO…

Si quieres que la landing posicione a nivel orgánico porque esperas exprimirla más allá de cuando le inyectes visitas fruto de las campañas de pago, esta práctica será casi imprescindible.

Ejemplo de landing page de Aplázame

#2 Cuerpo de la landing page y su tamaño

En esta parte de la anatomía de la landing es donde más se diferencia una página de destino para captar leads de otra cuyo objetivo es obtener una venta.

Del mismo modo, el tamaño de la landing que estemos creando dependerá en buena medida del precio del producto y de su nivel de complejidad.

Mira, en general lo vemos así.

● Precio barato y artículo fácil: landing page corta.

● Precio elevado y producto o servicio sofisticado: landing page larga.

Ejemplo de landing page corta

Aquí tienes un ejemplo de landing page cuyo objetivo es captar leads valiéndose de la descarga de un lead magnet. Es de la agencia de diseño web Itserra:

Ejemplo de landing page de Itserra

Ejemplo de landing page larga

Hemos dicho producto sofisticado, ¿verdad? Pues aquí tienes la página de ventas de una formación en la que se unen Vilma Nuñez de Convierte Más y Maïder Tomasena, de Escuela de Copywriting.

En ella dan muchos detalles de lo que ofrecen, puesto que el ticket es alto para el número de horas y el servicio todavía es relativamente nuevo:

Ejemplo de landing page de Escuela de  Copywriting

En el cuerpo de la landing page es donde hablamos al cliente potencial de todo lo que necesita saber para tomar la decisión de comprar, suscribirse o descargar un lead magnet.

Aquí es donde tenemos que captar su atención y que todo le quede claro. Si no entiende qué vendemos y cómo puede adquirirlo, difícilmente comprará.

En este aspecto el copywriting es nuestra mejor baza a la hora de hacer una landing page.

Bonus: copywriting para el cuerpo de tu landing page

No podíamos cerrar una sección sobre el cuerpo de la landing page ideal sin hablar de fórmulas de copywriting que puedan ayudarte a crear una página potente.

Que quede claro que fórmulas hay muchas y absolutamente todas son una ayuda, no una obligación.

Dicho esto, te recomendamos especialmente estas dos para las páginas de aterrizaje enfocadas en generar ventas:

1. Fórmula AIDA: Atención, Interés, Deseo y Acción.

En este ejemplo de Escuela de Nuevos Negocios identificamos cada uno de estos puntos.

✔ Llama tu atención para que dejes de hacer otras cosas y te centres en leer lo que te va a presentar. Lo refuerza con un vídeo.

✔ Genera interés con información y datos que te hacen sentir que esto tiene buena pinta.

✔ Presenta el producto o servicio y suscita deseo por él a través de la prueba social que supone que haya empresarios de éxito que ya utilizan el producto.

✔ Acaba invitando a pasar a la acción con un imperativo y reforzando con qué sucederá si no lo descargas con ese “No te quedes sin las 10 claves para detectar qué está fallando en tu negocio”.

Ejemplo de landing page de Escuela de Nuevos Negocios

2. Fórmula PASTOR: Problema, Agitación, Solución, Testimonios, Oferta y Respuesta

El ejemplo de página de ventas con la fórmula PASTOR que hemos elegido es de la nutricionista May Morón. En él vemos todos los elementos de esta fórmula, aunque no en el mismo orden que marca el acrónimo.

Esta receta también es muy habitual y tú también puedes ajustarla a tu conveniencia: las fórmulas hay que conocerlas, sí, pero son ellas las que están a nuestro servicio y no al revés.

Ejemplo de landing page de May Morón

Vamos a analizar el ejemplo; es como mejor se ve.

✔ Empieza con la solución que resolverá el problema del target.

✔ A continuación describe el problema con detalle tocando puntos de dolor.

✔ A partir de aquí agita la cuestión mostrando las consecuencias que tendría no solucionarlo. Ese “SI NO HACES ESE CLIC MENTAL” va directo al corazón de la audiencia.

✔ Introduce la solución explicando a qué se dedica ella y cómo puede ayudarte.

✔ Sigue con la llamada a la acción que invita a descubrir.

✔ Termina con los testimonios. No hay nada mejor para que alguien nos considere como una opción que tener la opinión de quienes lo han probado ya.

Bien.

Te habrán llamado la atención varias cosas en cuanto a estructura y copywriting de esta página de ventas.

Quizás te extrañe que describa el problema con detalle y en cambio lo agite poco.

Este es uno de los consejos o trucos de copywriting que te podemos dar a la hora de escribir tus páginas de destino. No abuses de los puntos de dolor y de agrandarlos: no queremos que nadie se marche aterrorizado.

Si has profundizado en aquello que remueve a la audiencia, sé más blando en su agitación.

También te habrás fijado en que las llamadas a la acción son tres.

Esto es porque en landings largas es conveniente meter al menos tres CTAs a lo largo de la página. De esta manera iremos logrando interacción con cualquiera que entre, sea cual sea su nivel de consciencia acerca del producto.

Imagina que tú ya tienes claro lo que quieres y tienes que hacer scroll hacia abajo buscando cómo contactar. Es probable que te marches antes de hacerlo.

Por eso en el ejemplo de la fórmula AIDA también hay 3 Call To Action.

En este caso, las dos primeras llamadas a la acción van dirigidas al objetivo principal: que las visitas contacten.

¿Y la última?

La última va dirigida a captar el contacto a través de la descarga de un lead magnet. Observa que está al final de la página. Quien llegue aquí y se descargue el regalo será un lead muy cualificado, que también está bien aunque no sea el objetivo principal.

#3 Llamada a la acción

Podríamos decir que, en el menú de la landing page perfecta, el postre que la hace redonda es el la llamada a la acción o CTA (Call To Action).

El CTA es ese botón de la página de aterrizaje que tiene que ser irresistible para que consiga que el usuario haga clic en él.

Como sabes, los lectores ahora no leemos, sino que escaneamos. Por eso es tan importante que los CTA destaquen en el diseño de las páginas de destino. De esa manera no pasarán por alto a quien nos visita.

Vamos, que una de las características que debe tener una landing page para ser eficiente es un botón bien escrito y diseñado.

Grábate a fuego estas recomendaciones cuando construyas tu página de aterrizaje:

✔ El texto del botón debe ser claro, corto y empezar con un verbo de acción.

✔ Si puedes, acompaña el botón de un microcopy que aclare qué pasa después de hacer clic.

✔ En landings cortas, un solo CTA. Preferiblemente a la derecha y que destaque.

He aquí un ejemplo que cumple estas tres características. Queda muy claro, ¿verdad?

Ejemplo de landing page de Álex Fernández

✔ En landings largas, como hemos comentado antes: poner tres botones a lo largo de la página estará bien. Su diseño, mejor que sea igual, y si cambias el copy, que el verbo de inicio sea el mismo.

✔ Muy importante: nunca llenes la landing de llamadas a la acción diferentes. Todas las que incluyas tienen que ir destinadas al único objetivo de la página.

Veámoslo en un ejemplo de la empresa Lookiero. En este caso insertan dos CTAs muy claritos en cuanto a copywriting y diseño y van dirigidos al mismo propósito:

Ejemplo de landing page de Lookiero

Unas últimas palabras sobre la landing perfecta

Hemos visto cómo hacer una landing page de manual y ejemplos. Y ahora terminamos recapitulando para que no te olvides de lo más importante.

Eso que va a conseguir que el dinero que inviertes en llevar tráfico a la página de aterrizaje no se pierda en los confines de la red.

Si quieres tener una página de destino que convierta, recuerda:

✔ El contenido de tu página de destino debe ser diseñado con un solo objetivo principal. No te andes por las ramas para no distraer.

✔ Los objetivos de una landing suelen principalmente dos: captar leads o vender (con permiso de la llamada de teléfono).

✔ Las partes básicas de la anatomía de la página son tres: título, cuerpo y CTAs.

✔ Cuida el copy del titular y por supuesto, de los botones y el cuerpo de la landing.

✔ Para escribir el cuerpo del contenido puedes seguir dos fórmulas de copywriting muy versátiles: AIDA y PASTOR.

✔ La ubicación y el diseño de los botones de llamada a la acción dependen del tamaño de la landing.

Con estas características ya lo tienes todo para crear tu landing page perfecta. Aun así, lo mejor que puedes hacer es probar dos versiones de copy y diseño y comprobar cuál funciona mejor.

Pon en marcha un test A/B y haz un seguimiento de las métricas principales durante un tiempo, que variarán según los objetivos. Muy importante: espera a recibir un número razonable de visitas para medir.

Generalmente las métricas más reveladoras son la tasa de conversión, tasa de rebote y la duración de la sesión, por si necesitas un camino por el que empezar.

Tras el periodo de prueba midiendo estas tres variables comprobarás cuál ha gustado más y sobre todo, cuál te acerca más a tu propósito de conversión.

Esperemos que te haya gustado esta guía para construir la landing page perfecta, ejemplos reales incluidos.

👀 Si tienes recomendaciones de otras páginas de destino que merezcan la pena, queremos verlas. ¡Cuéntanoslas en los comentarios y hasta la próxima!