¿Qué es Above the fold?

Área en la parte superior de una página web que es visible sin necesidad de desplazarse. Debido a que todos los visitantes ven este espacio cuando la página se carga, es una posición ideal para la colocación de CTAs y formularios de conversión.

Above the fold, tal como se aplica al diseño web, está la parte de una página web que es visible en una ventana del navegador cuando la página se carga por primera vez. La parte de la página que requiere desplazarse para ver el contenido se llama “Below the fold”.

En una página web, el punto en el que los usuarios tienen que desplazarse hacia abajo no es constante porque muchas variables pueden afectar la forma en que se muestra una página. El tamaño de la pantalla de un dispositivo, por ejemplo, cambia el contenido que aparece Above the fold. Otras variables incluyen la elección del navegador por parte del usuario final, las barras de herramientas del navegador, la configuración personalizada del navegador y el sistema operativo (SO) que utiliza el dispositivo.

Debido a que los usuarios se comprometen más con el contenido por encima del pliegue que por debajo del pliegue, las funciones clave del sitio y el contenido relacionado con los objetivos de negocio deben aparecer en la parte superior de la página web. Para entender cómo trabajar con “el pliegue”, un diseñador web debe tener en cuenta los tamaños medios de pantalla que utiliza la audiencia de un sitio en particular o explorar técnicas de diseño receptivas, un enfoque de creación de páginas web que hace uso de diseños flexibles, imágenes flexibles y consultas de medios de hojas de estilo en cascada (CSS).

Above the fold se utilizó por primera vez para describir la colocación del contenido en la portada de un periódico. Los titulares y las historias principales del periódico se colocan en la parte de la primera página que permanece visible para el lector cuando el papel se pliega horizontalmente para exhibirlo en un quiosco de periódicos.

above-the-fold-hero
seo-checklist-guia

Descarga ahora nuestra Guía Esencial Técnica SEO Checklist para optimizar tu sitio web.

Menu