¿Qué hace Páginas: Página de Aterrizaje?
Guía la estructura de la página de aterrizaje de campañas, el flujo de conversión y la optimización. Uso principal: Anuncios pagados (PPC/SEM) — las páginas de aterrizaje generalmente se construyen para recibir tráfico pagado; la alineación anuncio-página es crítica para la conversación. Consulta estrategia-de-anuncios-pagados para saber cuándo usar anuncios pagados y los principios de alineación anuncio-página. También aplica para registro de afiliados, lanzamiento de productos, captura de leads, registro a seminarios web y otras páginas de conversión de un solo objetivo. Escala: Al construir muchas páginas de aterrizaje (específicas por ciudad, producto o integración), usa seo-programático (plantilla + datos) y generador-de-página-plantilla para el diseño de la plantilla. Difiere de la página de inicio (multipropósito) y las páginas de producto (catálogo).
Al invocar: En el primer uso, si es útil, abre con 1 o 2 frases sobre lo que cubre esta habilidad y por qué es importante, luego proporciona el resultado principal. En usos posteriores o cuando el usuario pida saltar, ve directamente al resultado principal.
Anuncios Pagados: Requisitos de la LP
Cuando la LP recibe tráfico pagado: la promesa del anuncio debe estar en la página de inmediato; priorizar móvil (CTA visible sin desplazamiento, carga rápida); formulario mínimo (menos campos); confianza visible. Consulta estrategia-de-anuncios-pagados para la alineación completa anuncio-página y el Quality Score.
Evaluación Inicial
Verificar contexto del proyecto primero: Si existe .claude/project-context.md o .cursor/project-context.md, léelo para conocer el producto, la audiencia y la propuesta de valor.
Identificar:
- Objetivo de la página: Registro, compra, captura de leads, seminario web, descarga
- Fuente de tráfico: Anuncios pagados, correo electrónico, afiliados, orgánico
- Audiencia: Fría vs cálida; segmentar si se conoce
Estructura de la Página de Aterrizaje (Flujo de 5 Pasos)
| Paso | Propósito | Elementos |
|---|---|---|
| 1. Detener el desplazamiento | Captar la atención en ~2.6 segundos | Titular, subtítulo, imagen o video hero |
| 2. Generar confianza | Prueba social antes del llamado a la acción | Logotipos, testimonios, calificaciones, número de clientes |
| 3. Explicar el valor | Beneficios, características, casos de uso | Texto claro; para quién es, qué hace |
| 4. Eliminar dudas | Manejo de objeciones | FAQ, garantías, comparaciones |
| 5. Hacer la solicitud | Un único CTA principal | Una acción clara; repetir en puntos lógicos |
Cada elemento debe servir a una de estas cinco funciones. Las páginas con múltiples ofertas en competencia obtienen ~266% menos leads.
Fórmula del Titular
[Para quién es] + [Resultado específico] + [Tiempo/calificador]
- Evitar: Promesas abstractas ("Desbloquea tu potencial", "Transforma tu negocio")
- Preferir: Concreto ("Reduce el procesamiento de facturas en un 70%—sin nuevo software")
Mejores Prácticas de CTA
- Un CTA principal: Sin acciones en competencia; crear un "camino de un solo sentido" hacia la conversión
- Visible en móvil: Al alcance del pulgar; ~65%+ del tráfico es móvil
- Texto centrado en el valor: "Inicia prueba gratuita" no "Enviar"
- Combinar con señales de confianza: Número de clientes, logotipos o estadísticas junto al botón
- Eliminar o minimizar la navegación: Puede aumentar la conversión entre un 2 y 28%
Páginas de Aterrizaje Programáticas (Escala)
Cuando necesites muchas páginas de aterrizaje (p. ej., específicas por ciudad, producto o integración), usa seo-programático: una plantilla + datos = cientos o miles de LPs. Aplica la estructura de página de aterrizaje (flujo de 5 pasos, CTA, confianza) a la plantilla; consulta generador-de-página-plantilla para el diseño de la plantilla. Ejemplo: LPs "[Producto] para [Ciudad]" con datos locales; páginas de registro de integración "[App A] + [App B]".
Tipos de Página
| Tipo | Uso | Destino del CTA |
|---|---|---|
| Clic-through | Audiencia cálida antes de enviar a la oferta; mejor para SaaS, suscripciones | página-de-precios, página-de-productos, registro |
| Captura de leads | Recopilar correo electrónico para nutrición; formularios de 5 campos o menos (formularios más largos causan ~81% de abandono) | registro-boletín, página-de-contacto |
| Enfoque en producto | Inmersión profunda en características y beneficios; lanzamiento de producto | página-de-productos, página-de-características |
| Comparación | X vs Y; anuncios de palabras clave de marca competidora; intención comercial | página-de-alternativas, página-de-características, página-de-precios |
| Casos de uso / Soluciones | Para productos integrados difíciles de dividir en herramientas | página-de-características, página-de-servicios |
| Herramientas gratuitas | Utilidades independientes; generación de leads; mismo ICP; extracto del producto | generador-de-página-de-herramientas; página de herramienta como LP cuando está restringida |
| Puente / Bonificación | Incentivo adicional para comprar a través de tu enlace | página-de-precios, página-de-productos |
| Seminario web / Evento | Registro al evento; recopilar inscripciones antes de la transmisión | página-de-recursos (seminario web como recurso) |
Página de Aterrizaje ↔ Tipos de Página (Contenido y Flujo)
Extraer contenido de (pasos 2–4):
- generador-de-página-de-historias-de-clientes: Testimonios, casos de estudio para prueba social; fragmentos Desafío→Solución→Resultados
- generador-de-página-de-preguntas-frecuentes: Sección FAQ para manejo de objeciones; reutilizar Q&A relacionadas con la conversión
- generador-de-página-de-características: Texto de características basado en beneficios para el paso "Explicar el valor"
- generador-de-página-de-recursos: Lead magnet (ebook, plantilla) a cambio del correo electrónico; seminario web como recurso
El CTA envía a:
- generador-de-página-de-precios: LP de clic-through → precios; registro, prueba
- generador-de-página-de-productos: LP de producto → detalle del producto o catálogo
- generador-de-página-de-servicios: LP de servicio → contacto, cotización, reserva
- generador-de-página-de-contacto: LP de captura de leads → formulario de contacto; solicitud de demo B2B
- generador-de-página-de-afiliados, programa-de-creadores: Registro de socio = tipo de página de aterrizaje
Enlaces internos:
- Enlazar la LP a la página de inicio (ancla de marca); página-acerca-de (confianza); página-de-privacidad (cumplimiento del formulario)
- Evitar LPs huérfanas: asegurar al menos un enlace interno desde el mapa del sitio, navegación o centro de campaña
Rendimiento y Diseño
- Tiempo de carga: Menos de 2.5 segundos; cada segundo adicional puede costar ~7% de conversión
- Priorizar móvil: Responsive; CTA visible sin desplazamiento
- Visuales: La imagen o video hero puede mejorar la conversión hasta un 80%
- Estética del frontend: Para tipografía distintiva, movimiento, composición espacial, fondos—consultar generador-de-visual-de-marca Estética del Frontend
- Divulgación: Divulgación de afiliados/pagados compatible con FTC cuando corresponda
Lista de Verificación Pre-Entrega
Antes de enviar una página de aterrizaje, verificar:
| Categoría | Verificación |
|---|---|
| Visual | Sin emojis como iconos (usar SVG); iconos de un conjunto consistente (Heroicons/Lucide); los estados hover no causan cambio de diseño |
| Interacción | Todos los elementos cliqueables tienen cursor-pointer; hover proporciona retroalimentación clara; transiciones de 150–300ms |
| Accesibilidad | Las imágenes tienen texto alternativo; las entradas del formulario tienen etiquetas; el color no es el único indicador; respetar prefers-reduced-motion |
| Diseño | Sin desplazamiento horizontal en móvil; contenido no oculto detrás de navegación fija; responsive a 375px, 768px, 1024px |
| Rendimiento | Tiempo de carga menor a 2.5 s; LCP optimizado; imágenes usan WebP/carga diferida cuando corresponda |
| Imágenes | Consultar optimización-de-imágenes para texto alternativo, formato, responsive, carga diferida |
Formato de Salida
- Titular y subtítulo
- Estructura (secciones del flujo de 5 pasos)
- Ubicación de señales de confianza
- Texto y ubicación del CTA
- Manejo de objeciones (FAQ, garantías)
- Enlaces internos (páginas de destino)
- Metadatos SEO (si la página está indexada)
Habilidades Relacionadas
- generador-de-hero: Sección hero (paso 1)
- cuadrícula, lista: Diseño de contenido debajo del hero; secciones, características, testimonios
- generador-de-cta: Diseño y ubicación del botón CTA
- optimización-de-imágenes: Texto alternativo, WebP, LCP, responsive, carga diferida
- generador-de-página-de-precios: Destino de LP de clic-through; CTA de registro
- generador-de-página-de-preguntas-frecuentes: Sección FAQ para manejo de objeciones
- generador-de-sección-de-instrucciones: Sección de pasos (p. ej., flujo de configuración) antes de FAQ/CTA
- generador-de-tabla-de-comparación: Sección de tabla de comparación de competidores / tradicional vs moderno; coincidencia de mensaje con anuncios
- generador-de-página-de-inicio: Página de inicio multipropósito vs página de aterrizaje de un solo objetivo; estructura similar
- estrategia-de-anuncios-pagados: Alineación anuncio-página; cuándo usar anuncios pagados
- generador-de-página-de-alternativas: Anuncios de palabras clave de marca competidora → LP de comparación (no blog)
- seo-programático: Escalar páginas de aterrizaje mediante plantilla + datos
- generador-de-página-plantilla: Estructura de plantilla para LPs programáticas
- etiqueta-de-título, meta-descripción, metadatos-de-página: Metadatos de la página de aterrizaje