Above the Fold (ATF)

Above the Fold (ATF) es el área de una página web o email que se muestra en pantalla nada más cargar, sin necesidad de desplazarse, y que concentra el contenido más importante.

Above the Fold (ATF) es el término que describe la zona de una página web, landing page o email que el usuario ve de inmediato, sin necesidad de hacer scroll. Es el primer pantallazo que recibe la persona al llegar a una página y, por tanto, el espacio con mayor impacto visual y de negocio.

Su origen está en la prensa escrita, donde las noticias más importantes se colocaban en la parte superior de la portada, visible cuando el periódico estaba doblado. En marketing digital y diseño web el concepto se ha adaptado para designar el contenido visible nada más cargar la página, antes de que el usuario interactúe.

En el ATF suelen colocarse elementos clave como el titular principal, la propuesta de valor, el call to action (CTA) principal, elementos de confianza (logos, sellos, testimonios breves) y, en algunos casos, anuncios con alta visibilidad. El objetivo es responder rápidamente a tres preguntas del usuario: qué es esto, para quién es y qué debe hacer a continuación.

La altura exacta del Above the Fold no es fija: cambia según el dispositivo, la resolución de pantalla, el zoom del navegador y el tamaño del viewport. Por ello, la planificación del contenido ATF debe hacerse de forma responsive, asegurando que la información crítica aparece siempre en la parte visible inicial, tanto en escritorio como en móvil.

Desde la perspectiva de SEO, UX y CRO, optimizar el Above the Fold ayuda a captar la atención, mejorar el clic en los CTAs, reducir el rebote, guiar al usuario hacia la conversión y, de forma indirecta, apoyar el rendimiento orgánico gracias a un mejor comportamiento de los usuarios.

Ejemplos

  • Ejemplo:
    Una landing page de un software SaaS donde, al cargar, se ve un titular claro, un breve subtítulo que explica el beneficio principal, un botón de "Probar gratis" y una captura del producto, todo sin necesidad de hacer scroll.
  • Ejemplo:
    La home de un ecommerce en móvil que muestra al entrar el logotipo, un mensaje de envío gratis, un buscador destacado y un carrusel con las categorías principales, visible antes de que el usuario se desplace hacia abajo.
  • Ejemplo:
    Un email de newsletter en el que, nada más abrirlo, el lector ve el asunto reflejado en un titular, una oferta destacada y un botón de "Ver la promoción", todo ubicado en el Above the Fold del cliente de correo.

Preguntas frecuentes

¿Qué debe incluirse en el Above the Fold de una página web?
En el Above the Fold conviene incluir el mensaje principal (titular y propuesta de valor), el CTA prioritario, elementos mínimos de confianza (como logotipos o sellos) y un apoyo visual del producto o servicio. La idea es ofrecer claridad y una acción inmediata sin saturar al usuario con demasiada información.
¿El Above the Fold es igual en todos los dispositivos?
No. El área visible cambia según el tamaño de pantalla, la resolución, el zoom y la orientación del dispositivo. Por eso es esencial diseñar de forma responsive y verificar qué elementos se ven realmente en el primer pantallazo en escritorio, tablet y móvil, ajustando el contenido crítico para cada caso.
¿Cómo influye el Above the Fold en SEO y en la conversión?
Un Above the Fold claro, rápido y relevante mejora la experiencia de usuario, reduce el rebote y aumenta la probabilidad de clic en los CTAs, lo que favorece la conversión. Además, los buscadores tienen en cuenta la calidad del contenido visible al cargar y factores como la velocidad, por lo que un ATF optimizado puede apoyar el rendimiento SEO.

SINÓNIMOS

También conocido como: Parte visible sin scroll, Zona superior de la página, Contenido por encima del pliegue

ÚLTIMA REVISIÓN

Actualizado el: 01/12/2025