¿Qué es un above the fold y por qué es tan importante en marketing?

Tanto en diseño de página web como en marketing es habitual escuchar expresiones en inglés, muy específicas, que puede que desconozcas a menos que trabajes en el sector, o te formes con estudios superiores como el Máster Online en Diseño Web Multidipositivo de ESDESIGN. Entre ellas, cabe destacar Fakedoor, en UX, y Shadowing, también en UX. Otra de ellas es above the fold, que está relacionada con el diseño web, pero también con el marketing. De hecho, es muy importante en este último campo. 

¿Qué es el above the fold?

El concepto 'above the fold' se refiere a la parte de una página web que aparece a la vista en pantalla nada más cargarse. Sin desplazarse por ella hacia abajo ni moverse por ella. Es decir, es la parte de la web que aparece al abrirla sin hacer scroll. Esta expresión es ahora muy popular en el mundo del marketing y del marketing online, pero antes ya se utilizaba en diseño y desarrollo web.

En estos campos, above the fold quería decir exactamente lo que hemos mencionado. Pero en marketing ha adquirido otro significado complementario: se trata de una expresión que indica si un anuncio que se muestra en la página en un espacio concreto aparece en un punto de la web que es visible a primera vista, y sin necesidad de moverse hacia la parte inferior de la página.

Dado que esta zona de la página web se ve sin necesidad de hacer más clics, es la parte en la que tienen que ir todos los elementos más importantes de la página. También los que estén destinados a conseguir atraer la atención de quien visite la web. 

Además, el above the fold es el punto en el que suele aparecer la publicidad más relevante de la página. No obstante, es importante no abusar de ella en este espacio, puesto que hay muchos usuarios a los que les repele la publicidad. Por eso, si ven que una página tiene demasiados anuncios en el above the fold, es muy probable que salgan rápido de ella. Siempre hay que tener cuidado con este punto al diseñar una web, ya sea con o sin herramientas de prototipado web com Figma, propiedad de Adobe desde hace unos meses, o la española Penpot.

¿Por qué es tan importante este concepto?

El above the fold es muy importante en marketing y publicidad, especialmente. Estas áreas se unen a la de diseño y desarrollo web, que también han que tener presente cómo darle forma con lo que tengan planeado en ambos departamentos. Entre todos tienen que procurar que las páginas estén diseñadas de manera que esta zona destaque, llame la atención de quienes la visitan, y les atraiga. Porque cuanto más tiempo permanezcan los visitantes en la página, navegando por sus distintas webs, más tiempo tardarán en abandonarla. Por lo tanto, su tasa de rebote será menor.

Esto implica que el above the fold es uno de los aspectos principales del diseño web de páginas para empresas y marcas. Por eso, es imprescindible que en esta zona aparezca información clara, atractiva y directa, para captar la atención de sus visitantes. También tiene que estar relacionada con los contenidos y elementos que se mostrarán a continuación.

Ni que decir tiene que en el above the fold tienen que haber elementos que lleven directamente a la acción principal que se quiera conseguir con la página. Por ejemplo, suscripciones a newsletters, ventas, o descarga de productos digitales. 

Above the fold vs. Below the fold

En concepto de above the fold tiene otro contrario (y complementario). Se trata de below the fold, que hace referencia a la zona de una página web que no se ve cuando se abre una página y aparece en el navegador. Para acceder a ella tienes que hacer scroll; es decir, tienes que moverte por ella hacia abajo. Esto quiere decir que la zona conocida como below the fold estará justo debajo de la denominada above the fold.

Es habitual que en esta, la visible a simple vista sin hacer nada más que abrir una página, estén los contenidos y elementos de mayor importancia de la página. También, los que capten la atención para intentar retener a los visitantes en ella.

Por eso, en la zona below the fold hay que incluir lo que no es tan importante que los usuarios vean a primera vista. Por lo general, suele contener información complementaria, o que amplía lo que va en la zona above the fold. También suele llevar publicidad, aunque serán anuncios de menor peso, en cuanto a ingresos, que los que aparecerán a primera vista al cargar la web.

El efecto del scroll tras un buen above the fold

Cuando la primera parte de la web está bien diseñada, el usuario quiere conocer más de lo que esta le puede ofrecer. Entonces, hará scroll para ver lo que hay below the fold. También puede que primero haga clic en un enlace para consultar información y datos. Pero es muy probable que después regrese a la página principal para seguir viendo su contenido.

Por eso, aunque el contenido del below the fold no tiene que ser tan impactante, sí tiene que resultar interesante. Porque también influirá en el tiempo que pasa un internauta en la página. Si te ha gustado el concepto y tienes curiosidad por seguir ampliando información, y formación al respecto, ¡aprende todo sobre ello para convertirte en diseñador web!