La anatomía de una página de destino perfecta desde el título hasta el pie de página

Publicado: 2021-01-12

Cada página de destino se compone de ciertos bloques de construcción. Debe conocerlos todos para crear las páginas más convincentes y nunca arriesgarse a tener un embudo de ventas con fugas. Una vez que haya aprendido los conceptos básicos, podrá experimentar con estos bloques. En este artículo, echaremos un vistazo a los elementos principales de una buena página de destino y le daremos algunos consejos sobre cómo diseñar la copia y el diseño de su página.

Contenido
  1. ¿Cuál es la anatomía de una página de destino?
  2. Los elementos clave de una página de destino
    1. Titular
    2. Copia de cuerpo
    3. Imágenes, animación o video
    4. Forma de cliente potencial
    5. Botón de llamada a la acción
    6. Contador regresivo
    7. Prueba social
    8. Beneficios
    9. Características
    10. Preguntas más frecuentes
    11. Pie de página
  3. ¿Listo para más?

¿Cuál es la anatomía de una página de destino?

Todas las páginas de destino son un tipo de página posterior al clic cuyo objetivo es instar a los visitantes a tomar una decisión.

Explica todos los beneficios y ventajas de su oferta e invita a los usuarios a realizar alguna acción deseada. Dado que es una etapa extremadamente importante del embudo, no debería haber distracciones como barras de navegación o enlaces a otras páginas.

Una estructura de página de destino sólida te ayuda a contar toda la historia. Sin él, los clientes potenciales eventualmente rebotarán porque su página no parece confiable o persuasiva. Recuerde, desea que sus visitantes se conviertan; asegúrese de darles suficientes razones para hacerlo.

¿Sabías que existen trucos psicológicos para enganchar a los usuarios? Consulte nuestro artículo sobre trucos para impulsar la conversión de su página de destino.

Estos son los elementos principales de la página de destino en los que debe pensar:

  • una oferta única;
  • contenido visual atractivo;
  • texto del cuerpo nítido y conciso;
  • los beneficios de su oferta;
  • características;
  • prueba social;
  • formulario de clientes potenciales y una clara llamada a la acción.

Explicaremos el significado de estos elementos, pero primero, digamos de inmediato que su oferta debe ser la esencia de toda su página de destino. Hablando metafóricamente, no es solo un glaseado de vainilla, es todo el pastel. Puede comunicar su propuesta utilizando varios componentes de una página de destino, y describiremos cómo.

Un creador de páginas de destino simple pero poderoso

Cree una página de destino, una tienda en línea o una página de enlace de biografía para Instagram y promuévala enviando el enlace a sus suscriptores a través de correo electrónico, SMS o mensajes de chatbot, en una sola plataforma.

Crear una pagina

Los elementos clave de una página de destino

Aquí encontrará más elementos de los que enumeramos anteriormente. ¿Cómo? Bueno, no todos son obligatorios y tú tienes la última palabra. Por ejemplo, si su producto es simple y de bajo margen, es posible que desee omitir las preguntas frecuentes por completo. Recomendamos incluir todos estos bloques en la estructura de su página de destino de todos modos, simplemente hágalos simples y directos al grano.

Titular

Cada oferta se reduce a una sola oración: tome la suya y úsela como título. Puede hacerlo audaz, expresivo o breve, pero no diluya la idea central detrás de él con una redacción innecesaria. Lo que puede hacer es presentar una nueva solución, identificar un problema molesto que todos enfrentan o aprovechar el deseo de las personas de soluciones rápidas. Agregue una pequeña copia de respaldo para proporcionar detalles y respaldar su reclamo.

Por lo que es un servicio que hace que la colaboración remota sea más accesible. Y esto es lo primero que aprenden los visitantes cuando llegan a su página:

landing page structure headline
Por lo que utiliza títulos simples y textos de apoyo.

Puede hacer que su título sea más emotivo y atractivo para los puntos débiles de los usuarios, como lo hace Perspective API:

landing page headline example
La API de perspectiva anima a los usuarios a hacer que su espacio digital sea más seguro con su título

Desde el punto de vista de un diseñador, es importante que su titular sea uno de los principales puntos focales. Use combinaciones de fuentes elegantes porque la hermosa tipografía ayuda a transmitir el mensaje y establecer el estado de ánimo. Elija tamaños de fuente contrastantes para su título y texto de apoyo, por ejemplo, 30px y 15px.

Copia de cuerpo

La mejor práctica es hablar el idioma de su audiencia. Haga los párrafos cortos: dos o tres oraciones cada uno. Siéntase libre de usar listas numeradas y viñetas para separar su copia en trozos fácilmente digeribles. La regla principal es no hacer que sus clientes potenciales necesiten leer largas lecturas para obtener la información que necesitan.

Mantenga la copia de su página de destino centrada en los beneficios hablando más sobre el impacto positivo de su producto y menos sobre el producto en sí. ¿Cuál es tu salsa especial? ¿Cómo va a facilitar su producto la vida de alguien? Ponlo en pocas palabras. Aquí hay un ejemplo:

landing page copy
Letter es una plataforma bancaria exclusiva y la copia de su página de destino explica cómo funciona.

Preste atención a sus elecciones de tipografía. Tus fuentes deben ser atractivas pero también legibles. Utilice diferentes espacios entre líneas y letras para diferentes tipos de letra. Evite usar un tamaño de fuente de 6px y texto gris claro para el texto del cuerpo; pueden verse elegantes en sus maquetas, pero hacen que su texto sea más difícil de leer.

Imágenes, animación o video

Utilice contenido atractivo que haga soñar a la gente. Puede transmitir ciertas emociones o crear una metáfora utilizando imágenes y animaciones relevantes y de alta calidad. Nunca use imágenes solo para completar el espacio en blanco.

Para un producto complejo, puede utilizar ilustraciones abstractas únicas:

landing page images
Superhi usa un gráfico abstracto brillante en su página de destino

Como mencionamos anteriormente, también es útil agregar ilustraciones metafóricas si se trata de productos altamente técnicos:

landing page illustrations
Directus usa imágenes de diapositivas coloridas y pozos de bolas para visualizar la distribución de datos

Si vende productos físicos o servicios fuera de línea, use fotos de productos e imágenes de sus clientes realmente felices para transmitir el sentimiento:

landing page structure
Mack y Pouya ofrecen fotografías de bodas y utilizan las imágenes de su página de destino para inspirar a los visitantes

A veces, desea involucrar a los usuarios de inmediato y las imágenes no son suficientes. Esto es especialmente cierto para las empresas de tecnología y servicios experienciales. A menudo usan videos para explicar su oferta o mostrar trabajos anteriores:

landing page structure video
Metomic prefiere hablar con los usuarios directamente con la ayuda de videos

Recuerde que el uso de fotografías de archivo estereotipadas está mal visto. Es mejor hacer que sus imágenes sean memorables y nunca comprometer la autenticidad.

Forma de cliente potencial

La mayoría de las veces, desea recopilar algunos datos de sus clientes potenciales para iniciar una conversación y comprender mejor a su audiencia. Esta valiosa información puede ser tan simple como la dirección de correo electrónico del usuario y el cargo.

¡Puede crear un formulario de suscripción utilizando nuestro generador de formularios simple e intuitivo!

Mantenga su forma de cliente potencial minimalista, intuitiva y agregue una copia de respaldo:

lead form example
Faculty es un estudio de diseño que utiliza formularios de clientes potenciales para convertir a los visitantes en clientes.

Algunos especialistas en marketing insisten en que debe mantenerlo en la mitad superior de la página de destino. Pero depende totalmente de usted: pruébelo por separado y descubra qué funciona mejor para su oferta.

Botón de llamada a la acción

Esto es lo que suele ver en la mitad superior de la página y en el pie de página de cualquier buena página de destino. La idea es que debe presentar su producto y hacer una oferta de compra, luego describir sus beneficios en detalle y terminar con una llamada a la acción aún más convincente.

Algunos usuarios necesitan tiempo para leer sobre todas las funciones y explorar los beneficios de su oferta.

Y algunos usuarios pueden estar listos para realizar conversiones desde el momento en que llegan a su página; también debe brindarles esta opción, por lo que tener dos o incluso tres botones de CTA en la página está bien.

Así es como suele verse un botón de llamada a la acción:

landing page structure cta button
Mañana es un sistema bancario que ayuda a los usuarios a obtener su nueva tarjeta en unos minutos.

Utilice verbos activos y colores contrastantes al diseñar su botón de llamada a la acción. Debe contener cinco palabras o menos y estar rodeado de algún espacio negativo para enfocar la atención del usuario. No olvide agregar activadores de clic como "No se requiere tarjeta de crédito" o "Garantía de devolución de dinero". Y, por supuesto, dale una copia de respaldo.

¿Estás ansioso por aprender más sobre cómo crear CTA convincentes? Tenemos una publicación de blog sobre cómo optimizar las llamadas a la acción por correo electrónico y sitios web.

Contador regresivo

Viejo pero dorado, este truco agrega escasez a su oferta, y la gente odia perderse grandes ofertas. Pero un temporizador de cuenta regresiva de la vieja escuela se ve y se siente un poco sospechoso, por no decir fraudulento. A estas alturas, muchas personas ya saben que los especialistas en marketing utilizan un temporizador de hoja perenne que cuenta hacia atrás desde el momento en que un visitante ingresa a su página. Y la confianza de los usuarios se desploma.

Puede ser más astuto que sus competidores y agregar algo de escasez utilizando herramientas mucho más sutiles. Por ejemplo, muestre a sus visitantes que solo quedan unos pocos lugares libres y que deben actuar rápidamente:

limited time offer
Predesign Studio muestra la cantidad de espacios libres junto a su botón CTA para crear urgencia

Por supuesto, aún puede usar un temporizador de cuenta regresiva típico cuando hay una oferta limitada real, por ejemplo, el Black Friday.

Aprenda a elaborar una oferta eficaz por tiempo limitado para impulsar las ventas y aumentar las ganancias.

Prueba social

La anatomía de una página de destino es importante, pero no es lo que impulsa las ventas. Antes de comprometerse con cualquier cosa, la gente quiere saber quién ya usa su producto y cuál ha sido su experiencia. Para ganar confianza, use pruebas sociales como reseñas, testimonios y videos. Idealmente, la prueba social debería respaldar sus afirmaciones de marketing y demostrar que cumple sus promesas.

Será útil para sus clientes potenciales averiguar qué problemas ya ha resuelto su producto. Incluso los comentarios breves pueden ser informativos:

landing page social proof example
Tailwind CSS muestra testimonios reales de sus clientes

No podemos enfatizar lo suficiente lo importante que es usar fotos reales y testimonios reales de sus clientes. Las fotos de archivo usadas en exceso y fácilmente reconocibles destruyen la confianza. Pregunte a sus clientes si puede usar sus fotos reales en su lugar.

Beneficios

¿Qué impacto crea su producto? En este bloque, describe todos los cambios positivos que trae tu solución. Por ejemplo, Elementor ayuda a los diseñadores a poner orden en el caos cuando se trata de sus procesos de trabajo, y su página de destino describe los beneficios exactos de la herramienta:

landing page structure
Elementor muestra a los diseñadores cómo pueden trabajar de manera más eficiente

Use viñetas o párrafos simples para enumerar los beneficios; los hará más atractivos y legibles. Agregue algunas imágenes también para hacer que esta parte de la página sea más cautivadora.

Características

De todos los elementos de la página de destino, este es el más orientado al producto. Finalmente, puede entrar en detalles aquí y describir el producto en sí. Enfatice las características que lo hacen verdaderamente único o innovador. Enumere todas las cualidades específicas de su producto o servicio:

landing page elements
Hypersay Events explica cómo los usuarios pueden hacer uso de todas sus funciones.

No abrume a los usuarios con una lista de 20 funciones y descripciones largas; manténgala simple e informativa, y no olvide usar verbos más activos.

Preguntas más frecuentes

Este es un bloque importante donde puede responder preguntas populares, desmantelar objeciones y responder a los temores de sus clientes. En primer lugar, le ahorrará algunos recursos. También generará confianza porque la gente verá que te preocupas por su experiencia positiva.

Squarespace, por ejemplo, proporciona respuestas a las preguntas más frecuentes y también sugiere utilizar su soporte personalizado:

landing page elements
Squarespace usando preguntas frecuentes en su página de destino

Base sus preguntas frecuentes en comentarios reales y datos de soporte al cliente para que los recién llegados puedan encontrar las respuestas más relevantes y superar sus miedos.

Pie de página

El pie de página de la página de destino posterior al clic no debe ser un pie de página pesado típico lleno de enlaces. No necesita un mapa del sitio ni ningún enlace relacionado excepto, tal vez, su información de contacto (llegaremos a eso en un segundo). Lo que desea es deshacerse de las distracciones y agregar un botón de CTA de alta conversión:

landing page footer
El BI narrativo repite su CTA en toda la página de destino.

A veces, especialmente si su oferta es premium o compleja, sus visitantes querrán hablar primero con un experto de su empresa. El pie de página es un buen lugar para agregar un formulario de contacto para completar. Puede mantener algunos enlaces a sus páginas de redes sociales, ya que también son plataformas de redes.

¿Listo para más?

Como puede ver, todos estos elementos de la página de destino ayudan a desarrollar su oferta y guían a los usuarios a través de la página hasta que finalmente se convierten. Una tasa de rebote baja es una señal de que domina la anatomía de una página de destino. Lo que necesitará a continuación es la herramienta para nutrir sus clientes potenciales y mantenerse conectado con sus clientes. SendPulse puede hacer ambas cosas y mucho más: es ideal para enviar correos electrónicos automatizados y crear chatbots para Facebook y Telegram. ¡También puede utilizar nuestro servicio para enviar notificaciones push web y SMS a sus clientes!