Que es Above The Fold

¿Qué significa «Above The Fold»?

En los primeros días de la publicación, «Above The Fold» era un término usado para el contenido que aparecía en la mitad superior de la primera página de un periódico. Cuando los periódicos se exhibían en un quiosco, los titulares y las historias principales que aparecían Above The Fold eran los más visibles, y los titulares pegadizos y las imágenes vívidas se utilizaban comúnmente para atraer la atención de los lectores, convenciéndolos de que compraran el periódico.

A medida que los editores trasladaron sus negocios en línea y el diseño de la web evolucionó en la década de 1990, el término siguió pegándose. Hoy en día, el pliegue ya no se refiere a un pliegue real en un periódico, sino a la parte inferior de la ventana de un navegador, o aproximadamente a 600 píxeles de la parte superior de la página.

¿Por qué es importante la parte Above The Fold?

El diseño y la colocación del contenido es importante porque el contenido que aparece Above The Fold es lo que se ve primero cuando el usuario carga la página. Es lo que más llama la atención de los usuarios.

Debido a su alta visibilidad, el contenido que se coloca Above The Fold debe ser el contenido más importante para lograr sus objetivos comerciales. El contenido debe captar inmediatamente la atención del usuario y presentarle el contenido que está buscando para que no rebote y visite otro sitio.

En lo que respecta a la publicidad, colocar los anuncios por Above The Fold mejora su visibilidad y genera más ingresos por publicidad que los anuncios que se colocan en lugares menos visibles. En el caso de los sitios web b2b, la colocación de las llamadas a las acciones clave (ctas) y otra información importante sobre la diferenciación de los productos por encima del pliegue en la página de inicio o en otras páginas de destino suele dar lugar a tasas de conversión más elevadas.

¿Cómo se mide la parte Above The Fold?

Es imposible definir la colocación de un solo pliegue para un sitio web. La ubicación exacta del pliegue difiere debido a la variedad de tamaños de los monitores (tanto de computadoras de escritorio como portátiles), las resoluciones de pantalla, los plugins de los navegadores y los tamaños de los diversos teléfonos y tabletas.

Al determinar la ubicación promedio de un pliegue, la mayoría de los diseñadores de sitios web concuerdan en que la línea de pliegue tiene aproximadamente 1.000 píxeles de ancho y 600 píxeles de alto.

Este es el mejor escenario para la combinación monitor/navegador más común de 1024×786 píxeles, con la ventana del navegador maximizada y sin barras de herramientas instaladas en la parte superior, empujando el contenido hacia abajo.

El programa de análisis de su sitio web debería ser capaz de decirle cuáles son las dimensiones de pantalla más comunes para sus visitantes. Mientras que 1024×768 ha sido tradicionalmente la más común, nuevas dimensiones están aumentando su popularidad, como 320×568 y 360×640.

Consideraciones para el móvil

El creciente uso de dispositivos móviles para la navegación en la web complica aún más el concepto de optimizar el diseño de la web para la parte Above The Fold.

Los dispositivos móviles ofrecen una gran variedad de tamaños de pantalla. Además, los usuarios de los teléfonos suelen navegar en modo vertical en lugar de en modo horizontal, con lo que el diseño tradicional de las páginas se vuelve lateral.

Con tantas personas que acceden a las páginas web a través de esa variedad de dispositivos, las prácticas actuales de diseño web implican el uso de un diseño receptivo: el uso de diseños flexibles, imágenes y hojas de estilo en cascada. En el diseño receptivo, no hay un diseño fijo para una página, y el contenido vuelve a una pantalla de cualquier tamaño. Las páginas web sensibles reaccionan o «responden» al entorno en el que se consumen o navegan.

Si bien el contenido importante todavía tiene que estar más alto en la página, hoy en día, las páginas deben ser diseñadas para fomentar el desplazamiento más para que no se pierda el contenido importante.

Consideraciones sobre el SEO

Aunque suele ser una buena práctica colocar los anuncios por Above The Fold para maximizar su visibilidad, pasarse de la raya con los anuncios también puede tener consecuencias negativas.

A lo largo de los años, Google ha publicado varias actualizaciones de algoritmos que penalizan a los sitios web que colocan tantos anuncios por Above The Fold hasta el punto de forzar el contenido real de la página por debajo del pliegue. Los sitios que se exceden al colocar toneladas de anuncios en la parte superior de la página proporcionan una mala experiencia al usuario, y hacerlo puede resultar en una reducción pronunciada del tráfico gratuito de SEO.

La optimización de la visualización de los anuncios requiere un equilibrio, de modo que tanto la experiencia del usuario como la visualización de los anuncios se maximicen.

Optimización del contenido y la colocación de anuncios

La optimización de la colocación del contenido y los anuncios en un sitio es un proceso iterativo que implica el análisis de datos, pruebas y experimentación.

Un buen punto de partida para la optimización de la disposición de la página es observar su programa de análisis para determinar la demografía (navegadores, tamaños de pantalla, tipo de dispositivo) de sus usuarios, así como su comportamiento real (profundidad de desplazamiento, tasa de rebote, tasa de compromiso). Este análisis le proporcionará un conjunto de métricas de referencia con la forma en que sus usuarios interactúan con su sitio.

Una vez que se completa una auditoría inicial del sitio, el siguiente paso es la generación y prueba de hipótesis. Puede proponer ideas para el contenido y la colocación de anuncios, y utilizar el software de pruebas A/B para mover los elementos de una página y probar cuál es el que mejor funciona.

Una vez que tengas los datos en la mano, puedes volver a tus datos analíticos y al gen

Sara Velasco

Marketer por vocación y periodista de profesión. Avanzando cada día en el apasionante sector del Marketing Digital.

Deja un comentario