7 formas de mejorar el above the fold para lograr más conversiones

el above the fold alvaro arrarte

¿Sabes que es el above the fold?, ¿Te gustaría captar la atención de los visitantes a través de la primera impresión?, Sabías que tienes entre 3 y 8 segundos para captar la atención de tu audiencia.

Todo especialista de marketing digital y consultor SEO sabe que una buena estrategia va más allá de solo capturar y enviar tráfico a tu WEB, porque si su tiempo de permanencia es corto, tendrás un efecto negativo en el posicionamiento WEB.

De allí viene la necesidad de que tengas un contenido que logre agradar e inspirar a tu audiencia en el menor tiempo posible y que además sea de interés de tu público objetivo para que sus visitas se prolonguen.

Se ha comprobado que un sitio WEB que cargue lento, se encuentra congestionado de información y ofrezca una mala experiencia de usuario, tendrá menos visitas y conversiones que uno que cuente con un diseño opuesto.

Además que si tiene un contenido llamativo en el primer pantallazo tienen una tasa de rebote más baja, aumentando las probabilidades de retener a los visitantes y realizar conversiones.

¿Qué es el above the fold?

El significado de la palabra above the fold proviene de la época cuando las personas publicaban en los diarios o periódicos y se refería a la parte media superior de la primera página que era la parte visible cuando estaban empaquetados.

Esta parte era muy importante, debido a que si la información que contenía era del interés del público el volumen de las ventas de los periódicos se incrementaba, por ello en esta sección colocaban títulos llamativos y los mejores anuncios.

above the fold alvaro arrarte
Esquema del above the fold y el below the flow

En los años 90 este término comenzó a utilizarse en los contenidos de Internet, para todo lo que un usuario puede ver apenas se carga el contenido en el navegador y sin desplazarse.

La traducción literal al español del término “above the fold” significa “encima de la tapa” y es un concepto utilizado en el diseño WEB para referirse a la parte del contenido que los visitantes pueden ver a primera vista y sin necesidad de hacer scroll.

En algunas bibliografías también es conocido como el primer pantallazo o “encima del pliegue” que significa “encima del scroll”, este término también es utilizado en la publicidad para los anuncios que se muestran en una WEB sin tener que desplazarse por el contenido.

También puede utilizarse a la parte inmediatamente visible de un email, que puedes leer al abrirlo sin la necesidad de desplazarte con el mouse, es decir lo que ves primero al abrirlo.

En definitiva el término above the fold se refiere a todo el contenido que puede ser visto en el primer impacto desde tu navegador de Internet en cualquier dispositivo, sin tener que desplazarte hacia abajo.

Ventajas del uso correcto del above the fold

  • Permite tener una primera impresión del tipo de contenido.
  • Ayuda al posicionamiento SEO.
  • Mejora el número de visitas que llegan a tus contenidos.
  • Ayuda a mejorar el número de conversiones.
  • Mejora la rentabilidad de tu negocio.

4 ejemplos del buen uso del above the fold

Ahrefs

Ahrefs, es un sitio WEB que ofrece una completa herramienta para evaluar el SEO tanto de tu sitio WEB como el de tu competencia, en el primer pantallazo puedes ver que la herramienta es fácil de utilizar y te ofrecen una prueba de 7 días para que puedas mejorar el posicionamiento orgánico de tu WEB.

primer pantallazo ahrefs alvaro arrarte
Primer pantallazo del sitio WEB de Ahrefs

Maider Tomasena

Es sitio WEB de Maider Tomasena una de las Copywriter en español más reconocida, puedes ver su oferta de valor, que es lo que te ofrece y los clientes con que ha trabajado, con una llamada a la acción que te invita a ir más allá.

primer pantallazo maider tomasena alvaro arrarte
Primer pantallazo del sitio WEB de Maider Tomasena

Semrush

Semrush es otra herramienta de analítica WEB para mejorar el SEO muy parecida a Ahrefs, en su primer pantallazo puedes ver su oferta de valor, los clientes con que han trabajado y te ofrecen una prueba gratuita.

primer pantallazo semrush alvaro arrarte
Primer pantallazo del sitio WEB de Semrush

AlvaroArrarte

Como te lo podrás imaginar también en mi sitio WEB he puesto en práctica todos los consejos que doy por eso puedes ver que el primer pantallazo sale quien soy yo, a que me dedico, mi oferta de valor y te invito a cambiar tus resultados en Internet.

primer pantallazo alvaro arrarte
Primer pantallazo del sitio WEB de AlvaroArrarte

¿Por qué es importante el above the fold?

El above the fold o primer pantallazo tiene una influencia directa sobre el SEO y la experiencia de usuario por lo que es necesario tenerlo presente a la hora de diseñar contenidos en tu WEB.

Abarca tanto aspectos técnicos como uso correcto de las etiquetas de los encabezados, la diagramación, tiempos de carga y de interacción, como otros más generales entre los que están el uso de los colores corporativos, diagramación y la temática.

Adicionalmente, es el gancho necesario para captar la atención de las personas en pocos segundos y despertar su interés, con el objetivo que sigan dentro de tu contenido y así aumentar el tiempo de permanencia.

Por eso, el primer pantallazo es una de las secciones más importantes dentro de cualquier contenido que tengas dentro de tu sitio WEB o de un correo, porque es la primera impresión que tendrán las personas y los buscadores.

¿Cómo afecta el above the fold la experiencia de usuario?

Para los usuarios es importante que la información más relevante o la que ellos necesitan esté disponible lo antes posible, porque si tienen que navegar mucho a través de tu contenido lo más probable es que terminen abandonando tú WEB.

¿Cómo afecta el above the fold al posicionamiento WEB?

Como el above the fold es lo primero que se carga y se ve, es utilizado por los buscadores para determinar el rendimiento y la velocidad de tu sitio WEB, así que si tienes deficiencias en esta zona probablemente serás penalizado.

Los algoritmos de Google y otros buscadores analizan el above the fold para determinar la calidad de tus contenidos y así poder darle una posición en las SERPs.

primer pantallazo seo alvaro arrarte
El primer pantallazo ayuda al SEO

Estudios que confirma la importancia del above the fold

Jakob Nielsen publicó un estudio en donde afirmaba que un aproximado del 10% de las personas que visitan un sitio WEB no se desplazaban para ver el contenido que encontraba hacia debajo del above the fold.

En el año 2010 ratificó que las personas pasan más del 80% del tiempo en el above the fold y que a medida que la personas bajaban a través del contenido su atención iba disminuyendo.

Otro estudio realizado en el 2006 demostró que sin importar el tamaño de la página WEB, el 91% de las personas que visitan un sitio se desplazan dentro del contenido, el 76% se desplaza un poco hacia abajo y solo el 22% llega hasta el final.

Un estudio realizado un año después demostró que las personas le prestan más atención a la parte superior e inferior de una página WEB y mientras que le prestaban menos atención al contenido que está en la mitad.

Por otro lado los anuncios colocados en el above the fold tienen más de 40% de probabilidades de conseguir una conversión y la publicidad que se encuentra debajo tiene más de un 70% de probabilidades que no la vean.

7 maneras de mejorar el above the fold

Utiliza un diseño simple

Si tus contenidos cargan demasiado lento, tienen un diseño confuso, carece de un mensaje claro o en poco tiempo no encuentran lo que están buscando, los visitantes se irán tan rápido como llegaron.

Lo ideal es que en el above the fold utilices un diseño sencillo con una imagen ligera, un mensaje claro, un título llamativo y un párrafo corto que explique con detalle lo que encontrarán en el resto del contenido o la oferta de valor.

diseno sencillo primer pantallazo alvaro arrarte
Un diseño simple ayuda a mejorar el primer pantallazo

Busca que tu contenido sea atractivo

Es necesario que tu contenido responda a las necesidades de tu público objetivo y que sea lo suficientemente interesante para que logren llamar la atención en poco tiempo y los inviten a dar el siguiente paso.

Para ello en los mensajes del above the fold utiliza un tono de voz acorde a tu marca y audiencia, además agrega los botones de llamado a la acción a mitad de la pantalla, con textos que motiven a dar el siguiente puntos.

Coloca la información más importante arriba dentro del primer pantallazo, ya que la información que se encuentra en la parte superior es más vista que la que se encuentra abajo.

Piensa en la usabilidad

Es importante que el above the fold todo el contenido sea fácil de entender y que la interacción sea sencilla y que todo esté funcionando según lo previsto para que los visitantes tengan una buena experiencia de usuario.

Evita en el above the fold la carga de contenido muy pesado o comportamientos extraños que puedan hacer que los usuarios se cansen de esperar y terminen por abandonar tu sitio WEB.

Si tienes un eCommerce en la descripción de los productos coloca los botones de añadir al carrito en la parte del primer pantallazo, con el objetivo de que la llamada a la acción tenga mejor efectividad y mejorar las conversiones.

usabilidad above the fold alvaro arrarte
La usabilidad ayuda a mejorar el above the fold

Resuelve las necesidades de los usuarios

El contenido del above the fold debe responder a las intenciones de búsqueda de los usuarios que llegan hasta tu contenido, también incluye palabras claves en el texto, el título y las imágenes.

Es importante que cumplas con el desarrollo del tema ofrecido en título para que los visitantes continúen dentro de tu contenido, así mejoras el tiempo de permanencia y reduces la tasa de rebote.

Evita el uso de slider

A pesar de que los slider pueden parecer muy atractivos colocarlos en el above the fold afecta el tiempo de carga de tus contenidos considerablemente, porque aunque solo se vea una imagen carga todas las diapositivas.

Además, afecta el posicionamiento SEO en Internet porque adicionalmente aumentan el tiempo para la primera interacción lo que influye de forma negativa en los valores de los Core WEB Vitals.

Evita el uso de servicios externos

Al igual que pasa con los slider, utilizar servicios externos como los formularios para la suscripción a listas de correos o videos de servidores externos como YouTube realizan peticiones externas.

Por eso no es aconsejable que utilices este tipo de elementos en el above the fold porque retardan la carga del contenido y además al ser un servicio externo, si falla ofrecerás una experiencia de usuario negativa.

Vigila que tu contenido sea responsive

Muchas veces las personas se centran en que todo se vea bien desde un computador y dejan de lado a los otros dispositivos, sin saber que Google evalúa la experiencia de usuario de tu sitio WEB dándole prioridad a los dispositivos móviles.

Por eso es importante que todo tu contenido se vea bien desde cualquier dispositivo y sobre todo el above the fold, ya que es lo primero que verán las personas cuando visiten tu WEB.

diseno responsive above the fold alvaro arrarte
Es importante un diseño responsive para ver bien el above the fold

El above the fold y los dispositivos móviles

A pesar de que existen muchos tipos de resolución de pantalla dependiendo el tipo de dispositivo, sigue siendo importante que dentro del diseño de tus contenido tomes en consideración del above the fold.

Es decir, que el diseño de tus contenidos debe ser capaz de adaptar su diagramación y el tamaño de sus elementos según el dispositivo con que se esté consultando, para que siempre el contenido más relevante quede en la parte superior.

Por ejemplo, si utilizas WordPress tienes la ventaja que cuentas con infinidad de plantillas responsivas como GeneratePress que es la que yo utilizo, además de contar con plugins como Elementor donde puedes hacer un diseño para cada tipo de dispositivos.

¿De qué tamaño debe ser el above the fold?

Anteriormente se creía que un tamaño de 800 x 600 pixeles era suficiente para calcular el tamaño correspondiente del contenido que debe estar en el above the fold, sin embargo, con la aparición de los dispositivos móviles y las altas resoluciones esto cambió.

Esto se debe a que la distribución y posición del contenido cambia dependiendo de diversos factores entre los que están tamaño del navegador, resolución de la pantalla y el dispositivo que estés utilizando.

Por eso, es importante que realices pruebas en diferentes dispositivos a la hora de realizar el diseño del primer pantallazo de tus contenidos, para asegurarte que se vea bien en la mayoría de los casos.

Para ello puedes usar las herramientas de Google Analytics que te indican que parte del contenido es visible en el primer pantallazo para varios navegadores y en distintas resoluciones.

google analytics above the fold alvaro arrarte
Las herramientas de Google Analytics te ayudan a mejorar el above the fold

¿Es recomendable evitar el scroll?

A pesar de que debes prestar mucha atención al contenido del above the fold, es necesario seguir utilizando el scroll porque casi imposible plasmar toda la información necesaria sólo en el primer pantallazo.

Esto se debe a que en la primera parte es recomendable agregar contenido que sea orientado a generar transacciones o persuada de algún modo a tus visitantes a permanecer y lograr un objetivo.

Pero luego en el below the fold debes agregar todo el contenido necesario para que tus visitantes puedan tener toda la información completa y así derribar las objeciones, incluso antes de que aparezcan.

El above the fold y los anuncios publicitarios

Muchas personas se ven tentadas a colocar anuncios en el above the fold para intentar realizar conversiones desde el primer momento, sin embargo, antes de realizar esta acción en tu sitio WEB, es necesario que evalúes las ventajas y desventajas de hacerlo.

Ventajas de los anuncios publicitarios en el above the fold

Sin duda un anuncio colocado en el primer pantallazo de tu contenido tendrá muchas más visualizaciones que si lo colocas más abajo, eso te asegura más probabilidades de realizar una conversión.

Desventajas de los anuncios publicitarios en el above the fold

Al colocar anuncios en el above the fold también debes contemplar que puedes tener algunos inconvenientes entre los que están la posibilidad de ser penalizado por los buscadores si colocas muchos anuncios y dañas la experiencia de usuario lo que sube la tasa de rebote.

Además, si utilizas servicios externos como el de Google ADS o Amazon el tiempo de carga aumenta considerablemente e incluso en algunas oportunidades cargaras dentro de tu contenido archivos de terceros que son imposibles de optimizar.

google ads tiempo de carga alvaro arrarte
Los servicios externos como el de Google ADS aumentan el tiempo de carga

Recomendaciones finales sobre cómo mejorar el above the fold

Si no logras captar la atención de los visitantes a penas lleguen a tu WEB, cuando revises las métricas de Google Analytics puedes notar que el tiempo de la sesión es corto y la tasa de rebote es alta.

Por ello emplear una buena estrategia dentro del above the fold de los contenidos de tu sitio WEB te ayudará a mejorar las conversiones, el tiempo de permanencia de los visitantes y el posicionamiento en Internet.

Si todavía tienes dudas sobre cómo mejorar el above the fold de tus contenidos, puedes hacer contacto conmigo y así me cuentes como te puedo ayudar. Además, si necesitas ayuda con el desarrollo o mantenimiento WEB, puedes ver los servicios que ofrezco en asesoría y soporte para tu negocio.

En la parte de abajo, déjame un comentario contándome qué te pareció este artículo y si te ayudo a saber que es el above the fold, o también si tienes alguna duda, sugerencia o reclamo y así podré contar con tu valioso aporte.

Deja un comentario

Te informo que los datos de carácter personal que proporciones en este formulario, serán tratados por Alvaro Arrarte como responsable de este sitio WEB. Estos datos son recolectados y tratados para la gestión de los comentarios que realices en este blog.

Legitimación: Si no introduces los datos personales que aparecen como obligatorios, no podrás realizar ningún comentario.  Tus datos serán almacenados en los servidores de WebEmpresa en los Canadá.

Puedes ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en info@alvaroarrarte.com así como el derecho a presentar una reclamación ante una autoridad de control.