¿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é encontrarás en este artículo?
¿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.
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.
¿Qué preguntas debe responder el Above the fold de tus contenidos?
Para que tu contenido despierte la atención de tu público objetivo y las personas que lleguen quieran seguir leyendo es necesario que en el above the fold puedas responderles las siguientes preguntas:
¿Qué ofreces?
Todas las personas en Internet buscan satisfacer una necesidad, por eso mientras más rápido y claro demuestres lo que le puedes ofrecer, más rápido conseguirás captar la atención.
¿Cómo vas a mejorar la vida del lector?
Una vez consigas llamar la atención del lector, es necesario que cuentes como con el servicio o producto que ofreces puedes cambiarle la vida, es lo que se conoce como tu propuesta de valor.
¿Que necesita hacer el lector para logar lo que propones?
Por último el above the fold de tus contenidos deben indicarle a los lectores que es lo que debe hacer para que puedan llegar a tener la solución que ofreces, aplicando algún tipo de llamada a la acción.
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.
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á.
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.
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.
¿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.
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.
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.
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.
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 píxeles era suficiente para calcular el tamaño correspondiente del contenido que debe estar en el above the fold, luego se consideró que una resolución estándar debería estar en 1024 x 768 píxeles.
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.
Es por eso que con la aparición de los dispositivos móviles y las altas resoluciones, calcular el above the fold puede ser difícil, por ejemplo en la actualidad existen dispositivos que tienen resoluciones de 3840 x 2160 píxeles.
Sin embargo más común que los usuarios utilicen dispositivos de menor resolución, por eso la más usada en la actualidad es de 1366 x 768 píxeles, debido a que si utilizas una resolución mayor puede que tu sitio WEB pueda verse mal en algunos dispositivos.
Como consultor WEB te recomiendo que sin importar la resolución que tú utilices, 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.
¿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.
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.
