Ejemplos de landing page por tipo: qué deben hacer la primera pantalla, el formulario y la prueba

Cinco decisiones detrás de los buenos ejemplos de landing page

Quien busca ejemplos de landing page suele querer algo que copiar: una maqueta, un color, un botón. El aspecto es lo que peor viaja. Lo que pasa de una buena página a otra son cinco decisiones: qué dice la primera pantalla, la única acción, la prueba, cuánto pide el formulario y qué se quitó para que la página haga un solo trabajo. Si cambia el tipo de página, cambian las respuestas.

Un ejemplo público claro no viene del marketing. El GOV.UK Design System publica el modelo de página de inicio de los servicios públicos británicos: la información justa para entender qué hace el servicio y si sirve al usuario, un botón con el texto de la acción, como «Start now», cuánto cuesta, cuánto tarda y otras vías de acceso, como el teléfono. Los requisitos complejos se preguntan dentro del servicio. Es una landing page salvo en el nombre, con la lógica por escrito que ninguna galería de capturas muestra.

Landing page de captación: un formulario que pide solo lo necesario

Una página de captación cambia una solicitud por algo que el visitante quiere: un presupuesto, una consulta, una llamada. La primera pantalla nombra la oferta con las palabras del cliente y dice quién responde y en cuánto tiempo. Un boletín, una segunda oferta o un menú completo solo compiten con esa acción. La prueba va junto al formulario: trabajos reales, reseñas con nombre, condiciones por escrito.

Para el formulario, el GOV.UK Service Manual tiene un método estricto: lista toda la información que necesitas y añade una pregunta solo si sabes que hace falta para prestar el servicio, por qué y qué harás con la respuesta. El manual lo llama protocolo de preguntas. El GOV.UK Design System añade que el teléfono se pide solo si de verdad hace falta, en el formato que la persona use, explicando por qué y cuándo podrías llamar. A una pequeña empresa de servicios a menudo le basta un nombre, una vía de respuesta y una línea sobre el encargo.

Landing page de clic hacia la tienda: un producto, un precio

Una página de clic no tiene formulario: calienta al visitante y lo lleva con un botón al carrito. La ayuda de Google Merchant Center, que cubre las páginas enlazadas desde los anuncios de shopping y las fichas gratuitas de Google, es precisa. El enlace lleva a la página de un producto concreto, no a una categoría o búsqueda, con título, descripción, imagen, precio, moneda, disponibilidad y botón de compra que coincidan con los datos del producto. Incumplirlo puede hacer que se rechacen los productos o la cuenta entera.

Esto sirve para una tienda en cualquier canal. La ayuda de Google Ads pone un ejemplo: si el anuncio promete zapatos con un 20% de descuento, el cliente debe poder comprarlos a ese precio en la página de destino. Merchant Center añade que una ventana emergente debe poder cerrarse y no tapar los datos del producto. Quita lo que desvía: otros productos, otra oferta, una casilla de suscripción encima del precio.

Registro a un evento o webinar: fecha, zona horaria y plaza

Una página de evento vende una fecha. Su primera pantalla dice qué es, cuándo empieza con la zona horaria escrita, dónde se celebra o en qué plataforma, quién habla y qué se lleva quien asiste. Al formulario a menudo le bastan un nombre y un correo. La confirmación repite fecha y hora y ofrece añadirla al calendario, porque una plaza olvidada se queda vacía.

La documentación de Google Search Central sobre el marcado de eventos, actualizada en septiembre de 2026, fija las condiciones de Google. Cada evento necesita su propia URL, solo se admiten páginas centradas en un único evento y la fecha de inicio lleva el desfase UTC o GMT. El público general debe poder reservar, y las experiencias virtuales sin componente presencial no se admiten, así que un webinar solo en línea no debería esperar las funciones de eventos de Google. Aun así, una página por fecha es lo correcto: su primera pantalla lo cuenta todo.

Landing page de una app con las insignias de Apple y Google Play

Una página de app tiene el camino más corto: una línea sobre lo que hace, la app en uso y las insignias de las tiendas. Las directrices de marketing del App Store de Apple piden incluir siempre una llamada a descargar y mostrar la app tal como se ve al funcionar. Piden una sola insignia del App Store por diseño, subordinada a la imagen o al mensaje principal, de al menos 40 px de alto en pantalla, sin modificar, inclinar ni animar. Las herramientas de Apple también generan enlaces a la página del producto con insignia, icono o código QR.

Google Play publica sus reglas en el Partner Marketing Hub: insignia de al menos 28 px de alto en digital, sin cambios, en el idioma de la campaña y no menor que las de otras tiendas a su lado. Apple pide su insignia negra, primera en la fila, cuando hay otras, y prohíbe versiones localizadas caseras. Dos insignias oficiales de igual altura, App Store primero, cumplen ambas reglas. Un formulario de registro antes de la descarga es lo primero que sobra.

Reserva en un servicio local: horario, zona y una sola vía

La página de reserva de un dentista, un electricista o una peluquería la lee alguien que quiere una cita, no una historia. La primera pantalla dice qué servicio, en qué zona, cuándo abre y cómo reservar: un calendario, un formulario corto o un teléfono. La prueba es local: la dirección, fotos del local o de trabajos reales, reseñas que nombran el trabajo. Las fotos de archivo y la historia de la empresa solo empujan el botón hacia abajo.

Para el marcado de un negocio local, Google Search Central exige el nombre y la dirección física. Recomienda un teléfono como principal vía de contacto, con código de país y de área, una URL que funcione y el horario, cierres de temporada incluidos. Las valoraciones y reseñas en ese marcado se recomiendan solo para sitios que recogen reseñas sobre otros negocios locales, así que los testimonios propios van como texto. El patrón de teléfonos de GOV.UK advierte que los números con formato de enlace confunden en dispositivos que no pueden llamar.

Qué revisan Google Ads, Meta y web.dev en una landing page

Sea cual sea el tipo, las plataformas de anuncios califican dónde cae el clic. La ayuda de Google Ads describe el nivel de calidad como un diagnóstico del 1 al 10 por palabra clave, formado por el CTR esperado, la relevancia del anuncio y la experiencia en la página de destino: lo relevante y útil que es para quien hace clic. Sus consejos piden una página que coincida con el anuncio y las palabras clave y repita su llamada a la acción. También piden información original, lo importante arriba y nada de exceso de anuncios o ventanas emergentes.

Las Normas de Publicidad de Meta dicen que su revisión puede abarcar la página de destino del anuncio y que los productos y servicios anunciados deben coincidir con los de esa página. Los anuncios de menor calidad que no infringen ninguna norma pueden rendir peor, añade la misma página. Para cada tipo de arriba, la página mantiene la promesa exacta del anuncio. Ambas normativas cambian: revisa el texto vigente antes de lanzar.

La velocidad la juzgan antes las personas que los algoritmos. El sitio web.dev de Google fija tres objetivos de Core Web Vitals: Largest Contentful Paint en 2,5 segundos como máximo, Interaction to Next Paint de 200 milisegundos o menos y Cumulative Layout Shift de 0,1 o menos, medidos en el percentil 75 de las cargas, por separado en móvil y escritorio. Advierte que el conjunto irá cambiando. Los culpables habituales son un video pesado tras el titular, una fuente lenta y un banner que empuja el botón.

Medir un objetivo y preparar la oferta antes de encargar una landing page

Una landing page se juzga por un solo número: elígelo antes de lanzar. La ayuda de Google Ads llama acción de conversión a una actividad concreta del cliente que es valiosa para tu negocio, como una compra, un registro o una llamada; cada tipo necesita una. Para las pruebas A/B, Google Search Central pide no mostrar URL distintas a Googlebot y a las personas, apuntar cada variante al original con rel=canonical, usar una redirección 302 y no 301, y mantener la prueba solo el tiempo necesario. Cuánto tiempo depende de las conversiones y del tráfico.

El diseño es fácil de delegar; la oferta, no. Antes de encargar, escribe en una hoja el tipo de página, la promesa en una frase, la única acción, las pruebas que tienes y cada campo del formulario con su motivo. Añade de dónde vendrá el tráfico y quién responde, y con qué rapidez. Con esa hoja, los presupuestos son precisos y comparables; sin ella, el primer borrador se va en descubrir el encargo y estos ejemplos de landing page se quedan en imágenes.

Hacerlo tú mismo encaja con una oferta sencilla, poco tráfico y alguien que edite páginas, conecte formularios y lea la analítica. Encargarlo encaja cuando de la página depende un presupuesto de anuncios, cuando debe funcionar en varios idiomas o cuando texto, diseño, velocidad y medición van juntos según las reglas de arriba. VITON13 Studio crea landing pages para negocios de cualquier país, en remoto, a partir de esa hoja. Las guías enlazadas comparan una landing page con un sitio web y explican cuánto cuesta.