Por encima del pliegue: qué poner en la primera pantalla de tu landing page

"Por encima del pliegue" es todo lo que un visitante ve antes de hacer scroll. Los visitantes sí hacen scroll, así que no es lo único que importa. Pero decide si se molestan en hacer scroll: en los primeros segundos entienden qué es esto, si es para ellos y qué hacer después. Si la primera pantalla no responde esas tres preguntas, el resto de la página rara vez se lee.

Los 6 elementos de una primera pantalla que convierte

1. Un título que anuncia el resultado

Di qué obtiene el visitante, con sus propias palabras, en 4–12 palabras. "Cierra tus libros en 2 días" funciona; "El futuro de las operaciones financieras" no. Prueba borradores con el analizador de títulos gratuito, o toma una estructura de estos ejemplos de títulos.

2. Un subtítulo que diga qué es y para quién es

Una o dos oraciones: la categoría del producto, la audiencia y cómo funciona. "Software de contabilidad para tiendas de Shopify que concilia los pagos automáticamente." El título vende; el subtítulo explica.

3. Una sola llamada a la acción principal

Un solo botón de alto contraste cuyo texto nombre el resultado ("Inicia mi auditoría gratis", "Obtén mi primer informe"), no el mecanismo ("Enviar"). Un enlace secundario ("Mira cómo funciona") está bien; tres botones iguales no. Consulta 60 ejemplos de botones CTA.

4. Reductores de fricción junto al botón

Notas breves que responden la objeción en el momento del clic: "Sin tarjeta de crédito", "Gratis por 14 días", "Toma 60 segundos", "Cancela cuando quieras". Escribe solo las que sean verdad.

5. Un visual que muestre el producto

Una captura de pantalla, un video corto en bucle del producto en uso o un ejemplo del resultado. Las fotos de stock de personas señalando laptops no le dicen nada al visitante. Si el producto es difícil de mostrar, muestra el resultado (el informe, el panel, lo terminado).

6. Una prueba creíble

Una fila de logos de clientes reales, un número específico ("2,300 tiendas") o una cita corta y real con nombre. ¿Estás en una etapa temprana y aún no tienes clientes? No inventes pruebas; muestra el producto y agrega pruebas en cuanto las tengas.

Qué dejar fuera de la primera pantalla

• Carruseles y sliders. Los visitantes ven la primera diapositiva como máximo. Elige tu mensaje más fuerte y apuesta por él.
• Ventanas emergentes al llegar. Un modal para suscribirse al boletín antes de que el visitante haya leído una palabra bloquea lo único que necesitas que vea.
• Menús de navegación largos. Cada enlace es una salida. En una landing page, deja pocos elementos en el menú o quítalo.
• Listas de funciones. Las funciones van debajo del pliegue, después de que el visitante sepa por qué le deberían importar.
• Video pesado en el hero que retrasa el renderizado. Un primer pintado lento cuesta más de lo que te gana un fondo bonito.

Por encima del pliegue en el celular

En un celular, la primera pantalla mide aproximadamente 390×700 píxeles, y cuando la barra del navegador y un banner de cookies ocupan su parte, mucho menos. Revisa esto en un celular real, no en una ventana de escritorio redimensionada:

• El título se ve sin hacer scroll y no se parte en cinco líneas. Aquí ganan los títulos más cortos.
• El botón principal está en la primera pantalla, o al menos fijo al hacer scroll, y mide por lo menos 44 px de alto.
• El banner de cookies no tapa el título ni el botón.
• El texto del cuerpo tiene al menos 16 px, para que el visitante no tenga que hacer zoom.
• La imagen del hero no empuja todo lo demás debajo del pliegue. En el celular, muchas veces conviene que vaya después del texto.

Errores comunes por encima del pliegue

Lista de verificación de 10 puntos por encima del pliegue

1. Un desconocido puede decir qué vendes después de 5 segundos.
2. El título anuncia un resultado, no una categoría.
3. El subtítulo dice para quién es.
4. Hay exactamente un botón principal.
5. El texto del botón nombra el resultado.
6. Un reductor de fricción real está junto al botón.
7. El visual muestra el producto o su resultado.
8. Hay al menos una prueba real, o ninguna (nunca falsa).
9. Nada aparece antes de que el visitante haya leído el título.
10. Todo lo anterior también se cumple en el celular.

El resto de la página también importa: revisa la lista de verificación completa de 30 puntos para landing pages y los 17 errores de landing pages.