Copia de Landing — Las Palabras Que Convierten en Una Página
Gancho, oferta, prueba, CTA. Escribes las palabras que un visitante lee de arriba a abajo; no dibujas el diseño, construyes la página ni redactas el anuncio que los envió.
Esta habilidad se encarga de la copia de conversión para una página única: un titular principal de menos de ~8 palabras más un subtítulo de beneficio, un esqueleto de página de arriba a abajo, la oferta expresada como un beneficio, la prueba colocada junto a la petición, y una sola CTA principal repetida sin competencia. Es un trabajo de copia. Los píxeles son de design, la construcción en React/Next es de nextjs, el anuncio que genera el clic es de ads.
Cuándo usarla
- Escribir o reescribir un encabezado: H1 + subtítulo + texto del botón.
- Estructurar una página de aterrizaje/ventas completa (gancho → problema → oferta → prueba → CTA → objeciones).
- Elegir y redactar una CTA principal y sus instancias repetidas.
- Convertir características en beneficios ("cifrado AES-256" → "tu equipo de seguridad aprueba en días").
- Colocar pruebas (testimonios, métricas, logotipos, una garantía) junto a la petición.
- Hacer que el titular de la página coincida con el anuncio/correo que generó el clic (coincidencia de mensaje).
- Rescatar una página que recibe tráfico pero no convierte — cuando el fallo son las palabras.
Cuándo NO usarla (derivar a la skill hermana correspondiente)
- Diseño visual, jerarquía, espaciado, sistema de componentes →
design(../design/SKILL.md). - Construir la página en código, enrutamiento de formularios, enrutamiento →
nextjs(../nextjs/SKILL.md) /react. - La copia del anuncio pago de Google/Meta que dirige tráfico hacia la página →
ads. - El tono de marca, reglas de voz, léxico, lista de palabras permitidas/prohibidas →
brand-voice. - Posicionamiento en búsqueda orgánica o ser citado por motores de respuesta de IA →
seo-geo. - Diseñar y ejecutar el experimento que elige la variante ganadora →
ab-testing. - Redactar la historia de cliente independiente como un activo propio →
case-studies. - Un plan de lanzamiento multicanal, correos de nutrición o estrategia de campaña →
marketing(../marketing/SKILL.md).
Límite en una línea: tú posees las palabras que convierten en una página; ads posee el clic que llega, design posee el diseño donde se ubican, ab-testing posee la prueba de qué palabras ganan.
La realidad de la conversión (calibra, nunca prometas)
Estos números establecen expectativas. Menciónalos como una banda; en el momento en que prometes una tasa de conversión fija, le estás mintiendo al usuario.
- La mediana intersectorial es de aproximadamente ~6.6%; las páginas fuertes en cualquier vertical alcanzan 10–15%+. Por vertical, la dispersión es amplia: Eventos y Entretenimiento ~12.3%, Servicios Financieros ~8.4%, SaaS/Tech ~3.8%, Ecommerce ~2.35%, Servicios B2B ~1–3%. Por qué: a un equipo de SaaS al que se le dijo "alcanzarás el 12%" se le citó la mediana de eventos; cita la banda para su vertical para que el objetivo sea real. (Benchmarks de CRO Foundry 2026, citando el análisis de Unbounce de 464 millones de visitas / 41 mil páginas.)
- Los visitantes deciden si permanecer en ~5 segundos, y ~80% rara vez se desplazan más allá del pliegue. Por qué: el encabezado es la copia de mayor apalancamiento en la página — si no responde "¿qué es esto y por qué debería importarme?" antes de un desplazamiento, el resto queda sin leer. (Investigación sobre sección de encabezado / estudios de atención de NN/g 2026.)
Los cuatro bloques — la columna vertebral de la página
Cada página de conversión consta de estas cuatro tareas, de arriba a abajo. Cada una tiene una pregunta distinta, un lugar en la página y un modo de fallo. Diagnostica una página muerta encontrando qué bloque es débil.
| Bloque | Debe responder | Vive en | Modo de fallo si es débil |
|---|---|---|---|
| Gancho | "¿Qué es esto y por qué debería importarme?" en <5s | Encabezado, sobre el pliegue | El visitante se va antes de desplazarse; ~80% nunca ve el resto |
| Oferta | "¿Qué obtengo exactamente y qué me cuesta?" | Justo después del gancho/problema | Lista de características; el lector no puede saber con qué se queda |
| Prueba | "¿Por qué debería creerte?" | Junto a cada CTA | Las afirmaciones se leen como marketing; la confianza nunca se forma |
| CTA | "¿Qué es lo único que hay que hacer a continuación?" | Encabezado, repetida en la página | Peticiones en competencia → fatiga de decisión → sin clic |
El gancho
El H1 lleva el qué; el subtítulo lleva el beneficio; ambos deben hacer eco de lo que el visitante hizo clic.
- H1 de menos de ~8 palabras / ~44 caracteres. La restricción obliga a la claridad, y un titular claro vence a uno ingenioso siempre. Si no puedes decirlo en 8 palabras, aún no entiendes la oferta.
- El subtítulo lleva el beneficio — para quién es y el resultado que obtiene, en una cláusula.
- Coincidencia de mensaje: el titular debe hacer eco de la promesa del anuncio/correo que generó el clic. Alinear una sola afirmación entre el anuncio y la página ha producido un aumento del 66% en la tasa de conversión en casos documentados (y un 212% solo con corregir la coincidencia de mensaje). Tú haces coincidir la página con el anuncio; escribir el anuncio es tarea de
ads.
Malo — "Reimagina el Futuro de las Operaciones Financieras" (ingenioso, 6 palabras, no dice nada)
Bueno — "Informes de gastos en 30 segundos" (claro, 5 palabras, nombra el resultado)
Subtítulo: Para equipos financieros ahogados en recibos — captura, envía, aprobado.
La oferta
Nombra la cosa, el resultado y el costo en esfuerzo o dinero. Comienza con el resultado que obtiene el comprador, luego el mecanismo que lo entrega. Esta transformación de característica a beneficio es el cambio de copia de mayor impacto en la mayoría de las páginas.
El andamio es FAB — Característica → Ventaja → Beneficio — pero te detienes en el beneficio que le importa al lector y lo respaldas con el mecanismo como prueba, no al revés.
Malo — "Nuestra plataforma tiene cifrado AES-256 avanzado."
Bueno — "Protege los datos del cliente con cifrado AES-256, para que tu equipo
de seguridad apruebe en días, no en meses."
Regla: cada línea de característica responde "¿y qué?" con un resultado. Si no puede, elimínala.
La prueba
La credibilidad se construye junto a la petición, no en un muro de citas en otro lugar.
- 3–5 testimonios específicos y con nombre, cada uno con un resultado concreto. "¡Gran producto!" no convence a nadie; "redujo nuestro tiempo de cierre de 9 días a 2 — María, CFO de Lumen" sí lo hace. Lo específico vence a lo superlativo.
- Coloca la prueba junto a la CTA principal. La prueba social junto a la petición ha aumentado la conversión ~68% en casos documentados; las reseñas/testimonios son decisivos para ~93% de los compradores y ~88% confía en ellos como una recomendación personal. Por qué: la creencia y la decisión ocurren en el mismo momento — pon la evidencia donde está el clic.
- Los números, logotipos reconocibles y una reversión de riesgo (devolución de dinero, sin tarjeta requerida) también son prueba. Un número duro pesa más que tres adjetivos.
- Nunca fabriques pruebas. Si una métrica, cita o logotipo no es real, marca
[[NECESITA PRUEBA]]y pregunta al usuario — no lo inventes.
Malo — "Amado por equipos de todo el mundo. ¡Resultados de clase mundial!"
Bueno — "Redujimos el tiempo de informes de gastos un 82% en el primer mes."
— María Ortiz, CFO, Lumen (equipo financiero de 47 personas)
La CTA
Una acción principal, liderada por un verbo, repetida — no variada — en toda la página.
- Una CTA principal por página. Las peticiones en competencia causan fatiga de decisión y reducen la conversión. La misma acción aparece en el encabezado y nuevamente en cada punto de decisión; los enlaces secundarios pueden existir, pero no deben competir visual o verbalmente con la principal.
- Verbos de movimiento, nunca "Enviar". "Iniciar prueba gratuita", "Obtener mi cotización", "Ver planes" — el botón expresa el valor, no la acción del formulario.
- El marco en primera persona a menudo aumenta los clics: "Iniciar mi prueba gratuita" se lee como la intención propia del visitante. Acompaña el botón con una línea de microcopia que reduzca la fricción ("Sin tarjeta de crédito requerida").
Botones MALOS — [Enviar] [Más información] [Contactar ventas]
Botones BUENOS — [Iniciar mi prueba gratuita] ...repetido... [Iniciar mi prueba gratuita]
debajo: Sin tarjeta de crédito. Cancela cuando quieras.
Marcos como andamios (llénalos con las palabras del lector)
Estos son esqueletos para llenar con el lenguaje real del comprador, no plantillas para rellenar:
- PAS — Problema → Agitación → Solución. Mejor para tráfico consciente del dolor.
- AIDA — Atención → Interés → Deseo → Acción. Amplio embudo superior.
- BAB — Antes → Después → Puente. Historias de transformación.
- FAB — Característica → Ventaja → Beneficio. El bloque de oferta.
Pila común: Gancho PAS/AIDA → Oferta FAB → Prueba → CTA. Cuánto agites el problema antes de la oferta depende de la temperatura del tráfico (frío necesita más, cálido va directo a la oferta). Explicaciones completas con ejemplos nuevos y la nota sobre la etapa de conciencia → references/frameworks.md.
Antipatrones → corregir
| Racionalización | Realidad / Corrección |
|---|---|
| "Un titular ingenioso destacará" | Ingenioso es poco claro. Nombra el resultado en <8 palabras; claro vence a ingenioso. |
| "Más características = más valor mostrado" | Las listas de características entierran el beneficio. Lidera con el resultado, luego el mecanismo. |
| "Dales varias CTA para elegir" | La elección mata la conversión. Una acción principal, repetida, no variada. |
| "Cualquier testimonio servirá" | Las alabanzas genéricas no convencen. 3–5 citas con nombre y un resultado duro, cerca de la CTA. |
| "De clase mundial, vanguardista, innovador" | Las palabras de moda indican copia de plantilla de IA. Reemplázalas con un número o un resultado con nombre. |
| "La página puede decir lo suyo" | Si el titular ignora la promesa del anuncio, pierdes el aumento por coincidencia de mensaje. Haz eco del clic. |
| "Promételes una tasa de conversión del 12%" | Nunca prometas un número fijo. Cita la banda para su vertical. |
| "Inventaré una métrica plausible" | Nunca. Marca [[NECESITA PRUEBA]] y pregunta al usuario. |
Esqueleto de página + ejemplo resuelto
El esqueleto anotado de arriba a abajo (gancho → problema → oferta → prueba → CTA → objeciones/FAQ → CTA final), con un ejemplo completamente resuelto de SaaS B2B y los espacios variables marcados, se encuentra en references/page-skeleton.md. Empieza allí cuando escribas una página completa en lugar de un bloque único.
Verifica tu copia
Ejecuta scripts/verify.sh sobre el archivo que escribiste (o tu proyecto) antes de declarar que está listo. Es una verificación estática de solo lectura y sin dependencias: longitud del H1, exactamente un verbo de CTA principal (marca peticiones en competencia), presencia de un bloque de prueba y un subtítulo de beneficio, una lista de prohibición de frases de moda/indicativas de IA, y una advertencia sobre "Enviar". Advierte sobre problemas leves y sale con código distinto de cero solo en problemas graves (sin CTA, sin prueba). Es un respaldo, no el juicio final — la tabla de cuatro bloques lo es.
Véase también
../design/SKILL.md— los píxeles: diseño, jerarquía, el sistema visual donde se ubican las palabras.../nextjs/SKILL.md— la construcción: renderizar la página en código.../marketing/SKILL.md— la campaña más amplia: secuencias de correo, canales, arco de lanzamiento.ads— la copia del anuncio pago que genera el clic (deriva aquí; tú solo haces coincidir la página con él).ab-testing— el experimento que prueba qué titular/CTA gana.case-studies·brand-voice·seo-geo— el activo de prueba, las reglas de voz, la capa de búsqueda.- Referencias:
references/frameworks.md,references/page-skeleton.md.