454 | La landing perfecta (según expertos en diseño y marketing)

En el episodio 454 de WordPress semanal te cuento la estructura perfecta para una landing page y qué textos y elementos te conviene incluir. Vamos allá. Hola, hola. Soy Gonzalo Navarro y Bienvenidos al episodio 454 de WordPress Semanal, el podcast en el que aprendes a crear y gestionar tus propias webs con WordPress y en profundidad. Y hoy hablamos de cómo estructurar una landing page, una página con un objetivo. Básicamente eso es una landing. De hecho, podrías plantear cualquier contenido de tu web como una landing. Y si no me equivoco, me está viniendo ahora mismo. Hace algunos episodios hablé de esto precisamente, de cómo tratar incluso cualquier artículo que vayas a publicar en tu web con este enfoque de landing, de un objetivo único y una conversión, porque al final es lo que buscamos, que un visitante que llegue a un contenido nuestro específico tome una acción determinada. Pero bueno, no me quiero adelantar, vamos a hablar de todo esto en profundidad y te voy a decir las grandes partes que podrían componer una landing page. Luego, por supuesto, dependiendo de tu caso, dependiendo del material que tengas para utilizar, pues alguna sección tendrá menos importancia, otra tendrá más. Pero creo que si tienes muy clara esta estructura en mente, te va a ser muchísimo más sencillo abordar la creación de cualquier landing. Así que en un momentito vamos con todo ello. Pero antes, como siempre, novedades. ¿Qué está pasando en Gonzalo Navarro es esta semana? Pues hay cositas esta semana. Por un lado tenemos el nuevo vídeo de la zona código, donde te enseño a ocultar cualquier menú del escritorio, cualquier menú de la zona de administración de WordPress o para todo el mundo que tenga acceso al admin o por roles, por tipo de usuario. Y esto es algo que normalmente hacemos con plugins como Admin Site Enhancements o como Menu Admin Editor Pro, pero se puede hacer también con un poquito de código. Y esto es lo que vemos en este vídeo. Como siempre, la zona código es código para gente que no sabe código. Así que simplemente copiando y pegando, tal y como te explico en el vídeo, obtienes los resultados. ¿Qué más tenemos esta semana? Pues he publicado un taller en vídeo. Ya sabéis que desde hace un tiempo hay una nueva sección para los miembros que es la de recursos, y ahí publico, por ejemplo, clases en vídeo o talleres en vídeo de cosas o que no dan para un curso o que realmente no son tanto de WordPress puro y duro, pero que pueden ser muy útiles para los que llevamos webs o incluso desde el punto de vista del negocio, del marketing. Y en este caso es un taller en vídeo donde te enseño a diseñar la landing page perfecta. Y pese al título no voy a utilizar un editor y vamos a ir construyéndola, sino que vamos a repasar desde un punto de vista visual todas estas secciones de las que te voy a hablar aquí en este episodio que pueden componer una landing y vamos a ver ejemplos de webs reales para que así visualices todo mucho mejor y a la hora de ponerte a crear, a diseñar, a estructurar tus landings pues que te sea mucho más sencillo, mucho más claro. Además como yo voy a partir de una especie de diseño que he hecho yo en una herramienta que utilizo como para un poco como dibujar, hacer los garabatos iniciales de cómo quedaría cada sección de la landing, pues lo vas a ten disponible para descargar porque además va con sus textito, con lo que corresponde cada parte y demás para que lo tengas siempre a mano y le puedas echar un vistazo antes de ponerte a crear cualquier landing page. Todo esto que comento está en las notas del episodio. Si estás en Spotify, en Apple Podcast, pues vas a poder ver las notas muy bien. Si estás en otras aplicaciones como ivoox no muestran bien las notas, así que te recomiendo ir directamente a la web y lo tienes todo bien ordenado y bien dividido por secciones. En Gonzalo Navarro es 454 que es el número de este episodio. Gonzalo Navarro es 454 Fantástico. Pues una vez vistas las novedades, vámonos ahora con el plugin de la semana que se llama Quizcat. Este plugin te permite crear los típicos cuestionarios de personalidad o estos cuestionarios que antes eran más famosos que buscan un poco la viralidad, porque es eso, descubre el tipo de persona que eres o descubre el coche que te comprarías según tu edad y tu género, este tipo de cosas que hace que la gente haga clic, pues con este plugin puedes crear ese tipo de cuestionarios. Y ya hablé de este plugin en el episodio 27 imag de WordPress semanal, vamos por el 454. Lo que pasa que he visto, yo siempre estoy así revisando plugins y demás para ver qué os recomiendo y he visto que sigue vigente y que además ahora es compatible con el editor de bloques así que lo rescato porque me parece interesante. De nuevo se llama Quiz cat y te dejo el enlace en las notas del episodio. Venga, pues ahora sí, vámonos con el tema central, cómo crear una landing perfecta según expertos en diseño y marketing. Y vamos a verlo. ¿Pero por qué digo según expertos en diseño y marketing? A ver, si tú te vas ahora mismo a los canales de YouTube, o te lees libros de la gente influyente en esto, o ves cualquier contenido de personas que divulgan acerca de post creación de landing pages y demás, te vas a encontrar algo muy parecido. Te van a hablar casi siempre de una estructura muy similar, que es la que te voy a contar ahora, y te van a explicar distintos elementos que puedes incluir y que ya pueden estar un poco más relacionados con el marketing, con el copy, es decir, con la escritura del propio contenido e incluso con estrategias, pues un poco más apelando a la psicología, a cómo piensa tu posible cliente o el visitante al que quieras convertir. De hecho en el taller online que te comento, en el taller en vídeo, dedico un tramo, el tramo final del vídeo, también hablarte de algunos conceptos de copy, es decir, de escritura persuasiva, porque está muy relacionado. Cuando tú vas a crear una landing está muy bien la parte de la estructura, la parte del diseño, qué elementos hay que incluir, pero también es importante cómo los escribas y qué recursos utilices. Bueno, pero vamos a lo que nos ocupa, ¿Qué elementos componen una landing page? Bueno, para aclararlo, que no quede nadie rezagado en este sentido, una landing no es más que una página de tu web, una URL de tu web dedicada a que tus visitantes tomen una acción. Esa acción puede ser apuntarse a tu newsletter, comprar tu producto o servicio, pulsar en tus enlaces de afiliado, ir a otra página de tu web. Es simplemente esto, lo que pasa que habitualmente va a estar dedicada a un único objetivo. Puede ser que haya landings que estén dedicadas a varios objetivos, pero normalmente lo más óptimo es que el visitante solo tenga una decisión que tomar, si ir al siguiente paso o quedarse como estaba. Y como decía, casi todas las buenas landings tienen una estructura similar. De hecho, si utilizas plantillas prediseñadas, lo típico, pues que tu tema te permite utilizar plantillas o tu constructor visual te permite utilizar plantillas y buscas las plantillas de landing, todas van a tener esta estructura realmente. Lo que pasa que lo difícil es tocar los puntos clave, utilizar cada una de estas secciones de forma adecuada para maximizar la conversión. Vamos a hablar de todas estas partes. Primero tenemos la parte antes del scroll, es decir, lo que ve el visitante nada más aparece en la página, que se suele llamar Heroes Section. ¿Por qué? Porque normalmente se compone de una zona de texto con un botón, seguramente un enlace con la llamada a la acción y luego otra zona con algún recurso visual, un vídeo, un gráfico, una imagen. Y esto es lo que habitualmente se llama Heroes Section, pero básicamente estamos hablando de esta zona antes de que la gente empiece a navegar hacia abajo por esa página. Entonces, ¿Qué incluye esta sección antes del scroll o qué deberías incluir mejor dicho? Bueno, por un lado deberías incluir un título que ya explique el valor que vas a aportar a esa persona. Aquí ten en cuenta que siempre en tu cabeza vas a tener el objetivo de convertir a ese visitante y que haga lo que tú tienes en mente, lo que te decía antes, pues que vaya a otra página de tu web, que te contacte, que se apunte a la newsletter, que te compre, lo que sea. Entonces tú tienes que pensar si esa persona hace esto, ¿Qué valor va a tener? Pues esto lo explicas en el título. Por ejemplo, imagínate que yo quiero que se apunte a mi newsletter donde mando clases de WordPress gratuitas cada semana de menos de 5 minutos, que tardas menos de 5 minutos en leerla. Pues yo el valor podría ser aprende WordPress en menos de 5 minutos a la semana. Esto podría ser mi título, que de hecho me lo voy a apuntar porque me ha parecido bueno. Después suele haber un subtítulo o un pequeño parrafito después del título explicando un poco más. Y aquí vas a aprovechar esto para que la persona, el visitante, sepa cómo vas a crear tú ese valor para él. Cómo en este caso vas a permitirle que pueda aprender WordPress en menos de 5 minutos a la semana, pues aquí lo puedes explicar. Recibirás un email gratuito todos los jueves a las 7 de la mañana con una clase de WordPress especialmente seleccionada, algo así. Después vamos a tener un botón o un enlace con la propia llamada a la acción, pues apúntate aquí o lo que sea. Y si además acompañamos esa llamada a la acción con alguna prueba social o un refuerzo en la confianza, por ejemplo, si ya en el caso de mi newsletter Hay más de 7.000 personas dentro, pues puedo poner o directamente en el botón únete a 7.000 personas o poner Únete aquí en el botón y después debajo un texto pequeñito, más de 7.000 suscriptores, por ejemplo, o si es otra cosa que no es una newsletter, es un producto que estoy vendiendo, pues poner las buenas reseñas, las valoraciones, no algo muy grande porque aquí estamos en la parte de arriba, pero puedes poner si tiene cuatro estrellas y media de valoración general, pues lo puedes poner ahí, las estrellitas y dónde han dejado esas valoraciones, por ejemplo si han sido en Google o lo que sea, ponerlo, es decir, que la gente se las crea, eso es importante. Y luego faltaría el elemento visual y aquí lo que yo te recomiendo es que sea algo, ya digo, puede ser una imagen, puede ser un gif, un vídeo, una especie de gráfico o lo que sea y debería reforzar todo este mensaje. Lo ideal es que el visitante pueda visualizar la acción o imaginarse a sí mismo haciendo eso. En este caso podría ser alguien leyendo una newsletter o alguien creando una web con WordPress, algo así. Es difícil muchas veces conseguir un elemento visual que realmente haga a la persona pensar en esa acción. La verdad que esta parte a mí suele ser de las que más me cuesta. Bueno, esto sería la zona antes del scroll, que para mí es una de las más importantes, ya no porque vaya a hacer que la gente tome esa acción, sino porque la gente se quede y que siga leyendo el resto de elementos que vamos a ver ahora. Después ya si le interesa podrá volver aquí arriba y así finalmente tomar la acción. Vamos a hablar de las siguientes zonas de las que puedes hacer uso para diseñar o estructurar tu landing page. Pues la siguiente podría ser la zona de características y beneficios. Las pongo juntas pero son diferentes, lo que pasa que están relacionadas. Las características son las especificaciones de lo que tú ofreces y dependiendo de lo que estés ofreciendo pueden tener más o menos peso, pues características son, no lo sé, si vendes un producto, pues su tamaño, su color, si es un coche, pues la potencia, el consumo. Pero luego tenemos los beneficios. Los beneficios son los resultados que obtiene esa persona cuando se apunta, cuando compra, cuando convierte. Por ejemplo, vendes un jabón sin tóxicos, la característica es que son todo productos naturales, la composición y el beneficio es que dejas de intoxicarte a diario. Podría serlo, digamos, si lo estás promocionando en una landing, pues es un poco la idea. Muchas veces lo ideal es combinar ambas, lo puedes tener separado en tu landing, por ejemplo en el taller te enseño una landing de Tesla en las que muestra como en tres columnitas características de uno de los submodelos de coche así como pum pum pum, muy chiquitito, pues yo que sé, no me acuerdo muy bien, pero la potencia, no sé qué, no sé cuánto y le dedique después varias secciones a los beneficios que no me acuerdo muy bien ahora pero en una era cómo te sientes dentro del coche, con la pantalla, con no sé qué, es decir, a toda la experiencia que va a tener esa persona cuando conduzca el coche y ahí es donde le está dedicando mucho más espacio y mucha más importancia dentro de la landing a los beneficios Pero las características están porque la persona va a querer consultarla, es una información relevante pero lo que va a ayudar a la conversión es esa parte de los beneficios pero también se pueden combinar en un solo elemento, lo que te decía, lo que te decía de los productos del jabón natural, imagínate un titulito pequeño con un icono 100% ingredientes naturales y debajo la explicación de cómo con otros productos poquito a poco vas recibiendo tóxicos en la piel y a la larga, pero que con este producto pues no, ese tipo de cosas. Bueno, esta sería la sección de características y beneficios Después pod incluir una sección de prueba social, más prueba social todavía, ya te había dicho que si tiene sentido al principio en donde la primera llamada a la acción puedes poner una pequeña prueba social que no sea muy invasiva pero que anime a la gente a tomar esa acción, en este caso ya puedes poner una parte en sí misma pensada para esto, para la prueba social. Puedes poner testimonios u opiniones reales, por supuesto aquí puedes coger capturas de tus redes sociales, de sitios como Trustpilot, de reseñas de Google, de tu canal de Telegram, yo por ejemplo estoy cogiendo ahora capturas de mi canal de Telegram y lo pongo en las landings porque se ve muy claro que son opiniones reales, cosa que dice la gente que está ya dentro de la membresía Y luego aquí una parte importante es que si hay posibilidad de ir a la reseña original mejor o si la gente la puede encontrar fácilmente, por ejemplo si es un tuit tú puedes incrustar el tuit y si la gente le da, le lleva a Twitter y puede ver ese tweet o si ya digo son reseñas de Google pues hay plugins que te recogen automáticamente las reseñas que haya y la gente también puede después ir a verlas si es de Trustpilot también. Entonces como la gente de primeras no se las va a creer, intenta que sea lo más creíble posible. Si aún no tienes prueba social no la inventes porque se nota mucho, te esperas y cuando la tengas ya la pondrás o intentas de alguna forma dar un descuento a alguien o hay gente que hace trabajos gratuitos al principio para poder tener esas reseñas y ponerlas, pero vamos, yo no me preocuparía tanto porque si aún no las tienes no pasa nada, ya las tendrás. Eso sí, el momento en que empieces a convertir ten un sistema en el que las pidas, yo que sé, si se apuntan a tu newsletter pues que cuando hayan recibido un par de ellas que les escribes y les preguntes qué le parece la newsletter o por el producto también que tengas automatizado, que se le llegue una encuesta de satisfacción pero que sea fácil para la gente dejar esa reseña o darte su opinión, si no, no lo van a hacer. Y por cierto, prueba social no es solo testimonios, no es solo opiniones, también es poner empresas con las que has trabajado o que han utilizado lo que tú estás ofreciendo, otra gente del sector influyente que haya trabajado contigo, este tipo de cosas también son prueba social. Por cierto, no lo he dicho pero prueba social relacionada 100 % con lo que estás ofreciendo porque puedes verte tentado, que a mí me ha pasado también que por ejemplo si haces páginas web y tienes testimonios de la gente pero de repente estás ofreciendo otra cosa, pues puedes estar tentado a coger esas opiniones y ponerlas ahí, pero no van a estar alineadas con esa otra cosa que estás ofreciendo. Puede que tenga alguna relación pero si no está muy alineado a la gente le va a chirriar. Bueno, nos movemos de sección. Después hay una parte importante que es atajar objeciones, es decir, la gente va a tener dudas, pero por ejemplo si pasa una newsletter pero me vas a estar vendiendo todo el rato o de verdad voy a recibir un email con una clase de WordPress de verdad gratuita cada semana, o si estás, no sé, ofreciendo la posibilidad de que se apunten a una membresía pero ¿Y qué pasa si no me gusta? ¿Me puedo dar de baja? ¿Me vas a devolver el dinero? ¿Servirá para mi caso especial que no tengo ni idea de hacer una web que no sé absolutamente nada o yo ya tengo cierta experiencia, valdrá para mí? Esto son objeciones y la gente si se queda con las dudas, difícilmente va a dar el siguiente paso. Entonces, ¿Cómo se suelen atajar las objeciones? Una forma muy útil, muy sencilla, es con la típica sección de preguntas frecuentes. Pero no tienen por qué ser preguntas frecuentes. También puedes crear secciones específicas dentro de la landing atajando esas objeciones, las más importantes al menos, o incluso si son súper súper recurrentes y súper súper importantes, las podrías llegar a incluir en la sección de beneficios de las que hemos hablado más arriba. Así que aprovecha mucho esta sección de objeciones y que sea viva. Yo todo el rato incluyo en las secciones de preguntas frecuentes de las distintas landis que tengo, incluyo nuevas porque son preguntas que la gente me pone por el contacto incluso te puede ayudar. Todo esto, una vez que ya coges un poquito de tracción y hables con la gente y demás, que es algo súper importante, es lo más valioso que vas a tener a la hora hora de crear tus landings. Te va a ayudar con el tipo de texto que puedes utilizar, ya digo, no sólo para esta zona de posibles preguntas frecuentes, sino para el propio contenido de la landing de otras zonas. Y el último elemento de tu landing podría ser la llamada a la acción final. Vuelve a ofrecer la posibilidad al visitante de que tome acción. Y en este punto ya conocen lo que ofreces, así que no tienes que poner una gran llamada a la acción. Utiliza un título un poquito más largo, pero que sea directo y que sea claro con el botoncito de la llamada a la acción. Todo este episodio lo he hecho mirando el PDF que he creado para que puedas descargar si vas a ver el taller online, y creo que te puede servir mucho porque es súper visual. Digamos que he hecho yo un diseño como si fuese así, con dibujitos, y está marcado con qué es cada zona o qué debes incluir en cada sección. Recuerda que te dejo todo enlazado en las notas del episodio, pero si no vas a Gonzalo Navarro es a la parte de recursos y ahí lo tienes. Por cierto, te he comentado o al principio del episodio he dicho que las landis perfectas según expertos en diseño y marketing. Te dejo un par de ejemplos de gente bastante influyente de canales de YouTube donde uno es diseñ por ejemplo, y habla de una estructura muy similar a esta y otro es marketero. Están los dos en inglés, pero para que te hagas un poco una idea de que al final todo gira en torno a esto. Lo que pasa que claro, después si, dependiendo del tipo de web que sea o del tipo de negocio, pues los diseños pueden ser más currados o más sobrios. En algunos casos tendrá más sentido explayarse en los beneficios, en otro pues habrá que poner características porque son muy importantes para la gente a la hora de comprar ese producto o tomar la acción que sea. Pero a nivel estructural, tener esto claro te facilita muchísimo la vida porque te permite tener un punto de partida claro. Y por cierto, si aún no estás en la newsletter de WordPress semanal, es verdad lo que he dicho, mando una clase de WordPress gratuita cada semana y si te gusta este podcast, estoy seguro de que te va a encantar la newsletter. Te puedes apuntar de forma gratuita en Gonzalo Navarro es lista. Fantástico. Pues aquí lo dejamos nada más por este episodio. Nos seguimos escuchando. Adiós.