Tienes entre 3 y 5 segundos para convencer a un visitante de que se quede en tu landing page. Eso es lo que dura la primera impresión. Y esa primera impresión sucede above the fold: la parte de la página que se ve sin hacer scroll. En Lima, donde el 83% de tus visitantes llegan desde celulares con pantallas de 6 pulgadas, lo que muestras en esos primeros 600 píxeles de alto determina si el usuario sigue leyendo o se va.
El concepto viene del periodismo impreso: la información más importante iba «above the fold» (arriba del pliegue) del periódico para que se viera en los kioscos. En una landing page funciona igual. Con 18.7 millones de compradores online en Perú y un mercado de e-commerce de US$15,600 millones, la competencia por esos primeros segundos de atención es feroz. Si tu visitante tiene que hacer scroll para entender qué ofreces, ya perdiste la batalla contra los competidores que lo explican al instante.
Tabla de Contenidos
- 1 Qué es above the fold y por qué decide tu tasa de conversión
- 2 Los 5 elementos que deben estar above the fold
- 3 Above the fold en móvil vs desktop: las diferencias que importan
- 4 Errores comunes en el above the fold de landing pages peruanas
- 5 Cómo medir si tu above the fold funciona
- 6 Diseño above the fold según el tipo de landing page
- 7 Preguntas frecuentes
- 8 Los primeros 5 segundos definen todo lo demás
Qué es above the fold y por qué decide tu tasa de conversión
Above the fold es la porción de tu landing page visible cuando la página termina de cargar, sin que el usuario toque la pantalla. En desktop, eso equivale aproximadamente a 600-700 píxeles de alto. En móvil, entre 500 y 650 píxeles dependiendo del modelo de celular.
Según datos de Nielsen Norman Group, los usuarios pasan el 57% de su tiempo de visualización en el contenido above the fold y el 74% en las dos primeras pantallas. Lo que está debajo se ve progresivamente menos. Para una landing page, esto significa que tu propuesta de valor, tu CTA y tu primer elemento de confianza deben estar arriba.
Esto no significa que el usuario no vaya a hacer scroll. La mayoría sí lo hace. Pero la decisión de seguir scrolleando o irse se toma en los primeros segundos, y esa decisión depende enteramente de lo que aparece above the fold. Si el usuario ve un titular confuso, una imagen genérica y ningún botón de acción, se va. Si ve un titular claro que le dice qué puede obtener, una imagen relevante y un botón visible, se queda.
En el mercado peruano, donde el CPC en Google Ads va de US$0.21 a US$0.47, cada rebote que puedes evitar con un mejor above the fold se traduce en dinero ahorrado. Si tu landing page recibe 1,000 visitas al mes y reduces la tasa de rebote un 10% mejorando esta sección, son 100 visitantes extra que ven tu oferta completa.
Los 5 elementos que deben estar above the fold
No todos los elementos tienen el mismo peso. Hay cinco que no pueden faltar en la sección visible sin scroll de tu landing page.
El titular (H1) es lo primero que lee el usuario. Debe responder en una oración qué ofreces y para quién. «Landing pages profesionales para empresas en Lima» es mejor que «Soluciones digitales integrales». El titular debe contener tu keyword principal y comunicar el beneficio central en menos de 12 palabras.
El subtítulo amplía la promesa del titular con un dato concreto o un beneficio secundario. Si el titular dice «Landing pages que convierten visitantes en clientes», el subtítulo puede ser «Desde S/950 | Entrega en 15 días | +950 proyectos completados». Los números concretos generan más confianza que las promesas vagas.
La imagen o video del hero section debe ser relevante y profesional. Una captura de pantalla de tu producto, una foto de un resultado real o un video corto del servicio en acción. Las imágenes decorativas genéricas no aportan nada en este espacio crítico.
El botón CTA debe ser visible sin buscar. Color de alto contraste, texto orientado a la acción («Quiero mi cotización gratis») y tamaño suficiente para que se vea desde el primer momento. Si el usuario tiene que hacer scroll para encontrar el botón, ya perdiste al visitante impaciente.
Un elemento de prueba social mínimo cierra la primera impresión: puede ser una línea de logos de clientes, un número («+ 950 clientes confían en nosotros») o una calificación («4.9/5 en Google»). No necesitas una sección completa de testimoniales aquí arriba; una línea de confianza es suficiente.
Above the fold en móvil vs desktop: las diferencias que importan
El above the fold no mide lo mismo en todos los dispositivos. En un monitor de 1920×1080, tienes aproximadamente 700 píxeles de alto antes del pliegue. En un iPhone 15, son unos 560 píxeles. En un Samsung Galaxy A14 (uno de los celulares más comunes en Perú), alrededor de 620 píxeles.
Esto tiene implicaciones prácticas. En desktop puedes poner titular, subtítulo, imagen, CTA y una línea de prueba social en la misma pantalla. En móvil, probablemente tengas que elegir entre la imagen grande y el formulario. No caben los dos.
La prioridad en móvil es: titular > subtítulo > CTA > prueba social mínima. La imagen puede ir debajo o puede ser un fondo sutil que no ocupe espacio vertical. Lo que nunca debes sacrificar en móvil es el CTA visible sin scroll. Si el usuario tiene que desplazarse para encontrar el botón de acción, tu tasa de conversión en móvil cae.
| Elemento | Desktop | Móvil | Prioridad |
|---|---|---|---|
| Titular H1 | Visible | Visible | Obligatorio |
| Subtítulo | Visible | Visible (más corto) | Obligatorio |
| Imagen hero | Visible (lateral) | Fondo o debajo del CTA | Flexible |
| Botón CTA | Visible | Visible (ancho completo) | Obligatorio |
| Prueba social | Visible (logos o número) | 1 línea máximo | Recomendado |
| Formulario | Visible (lateral) | Debajo del hero o sticky | Depende del objetivo |
Para verificar cómo se ve tu above the fold en diferentes dispositivos, usa Chrome DevTools (F12 → toggle device toolbar) y prueba con iPhone SE, Galaxy A14 y un iPad. Estos tres dispositivos cubren el rango más común de pantallas en el tráfico peruano.
Errores comunes en el above the fold de landing pages peruanas
Después de revisar cientos de landing pages de negocios en Lima y otras ciudades de Perú, estos son los errores que vemos con más frecuencia en la sección above the fold.
El primer error es el slider o carrusel de imágenes. Los sliders ocupan todo el espacio above the fold con imágenes que cambian automáticamente, y los datos muestran que menos del 1% de los usuarios hace clic en ellos. Eliminan espacio que debería usarse para el titular y el CTA. Si tienes un slider en tu landing page, reemplázalo por una imagen estática con texto y botón.
El segundo error es poner el menú de navegación completo. Una landing page no debería tener menú de navegación (o debería ser mínimo). Cada enlace de navegación es una salida potencial. Si tu visitante llegó por un anuncio de Google Ads, quieres que haga una sola cosa: convertir. Un menú con 7 enlaces le da 7 razones para irse a otra parte del sitio sin convertir.
El tercer error es un titular vago que no dice qué haces. «Transformamos tu negocio» no le dice nada a nadie. «Diseñamos tu landing page profesional en 15 días» dice exactamente qué obtienes y en cuánto tiempo.
El cuarto error es no tener CTA visible. Muchas landing pages peruanas ponen el formulario o el botón debajo del fold, esperando que el usuario haga scroll. Pero si el above the fold no convence, el usuario nunca llega al formulario.
Cómo medir si tu above the fold funciona
Puedes medir la efectividad de tu above the fold con dos métricas principales: la tasa de rebote y el scroll depth (profundidad de scroll).
La tasa de rebote te dice qué porcentaje de visitantes se va sin interactuar. Si tu tasa de rebote supera el 70%, tu above the fold no está cumpliendo su función. Para landing pages, una tasa de rebote saludable está entre el 30% y el 50%.
El scroll depth te muestra hasta dónde bajan los usuarios. Si el 80% de los visitantes no pasa del 25% de la página, significa que tu above the fold los está espantando. Herramientas como Google Analytics 4 y Hotjar te permiten medir esto. Hotjar también ofrece mapas de calor que muestran exactamente dónde hacen clic los usuarios y hasta dónde bajan.
El test de los 5 segundos es una prueba rápida que puedes hacer sin herramientas: muéstrale tu landing page a alguien por 5 segundos y luego pregúntale qué ofreces. Si no puede responder con claridad, tu above the fold necesita trabajo.
Para negocios que invierten en Google Ads en Perú, donde el CPC promedio está entre US$0.21 y US$0.47, reducir la tasa de rebote del 70% al 50% con un mejor above the fold puede significar un 40% más de leads con la misma inversión publicitaria.
Diseño above the fold según el tipo de landing page
No todos los above the fold son iguales. El diseño varía según el objetivo de tu landing page.
Para landing pages de generación de leads, el above the fold ideal tiene el titular a la izquierda y el formulario a la derecha (en desktop). En móvil, el titular va arriba y el formulario debajo del CTA. El formulario debe ser visible sin scroll siempre que tenga 3 campos o menos.
Para landing pages de venta directa (e-commerce), el above the fold muestra el producto, el precio, la propuesta de valor y el botón «Agregar al carrito» o «Comprar ahora». La imagen del producto es más importante que en otros tipos de landing page.
Para landing pages tipo squeeze (captura de email), el above the fold es minimalista: titular que promete algo valioso, campo de email y botón. El formulario tiene 1 o 2 campos como máximo. Es el above the fold más limpio y suele tener las tasas de conversión más altas (25-30%).
Para landing pages de servicios con precios, incluir un rango de precios above the fold (desde S/950) puede filtrar visitantes no calificados y aumentar la calidad de los leads que sí convierten.
Preguntas frecuentes
¿Qué elementos son obligatorios above the fold?
Titular claro (H1) con tu propuesta de valor, subtítulo con un dato concreto, botón CTA visible y al menos un elemento mínimo de prueba social (número de clientes, calificación, logos). En móvil, estos cuatro elementos deben caber sin scroll.
¿El above the fold es igual en móvil y desktop?
No. En desktop tienes unos 700px de alto, en móvil entre 500 y 650px. En móvil debes priorizar texto y CTA sobre imágenes grandes. La imagen del hero puede ir como fondo sutil o debajo del CTA. Lo que nunca debes sacrificar es el botón de acción visible.
¿Los sliders son buenos above the fold?
No. Menos del 1% de los usuarios interactúa con los sliders y ocupan todo el espacio que debería tener tu titular y CTA. Reemplaza cualquier slider por una imagen estática con texto claro y botón de acción.
¿Cómo sé si mi above the fold funciona?
Mide tu tasa de rebote en Google Analytics (debería estar entre 30% y 50%) y tu scroll depth con Hotjar. Si más del 70% de visitantes se va sin interactuar, tu above the fold necesita mejoras. El test de los 5 segundos con una persona real también es útil.
¿Debería poner el formulario above the fold?
Si tu formulario tiene 3 campos o menos, sí. En desktop puede ir al lado del titular. En móvil puede ir justo debajo del CTA o como un formulario flotante. Si tiene más de 4 campos, es mejor poner solo el CTA above the fold y que el formulario aparezca al hacer scroll o en un popup.
Los primeros 5 segundos definen todo lo demás
Si tu above the fold no comunica qué ofreces, para quién y qué debe hacer el usuario, nada de lo que pongas debajo va a compensar esa primera impresión fallida. Un titular claro, un CTA visible y una mínima señal de confianza son el piso mínimo para que tu landing page compita en el mercado peruano.
En KOM diseñamos landing pages profesionales desde S/950 con un above the fold optimizado para cada tipo de negocio: titular persuasivo, CTA de alto contraste, prueba social real y diseño responsive que se ve bien en cualquier celular.
¿Quieres que tu landing page convierta desde el primer scroll? Escríbenos por WhatsApp y te mostramos cómo lo resolvemos para más de 950 clientes.
