Cómo crear una landing page efectiva

Todo emprendedor que se precie que tenga un negocio online debería saber lo que es y cómo utilizar una landing page. O dicho en castellano, una página de aterrizaje.

Si nunca has oído hablar del término “landing page” y quieres vivir de tu negocio digital, siento ser borde como Vin Diesel en el dentista, pero estás muy jodid@.

Lo primero que deberías hacer antes de ponerte a diseñar tu página web, si no lo has hecho ya, es aprender algunos conceptos importantes que te valdrán de mucho para no andar dándote palos contra las esquinas y viendo como por tu web solo pasan las bolas de hierba seca de las películas del Far West.

En otro post de mi blog ya te dí algunas pinceladas sobre algunos de los términos de diseño web que no deberías olvidar y algunos de ellos están también en esta entrada que te vas a meter entre pecho y espalda.

Las landing pages son a un negocio digital lo que la guitarra a un cantaor flamenco.

Si quieres vivir de tu pasión (a mí me gusta decir “vivir de tu sudor”), como dicen los gurús cambiavidas (término patentado por Arturo García), no dejes para mañana tener tus landing pages.

Ah y no olvides echar un ojo a estas otras publicaciones, donde te hablo de cómo diseñar ciertas páginas muy importantes en tu web:

¡Vamos al ajo, carajo!

¿Alguna vez has probado a crear tu web a lo Juan Palomo sin demasiados conocimientos y has tenido que darte de leches con cualquier problemilla?
Pues existe una solución a todas tus frustraciones.

Qué es y para qué sirve una Landing Page

Las landing pages son unas páginas muy específicas a las que se deriva tráfico y que tienen UNA ÚNICA MISIÓN.

Esa misión puede ser de diversos tipos, pero debe ser SOLO UNA.

¡Ni una y media, me oyes!

Para lograr conseguir esa misión u objetivo, debemos ser muy claros y concisos con lo que queremos que haga el usuario en ella, por eso debemos evitar distracciones estúpidas y puntos de fuga.

Y esto es un punto de fuga: ENLACE PARA DESPISTAR

Así que no pongas cosas que no hagan falta.

No pongas menús, ni footer, ni links a otras cosas, ni ostias en vinagre…

En una landing page o página de aterrizaje todo debe estar enfocado a que el usuario cumpla esa misión o, dicho técnicamente, “CONVIERTA”.

¿Se convierta??? ¿En zombi??? :O

No.

“Convertir” o “conseguir una conversión” es hacer que el usuario lleve a cabo la ÚNICA ACCIÓN que nosotros queremos que realice.

Sin más historias.

Convertir puede ser, por ejemplo:

  • Descargar un contenido (ebook, infografía, checklist…).
  • Comprar un producto.
  • Solicitar información sobre un servicio.
  • Suscribirse a un blog.
  • Registrarse en un webinar.

Si quisieses conseguir todos estos objetivos que te he puesto de ejemplo, deberías tener una landing page para cada uno.

¿Lo tienes claro, Mari Carmen???

¡Sigue pa’ bajo!

Tipos de landing pages

Aunque existen diferentes versiones por ahí adelante sobre lo que es una landing page y sus diferentes variantes, yo te voy a contar aquí las que yo conozco y las que creo que existen de verdad.

¡Porque lo digo yo y punto! 😛

A ver, una landing page o página de aterrizaje es el nombre genérico, estándar o base con el que nombramos a todas las páginas donde caen los usuarios para realizar esa acción de la que te hablaba antes.

Ahora, las landing pages pueden ser de varios tipos dependiendo del objetivo que persigamos:

Squeeze page o Página para suscripciones

La squeeze page (traducida más o menos como “Página para presionar o apretar a alguien”) es una página cuyo único objetivo será la captación de suscriptores.

En ella debemos ofrecer algo de valor para que el usuario nos dé a cambio su email (y, como mucho, su nombre también).

Y no necesitamos más datos. Con el email vas que chutas y metes gol.

Sales page o Página de ventas

Una sales page o página de venta tiene como objetivo que el usuario compre un producto o se suscriba a un servicio de pago.

Aquí la cantidad de datos que debemos solicitar al usuario ya debería aumentar, pues para poder realizar una transacción, debemos pedir mucha más información, como es normal y lógico.

Home de una página web

Hay gente que a la página de inicio de una web le llama también landing page, aunque yo no comparto esto…

“¡Es que la gente aterriza ahí cuando llega a tu web!”, diría alguno.

También aterrizarías en la arena si Bud Spencer te mete un remazo en la jeta y no por ello la arena es una landing page…

Incluso alguna gente les llama también landing pages a las páginas superiores del menú de una página web, las que están en el primer nivel jerárquico, “por encima” de los submenús y también a páginas de demos o registros de herramientas gratuitas…

Bueno, esto es como los helados, que los hay hasta de fabada… ¡Para gustos…!

Qué NO es una landing page

Por si existe la más mínima, remota e ínfima posibilidad de que todavía no te haya quedado claro lo que es una landing page, te lo cuento a la inversa…

CUALQUIER PÁGINA EN LA QUE PUEDAS HACER MÁS DE UNA COSA NO ES UNA LANDING PAGE.

Ejemplo al canto:

Esta imagen que te he puesto es un poco exagerada, pues es una homepage, pero me sirve para destacarte claramente lo que no es una landing page, pues como ves, he marcado con flechitas rojas varias de las zonas donde se pueden realizar acciones, algo que en una landing no debe suceder.

Cómo crear una landing page

Para crear una landing page bien optimizada existen una serie de normas no escritas (bueno, sí que están escritas… ¡en miles de blogs!) que siempre es aconsejable seguir para que la estructura y los contenidos sean los adecuados. ¿Las vemos?

Diseño de estructura de landing page

Un buen producto y/o/u servicio

Te estarás descojonando pensando “¡este Edu es un cachondo!”, porque crees que estoy diciendo algo obvio como que la leche es blanca.

Pues no sabes la de peña que intenta vender un producto/servicio que es una mierda y que a nadie le hace falta.

Eso sí, ellos están convencidos de que se los van a quitar de las manos y luego su página de checkout tiene menos visitas que un asador argentino en la India.

¿No te lo crees?

Echa un ojo a este vídeo en el que un chica y un chico (que casi no sobreactúa, por cierto…) te enseñan unos productos de Amazon que no creo salgan en ninguna página de nicho…

Ah, y no intentes engañar a la gente con lo que ofreces; no dejes a tus clientes con la cara de este:

URL

Aunque te parezca que la URL no es importante a la hora de diseñar una landing page, ¡vaya si lo es!

A nivel SEO todo cuenta, y la URL es uno de los aspectos que más mira con lupa nuestro querido amigo y socio Mr. G (Google).

Una buena URL debe ser lo más corta y concisa posible.

¡Va un ejemplo!

Claro, ¿no?

Título

La diferencia entre que un usuario realice la misión que “le has encomendado” o no la realice, depende en un altísimo porcentaje del título que pongas en la landing page.

No te enrolles… que el título esté alineado con lo que ofreces de manera muy muy visible. No te andes por las ramas.

Además, es muy importante que en el título indiques de manera bien clara qué va a conseguir el usuario. Sin medias verdades o mentiras edulcoradas.

En esto de poner títulos que enganchen, es muy bueno poner cifras de lo que vas a conseguir y un plazo de tiempo.

Ejemplos, que son gratis:

  • Bien: Cómo ganar 10.000 euros con tu infoproducto en 7 días.
  • Mal: Lo que necesitas para llegar a ser un crack en la vida.

¡Beneficios, no características!

Es muy importante que en tus landing pages destaques los beneficios que obtendrá el usuario, por encima de las características de lo que ofreces.

Más ejemplos…

Imagina que estás buscando un taller de coches porque te has quedado tirado.

Buscas un taller en Google y visitas dos webs diferentes.

En una te cuentan esto:

  • Disponemos de herramientas de todo tipo para cada avería.
  • Nuestras máquinas son súper modernas.
  • Nuestras instalaciones cumplen con la normativa europea.

En otra te cuentan lo siguiente:

  • Vamos a recoger tu coche con nuestra grúa a donde nos digas.
  • Te prestamos un coche de sustitución para que sigas haciendo tu vida.
  • Te entregamos tu coche lavado y aspirado GRATIS.

¿A cuál de estos dos talleres llevarías tu coche si le da por morirse?

Pues si has respondido lo que creo que has respondido, tienes clara la diferencia entre características y beneficios y cuáles deberías utilizar en tu landing page.

Buenos copys

Los textos son lo más importante a la hora de vender.

Más que las imágenes. Sí.

Así que presta atención y dedica el tiempo suficiente a redactar unos buenos textos persuasivos para captar la atención de tu visitante y que cumpla el objetivo que te has marcado.

Es muy útil que sigas el método AIDA (la de la serie ‘7 vidas’ no) a la hora de pensar en los textos de tus landings…

El método AIDA es una técnica de venta muy conocida en marketing en general y en marketing digital en particular y más antigua que las piedras. Es el acrónimo de:

  1. Atención.
  2. Interés.
  3. Deseo.
  4. Acción.

Si redactas tus textos persiguiendo que el usuario cumpla estos 4 pasos en ese orden, estarás muy cerca de tener una landing page 100% efectiva.

La imagen

Ahora te voy a soltar aquello de “una imagen vale más que mil palabras”, ¡y lo sabes!

Lo siento, no he podido evitarlo…

Pero es cierto.

Para que tu landing page sea efectiva, has de crear una imagen atractiva de tu producto o servicio.

Estarás ya acostumbrad@ a ver imágenes de ebooks que parecen libros de verdad, cursos online cuya imagen aparece sobre una tablet o un monitor de ordenador… ¡súper chulos!

Esas imágenes se llaman mockups y puedes encontrar muchos en Internet sin copyright para que puedas utilizarlos.

Los mockups son “maquetas” o plantillas sobre las cuales tú podrás poner tu imagen para que dé una sensación profesional y no aparezca ahí, tirada en medio de la nada, triste y sin nadie que la quiera.

Pues eso, cúrrate bien la imagen para que luzca como los morros de la Kardashian en Instagram, y tendrás más puntos para llegar al éxito.

Vídeo

Si quieres darle una vuelta de tuerca al aspecto gráfico de tu landing, puedes optar por un vídeo en vez de una imagen.

También, dependiendo del tipo de landing que estés preparando, puedes meter imagen y vídeo juntos, que no se van a pelear.

Eso sí, que el vídeo sea explicativo y cuente los beneficios (¡¡¡beneficiooooossss, no característicaaaaassss!!!) de tu producto o servicio.

No vayas a poner un vídeo tuyo en las Islas Caimán contando lo bien que se pasa viviendo de tu pasión…

¡Ay!, que esto algunos sí lo hacen… ¡glups!

En serio, si usas un vídeo, no vendas una imagen tuya de fucker triunfador que toma batidos asquerosos a las 6 de la mañana porque cree que así cagará de color rosa, por favor… Ve al grano y pon a tu cliente en el centro.

Formulario

La parte más importante de una landing page es el formulario. Y cuanto más arriba esté, mejor (“Above the Fold”, le llaman).

Tú imagina que has creado un título impactante, te has trabajado unos textos persuasivos que ni la autora de ‘50 sombras de Grey’ y te has currado un vídeo brutal explicando los beneficios de tu producto…

… y vas y te olvidas de poner un formulario como Dior manda…

¡La has cagao!

Cuando diseñes el formulario, es muy importante pedir cuantos menos datos mejor.

Sí, sí, he dicho “cuantos menos”.

Si pides muchos datos, se reducen las posibilidades de que se produzca la amada y deseada conversión del visitante.

¡Y no queremos eso!

Si puedes pedir solo el email, no pidas nada más. En serio.

CTA o llamada a la acción

En el caso de una sales page o página de venta, una alternativa al formulario es poner un botón de venta que, al clicarlo, lleve al usuario a la página de checkout para realizar la compra.

Ese botón se llama CTA (Call to Action) o llamada a la acción.

Dicho de otra forma…

En el botón tienes que decirle al usuario lo que quieres que haga. o sea, que realice la acción y cumpla la misión.

Ejemplos:

  • ¡Me lo quedo!
  • ¡Quiero mi regalo!
  • ¡Me interesa!
  • ¡Estoy deseando tenerlo!
  • ¡Quiero aprender con tu método!

Sí, sí, ya sé que en tu cabeza puede estar la idea de poner el texto “COMPRAR” o alguna pijada parecida, pero no, no lo hagas. Los ejemplos que te he puesto dan mejor resultado; ¡sé creativ@!

Testimonios

Si el tipo de landing page que estás creando es una página de ventas (Sales page) es muy bueno que añadas testimonios de clientes reales (obviamente si es una squeeze page, no tiene mucho sentido poner testimonios).

Así que ya sabes, consigue testimonios de tus clientes satisfechos (a los mosqueados… si eso, no se los pidas). Y si pueden ser en vídeo, mejor que comerse un helado de cuatro bolas (hoy todo me lleva a pensar en helados… ¡me voy a tomar uno!).

Iconos de redes sociales

Como opción, puedes poner también unos iconos para que la gente que desee compartir tu landing page en sus redes sociales pueda hacerlo. No sabes cuánto se puede viralizar tu página, así que por intentarlo que no quede, ¿no?

Consejos a la hora de diseñar una landing page

Message Match o “Mensaje coherente”

Message Match es un tecnicismo alglosajón (¡cómo no!) del marketing que dice que, si haces publicidad, el texto que utilices en tus anuncios deben corresponderse con el título de la landing page.

Imagen original de https://unbounce.com/

No tendría sentido que en el anuncio pongas: “Cómo conseguir 500 ventas en 1 semana” y que el título de la landing page sea “Cómo disparar las visitas de tu blog”.

Se parecen como un huevo a una castaña.

Realiza Tests A/B

Los tests A/B son una manera muy buena de mejorar el rendimiento de cualquier acción de marketing.

Por si no conoces esta técnica, hacer pruebas o test A/B consiste en diseñar dos versiones de un mismo email (en email marketing), landing, etc., cambiando algún elemento. Después se hace una prueba a un porcentaje pequeño de tu audiencia (suele ser un 10%) y la que mejor ratio tenga, será la que se use para el resto de usuarios.

Puedes cambiar el título, el color del CTA, una imagen…

Si realizas tests A/B en tus landing pages, podrás incrementar los resultados.

Imagen de https://searchengineland.com/

Y recuerda, en los tests A/B solo se cambia un elemento cada vez y luego se miden los resultados, pues si cambias 3 o 4 cosas al mismo tiempo, ¿cómo sabrás cuál ha sido la que ha provocado el cambio?

Minimalismo

Aunque desde EEUU siempre nos traen un montón de avances en todos los sentidos y son, junto a Brasil, los que marcan la pauta en todo lo que tiene que ver con el marketing, a mí me horrorizan esas landing pages americanas súper cargadas de textos a 200px de tamaño, tropemil fotos, 700 testimonios, 7 vídeos y no sé cuántos CTAs…

A mí me gusta lo simple y claro. Cuánto más sencilla sea la landing page, mejor, como ésta:

5 + 1 herramientas para crear landing pages

Existen una buena lista de herramientas y opciones para crear landing pages en tu negocio.

Escojas la que escojas, tendrás que dedicar un tiempo a conocerla y probarla a fondo, pero después tendrás un arma muy potente para tu negocio que no dejarás de utilizar (o no deberías).

También puedes contratar a un profesional que te diseñe tus landing pages y tú dedicarte a otras tareas.

Lo dicho, aquí te muestro algunas de las herramientas más conocidas y utilizadas.

Instapage

Una de las plataformas más conocidas y reputadas para realizar landing pages es Instapage.

Ha crecido y mejorado mucho en los últimos años y es sin duda una de las referencias.

Te ofrece más de 200 plantillas prediseñadas y su uso es muy sencillo, con un sistema drag and drop muy bueno.

Instapage te ofrece una prueba de 14 días y, desde el día 15 en adelante podrás tenerlo por la “módica” cantidad de 149$/mes, eso sí, si contratas un año completo.

Antes en Instapage tenían planes más pequeños, pero ahora parece ser que han querido centrarse en empresas más grandes, pues ese precio no se lo puede permitir cualquier mortal.

Leadpages

Con leadpages tendrás acceso a una buena ristra de plantillas para crear rápidamente landing pages efectivas y ya testeadas.

¿Y porque digo ya testeadas?

Porque me ha contado un pajarito que Leadpages tiene una característica que no tienen otras herramientas similares, y es que te clasifica las plantillas por su ratio de conversión, cogiendo datos anónimos de otros usuarios… WOW!

Esto está DPM (acrónimo de “de puta madre”) porque te ayudará a seleccionar plantillas con las que sabrás a ciencia cierta que han funcionado a otras personas anteriormente.

Eso sí, que te sirva solo de referencia, porque si te fías de los datos de una landing que han estado utilizando negocios que nada tienen que ver con el tuyo, a ti te pueden servir para darte una leche que no te menees.

Su precio parte de 25$/mes y puedes probarla antes durante 14 días también.

Landerapp

Herramienta sencilla para emprendedores principiantes.

No es la más potente, pero peor es robar.

Dispone de sistema drag and drop, tests A/B con reemplazo dinámico de contenido (esto está muy bien), integración con Facebook Tab y también una opción de envío de email de bienvenida.

Lander cuesta 49$/mes y también, en un alarde de diferenciación (modo ironía ON), ofrece también 14 días de prueba.

Unbounce

Herramienta muy fácil de utilizar para usuarios que no sean unos cracks del diseño, gracias a su sistema de arrastrar y soltar (drag and drop)… aunque ahora es raro que una herramienta no disponga ya de este sistema si quiere competir en el mercado.

Dispone de una buena porrada de plantillas para facilitarte el trabajo y destaca por la calidad de su sistema de tests A/B.

El plan más económico son 79$/mes… ¡casi nada! Aunque también tienes 14 días gratis para trastear con él.

Optimizepress

Aquí tenemos una de las herramientas más potentes de las que tenemos entre manos.

Optimizepress ofrece una lista de opciones que pocas otras te dan:

  • Creación de páginas de venta.
  • Landing pages optimizadas para conversión.
  • Embudos (funnels de venta).
  • Áreas privadas para tus usuarios.
  • Páginas para webinars o eventos.
  • Páginas de lanzamientos.
  • Páginas de “gracias”.
  • Blog.

En Optimizepress ofrecen su pack básico (Essential) por nada más y nada menos que 99$/mes…

Emprendedores autónomos sufridores… ¡esta herramienta se os escapa de presupuesto!

Elementor

Captura pantalla Elementor web

Aparte de todas estas herramientas que te he contado arriba, existen maquetadores visuales con los que diseñar páginas web atractivas en WordPress, como Beaver Builder, Divi o Visual Composer.

Y también está Elementor, que para mí es el mejor maquetador visual de todos.

Con Elementor podrás diseñar tus propias landing pages en el entorno de tu WordPress sin tener que pagarte una herramienta extra (siempre y cuando utilices Elementor para maquetar tu web, claro).

Elementor dispone de un buen listado de plantillas, bloque prediseñados y un sistema de arrastrar y soltar muy intuitivo, que hará que tus landing pages luzcan como Halle Berry saliendo del agua en la peli de James Bond ‘Muere otro día’.

5 ejemplos de landing pages con sus aciertos y cagadas

Aquí te dejo unos cuantos ejemplos de landing pages que, para mi gusto, están muy bien diseñadas y estructuradas.

Aún así, algunas tienen algunos errorcillos o, digamos, cagadillas, que no cumplen con las premisas recomendadas.

¡Espero que tomes buena nota!

Nauto.com

Esta landing me encanta por su sencillez y limpieza, aunque la cagan poniendo un CTA no asociado al ebook en la parte inferior y, además, el footer.

Recuerda: cero puntos de fuga ni enlaces a otros sitios que no convienen.

Industrial Trength Marketing

Me gusta esta landing porque es muy sencilla y básica, pero el contenido no lo veo del todo atractivo para que la gente desee descargarlo.

Inbound Emotion

Esta landing la pongo en la lista porque cumple las premisas fundamentales de contenido, textos, mensajes y tal cual…

Pero también te la pongo de ejemplo de cómo la han cagado a tope poniendo un mega formulario que me da a mí, que poca gente va a cumplimentar. Mala práctica, sin duda.

Oracle

Esta landing page del gigante tecnológico Oracle es muy sencilla (y a nivel diseño podría mejorarse, la verdad), pero cumple con su cometido: título claro, beneficios claros, imágenes representativas (en este caso una especie de carrusel) y un CTA. ¡Y listo!

Optimizely

Landing page de un webinar muy bien planteada, con el formulario previo scroll (above the fold), muy limpia y muy clara. Lo único que yo hubiera hecho es poner los textos explicativos en un gris más cercano al negro.

Conclusión

Recuerda, un negocio sin landing pages es como Rafa Nadal sin raqueta, como Khaleesi sin dragones o como Instagramers sin Likes.

Así que ya sabes, aprende a utilizar correctamente las landing pages en tu negocio y tendrás grandes alegrías.

Y hasta aquí la parrafada del día…

Espero que te haya gustado este contenido y desde ahora no cometas ningún error al plantear tus landing pages.

Si te ha gustado, emocionado o seducido este post, déjame un comentario que responderé gustosamente y si ya te vienes arriba, déjame 5 estrellistas aquí abajo y compártelo en tus redes sociales, con tus amigos, vecinos y el cartero… y juntos conseguiremos que desaparezca del planeta la pizza de piña.

Graciasssssssssssss!!!!!

¡Haz clic para puntuar esta entrada!
(Votos: 8 Promedio: 4.4)

12 comentarios en “Cómo crear una landing page efectiva”

  1. Me ha encantado, la verdad es que me parto con tus posts. Te robo los ejemplos para los botones, los que no somos creativos tenemos que hacer eso, copiar a los que sí lo sois ????

  2. Pues como siempre compañero, otro post para guardar entre los imprescindibles en mi biblioteca. Tengo pendiente en estos días mejorar mi landing page y me acabas de dar muchas ideas. Gracias por estos artículos didácticos, divertidos y completísimos, donde nunca defraudas.

    El mejor ejemplo de una buena landing sin duda, las 9 fases cruciales para diseñar una web atractiva y efectiva.

    Un abrazote
    Noe

  3. Con cada post te superas. Te lo tenía que decir, pero es que me encantan porque se que siempre que leo algo tuyo voy a aprender, seguro.
    El tema de los botones me ha encantado, así que igual me inspiro con tus ejemplos.
    Deseando estoy de que publiques el siguiente.

  4. Habia visto hace tiempo este post y ahora que lo necesito, ¿adivina qué? Voy a buscarl info en tu blog, asi que ya sabes no borres nada de lo que vayas escribiendo, y sigue asi colega.
    Saluts

    1. Hola María,

      Como buen gallego que soy, te diría que DEPENDE.

      No es lo mismo hacer una Squeeze Page, que te puede llevar unas horas, que una Página de Venta, que te puede llevar días.

      Un saludo.

  5. Es cierto que muchas de estas landing page, si no se hacen de forma correcta, terminan no siendo efectivas. Este me ha parecido un artículo bastante completo y aclaratorio! Enhorabuena!

    1. Sí, Pilar. Las landing pages son muy importantes.

      También es importante en el SEO saber que las palabras clave y anchor texts no aportan nada en los comentarios de un blog 😉

      Un saludo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

  • Responsable: Eduardo Rubianes.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento:  No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a FastComet INC que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.
Scroll al inicio

Las 9 fases cruciales para diseñar una web atractiva y efectiva.

pasos para diseñar una página web

Guía GRATUITA por entregas con la que aprenderás a diseñar una web profesional y a conseguir resultados reales para vivir de ella.