¿Últimamente has escuchado el término Core Web Vitals pero no tienes idea de qué son o por qué se habla tanto de ellas? Pues no te preocupes, en este artículo te explicaremos todo sobre esta iniciativa de Google.
Desde qué son y por qué se están tratando de implementar hasta por qué es importante que las apliques a tu sitio web. Además, te diremos cómo pueden influir en la monetización de tu sitio y cómo sacarles el mayor provecho para incrementar tus ganancias de anuncios.
¿Qué son Core Web Vitals?
Core Web Vitals es una iniciativa de Google centrada en la experiencia del usuario y la velocidad de carga de los sitios web. Casi como una parte integral de su sistema de ranking, Google siempre se ha preocupado por mantener la calidad de resultados en su motor de búsqueda, así que esta no es la primera (ni será su última) iniciativa al respecto.
Tal como otras tendencias en SEO, Google lanzó Core Web Vitals como una forma de simplificar para todos los editores los factores mínimos que determinan la buena calidad de un sitio.
Por supuesto, esto no significa que Google vaya a dejar de lado todas las otras métricas que toma en cuenta. Simplemente que están comenzando a prestarle atención a estas características como la barra de medición mínima que deben buscar los editores.
¿Cuáles son los Core Web Vitals?
Ya que los web vitals son un esfuerzo para simplificar a los editores lo que se espera de sus sitios, Google los conformó con sólo tres métricas. Sin embargo, el hecho de que sólo sean tres no significa que sean simples o que no sean complejas. Las métricas de los Core Web Vitals son:
Largest Contentful Paint (LCP)
Tiene que ver con la velocidad de carga y cómo ésta es percibida por el usuario. El LCP es el tiempo que tarda en cargar el elemento más pesado que tenga tu sitio above the fold, es decir, en la parte más alta de este, lo que es visible antes de que un usuario comience a deslizarse hacia abajo.
Este elemento podría ser una imagen, un video o un bloque de texto, dependiendo de cómo esté estructurada la página. Para considerarse buena, el elemento debe cargarse en menos de 2.5 segundos, ‘necesita mejorar’ entre 2.5 y 4 segundos y si supera los 4 segundos se considerará mala o deficiente.
First Input Delay (FID)
El FID tiene que ver con la responsividad de tu página. Lo que se mide aquí es el tiempo de respuesta ante una interacción, es decir, cuánto tarda tu página desde el momento en que un usuario realiza una acción hasta que el sitio envía la respuesta solicitada de vuelta.
Estas acciones están representadas por clics en diferentes partes del sitio y pueden ser desde abrir un menú desplegable, dar clic en un enlace o llenar algún formulario para su envío. Esta métrica es bastante relevante, ya que como usuarios a todos nos ha pasado que la página se ‘congele’ un momento y nos deje esperando por una respuesta.
De acuerdo con Google, para que tu sitio califique como bueno en esta métrica, el FID debe ser de hasta 100 milisegundos, entre 100 y 300 lo marcará como ‘necesita mejorar’ y más de 300 milisegundos se considera ‘deficiente’.
Cumulative Layout Shift (CLS)
Este está relacionado con la estabilidad de tu página, y específicamente, con la estabilidad visual de la misma. Esto se refiere a los cambios o ‘movimientos’ de los elementos que se ven en una página conforme va cargando.
La razón por la que esta métrica resulta importante para Google es que muchas veces estos cambios son molestos para los usuarios, ya que pueden ver un elemento que les interesa al inicio de la carga y éste puede cambiar de lugar conforme termina de cargar, lo cual puede resultar molesto.
A diferencia de las dos anteriores, el CLS no se mide por tiempo, sino por frecuencia o ‘magnitud’ de los cambios de lugar de los elementos en tu página. Lo que se busca aquí es que tu página se mantenga relativamente estable mientras carga, de forma que el usuario no haga clics por error y pueda navegar con más facilidad.
De esta forma, el CLS es acumulativo, dependiendo de qué tanto se mueven los elementos durante la carga, es decir, a mayor puntuación, peor califica tu sitio. De acuerdo con Google, para que califiques como bueno, debes puntuar entre 0 y 0.1, de 0.1 a 0.25 ‘necesita mejorar’ y más de 0.25 es ‘deficiente’.
¿Cómo mejorar los Core Web Vitals?
La idea de que existan estas métricas es justamente que puedas trabajar en ellas y así mejorar la experiencia en tu sitio. Por esta razón, si tus calificaciones en los web vitals no son buenas, no debes preocuparte, pues hay formas en las que puedes mejorar cada uno de ellos.
Tips para mejorar el LCP
- Consigue el mejor hosting que puedas: dependiendo de la calidad de host web con el que estés, los tiempos de carga serán mejores.
- Optimiza las imágenes de tu sitio: recuerda siempre usar el tipo de formato correcto y los tamaños adecuados. Si usas Wordpress y no sabes cómo optimizar tus imágenes, checa nuestro artículo al respecto.
- Lazy Loading: esta técnica que va cargando la página conforme el usuario scrollea reduce los tiempos de espera, lo que te ayuda a mejorar en la velocidad.
- Quita los elementos más pesados: Google Pagespeed Insights te indicará cuál es el elemento que más pesa, de esta forma podrás quitarlo u optimizarlo para mejorar tu LCP.
- Inserta videos en lugar de GIFs: aunque no lo creas, los GIF suelen ser más pesados que un video insertado dentro de la página.
Tips para mejorar el FID
- Usa sólo los códigos de terceros que sean necesarios: los códigos HTML de rastreo de distintas herramientas suelen alentar mucho la carga y, por lo tanto, la responsividad de tu sitio.
- Utiliza Javascript lo menos posible: de la misma forma, la carga de Javascript puede alentar el tiempo de carga, ya que no deja que otros elementos se descarguen a la vez, así que lo mejor es que sólo lo uses para lo absolutamente necesario.
- Organiza los elementos de tu sitio: utiliza atributos HTML para determinar cómo y en qué orden se descargan los scripts y las imágenes.
- Usa la caché del browser: te ayudará a descargar elementos más rápidamente, lo que ayudará con la carga de Javascript.
Tips para mejorar el CLS
- Asegúrate de que los espacios para anuncios estén determinados: si no lo están, pueden aparecer de pronto en medio de la página, empujando contenido y aumentando el puntaje de CLS.
- Utiliza atributos de tamaño para tus imágenes, videos e inserciones: determinar el tamaño de estos espacios es importante para que el servidor sepa exactamente cuánto espacio se va a ocupar y no vaya moviendo/cambiando los espacios mientras carga.
- Agrega los elementos con los que interactúa el usuario below the fold: de esta forma no moverán el contenido del lugar que el usuario espera que esté.
¿Cómo ayudan los Core Web Vitals a la monetización?
En primer lugar, debido a los cambios que está implementando Google, es fundamental para todo sitio web tratar de mejorar los Core Web Vitals. Como con cualquier otra optimización SEO, esto es de gran ayuda para mejorar el ránking de los sitios.
Como ya debes saber, mientras mejor sea el ranking en los motores de búsqueda, mayor es el tráfico y, con ello, las impresiones y los clics. Debido a esto, ponerle atención a los web vitals y optimizar tu sitio para cumplir con ellos puede ayudar a mejorar tu monetización.
Recuerda que mientras mejor ranking tenga tu sitio, más usuarios dedicados tendrás, y esto siempre impactará de forma positiva en tus ingresos.
Eso sí, si realmente quieres llevarlos al siguiente nivel, tu mejor opción es PubGuru, la plataforma de monetización de MonetizeMore, líder de industria en AdOps.
Con esta plataforma no sólo tendrás acceso a Header Bidding, lo que aumentará tus ingresos significativamente de inmediato, sino que podrás detectar y bloquear tráfico inválido con Traffic Cop, nuestra herramienta única en el mercado y contarás con los insights de nuestro equipo de expertos en AdOps, quienes te brindarán atención personalizada 24/7.
¿Qué estás esperando? ¡Solicita una prueba de PubGuru hoy mismo y empieza a escalar tus ingresos!