¿Qué es Above the fold y cómo optimizarlo?
Above the fold es lo primero que ve tu visita al entrar en tu web, el primer pantallazo, por lo que no puedes andarte por las ramas. No hay tiempo para distracciones, ni segundas oportunidades.
¿Cómo vas a aprovechar este espacio?
Hoy te voy a contar qué es above the fold, cómo impacta en el SEO y cuál es la manera correcta de utilizarlo. ¿Comenzamos?
¿Qué es Above the fold?
Above the fold o primer pantallazo es la parte o zona del sitio web que los usuarios observan en primer lugar al cargar la página, sin necesidad de hacer scroll o desplazarse por ella con el mouse.
Todo lo que hay después, una vez empiezas a hacer scroll es lo que se conoce como Below the fold.
El above the fold no es un término nuevo. Este concepto está asociado a las imprentas de periódicos, ya que fold significa “doblar”. En la imprenta, con la finalidad de captar la atención del usuario, el periódico se dobla resaltando el tema o noticia principal, colgándolo en esa posición en la estantería.
En el marketing digital y diseño web, es lo primero que observan los usuarios al entrar en algún sitio web. Por lo tanto, esta zona debe contener información útil y relevante que capte la atención del usuario.
Así es que ponte en «modo usabilidad» y empieza a pensar qué tipo de contenidos quieres que tus usuarios vean al entrar en tu web.
Si monetizas tu web con publicidad puede que te tiene colocar unos cuantos banners para no perder la ocasión. No es buena idea. Google acepta un máximo de tres banners. Si abusas de ellos, tu posicionamiento puede verse perjudicado.
Lo ideal es aprovechar este primer pantallazo para transmitir tu propuesta de valor, generar interés y que tu visita quiera saber más. Esto se traduce, entre otras cosas en mayor tiempo de permanencia, menor porcentaje de rebote y mejor tasa de conversión.
¿Para qué sirve Above the fold y por qué debes tenerlo en cuenta?
Si verdaderamente deseas tener éxito con tu sitio web, es necesario que tengas en cuenta el above the fold. Por ello, te mostraremos a continuación para qué sirve.
1. Atraer la atención del usuario
Con las técnicas de copywriting empleadas en el título y párrafo principal, lograrás captar la atención del usuario. Un título descriptivo o en forma de pregunta, presentada de forma atractiva, te ayudará en tu cometido.
2. Mostrar el valor del sitio web
Un buen above the fold le mostrará o transmitirá al usuario en un vistazo el valor del contenido del sitio web, generando una buena impresión.
3. Mostrar las diferentes acciones que puede realizar
El primer pantallazo bien elaborado motivará al usuario a dirigirse hacia las partes más importantes del sitio web, dependiendo del contenido. Aquí un buen CTA o Call to Action te ayudará a dirigir al usuario hacia donde más te interese.
4. Aumenta la permanencia del usuario en el sitio web
Con un buen primer pantallazo se logrará un aumento en la permanencia o tiempo del usuario en el sitio web y un aumento en la frecuencia de visitas de la página, reduciendo así la tasa de abandono o rebote.
5. Ayuda al SEO
Si tienes en cuenta las ventajas de utilizar bien el above the fold, mejorarás la estructura de tus páginas y el uso de los encabezados HTML. Esto contribuirá a un buen posicionamiento de tu sitio web y un incremento en tus clientes.
¿Cómo optimizar Above the fold?
Ahora que has comprendido qué es y los beneficios de este elemento, es el momento de aprender cómo puedes optimizarlo para asegurar el éxito.
1. Carga rápida de la página
Es importante que el sitio web cargue rápido, ya que si se ralentiza el usuario puede aburrirse o cansarse y salir del sitio sin siquiera haber visto la parte superior.
2. Tamaño de los dispositivos donde se visualice el sitio web
Debes tomar en cuenta los diferentes dispositivos electrónicos en los cuales puede ser visualizado el sitio web, tanto los móviles, tabletas y ordenadores.
Si hay errores en el diseño de la página al visualizarse en uno de estos dispositivos, no se presentará de forma atrayente el primer pantallazo, por lo tanto, no surtirá el efecto deseado.
3. Título simple, pero atractivo
El título que aparecerá en la parte superior debe ser claro, fácil de comprender, que describa en pocas palabras tu propuesta de valor o remueva puntos de dolor de tu usuario.
Algo que ayudará a elaborar un título atractivo es, incluir las palabras claves que ayuden a los usuarios a encontrar lo que buscan, con un buen estilo o fuente de letra fácil de entender sin ser extravagantes.
4. Incluir imágenes y/o logo
Para que los usuarios se lleven una buena impresión, en el above the fold se podría incluir el logo del sitio web y alguna imagen del contenido o tema a tratar en dicha página. Esto contribuirá a un vistazo lleno de color atrayente a los usuarios. Eso, recuerda optimizar siempre tus imágenes.
5. Medio de contacto
Incluye los diferentes canales en los que pueden contactar contigo. Esto es importante para generar o infundir confianza en el usuario.
6. Icono o botón de navegación
Un botón intuitivo de navegación permite al usuario desplazarse en otras secciones de la página web de una manera fácil y rápida. Por eso, se recomienda que se encuentre en la parte superior de la página.
¿Cómo impacta Above the fold en el SEO?
El primer pantallazo funciona en páginas de inicio, pero también en otras clases de sitios webs, como, por ejemplo, las de tiendas online, o los blogs, entre otros.
En todo caso, sea cual sea el tipo de web, el above the fold bien elaborado contribuye al posicionamiento SEO.
Todas las características del above the fold influyen de manera positiva en la percepción de los usuarios y en los sistemas de “crawling”, pues brinda una agradable experiencia al usuario en el sitio web, al mostrar la información más relevante lo antes posible.
Gracias a esto, logra reducir las etapas de latencia, tanto para la carga de la página, como para la tasa de abandono o rebote, permitiendo el envío de signos positivos al algoritmo del buscador.
Errores a evitar en Above the Fold
Así como hay maneras de optimizar nuestro primer pantallazo, también hay errores que debemos evitar al diseñarlo. Te los mostramos a continuación.
1. Evita usar sliders
Para algunos, los sliders parecen atractivos, pero implementarlos en el above the fold ralentiza la carga del contenido web enormemente, esto debido a que cargan todas las imágenes o diapositivas al mismo tiempo.
Además, el posicionamiento SEO se ve afectado porque aumenta de manera adicional el tiempo de la interacción inicial, lo cual a su vez resulta ser negativo para los Core Web Vitals.
2. Evita los servicios externos
Utilizar algunos servicios externos, como formularios de suscripción, videos de servidores, entre otros, aumenta el tiempo de carga de la página web, además de que podrías generar a los usuarios una experiencia negativa si uno de estos servidores externos fallara, manchando tu reputación y la de tu web.
3. Evita usar tantos anuncios publicitarios (banners)
Es cierto que un anuncio en la zona principal de la página web podría obtener muchas más visitas y conversiones. Pero, poner muchos anuncios podría llevarte a ser penalizado por la política de los buscadores y degradar tu sitio web a una posición baja.
Además de también ralentizar la página web con tales anuncios, ya que vendrían siendo también servidores externos. Recuerda que el usuario busca respuesta a su pregunta, no publicidad.
Evitar los H1 o títulos largos y difíciles de entender
Se recomienda que el encabezado HTML H1 no contenga más de 70 caracteres, de lo contrario el above the fold no cumplirá su objetivo. Asimismo, este debe ser atractivo y fácil de entender.
Conclusión sobre el Above the fold
En vista de que los usuarios quieren ir al grano, el contenido principal de tu web debe ser relevante y preciso, despertando interés en querer saber y explorar más en él.
Recuerda, si deseas obtener un incremento de visitas y permanencia en tu sitio web, una buena posición en las SERP y que los usuarios consideren tu contenido relevante, es imprescindible que optimices tu above the fold.
¿Qué otros factores tomarías en cuenta para optimizar el above the fold de tu sitio web?
Te leo en los comentarios.
