Core Web Vitals, las métricas de moda
En mayo de 2020, Google anunciaba las métricas Core Web Vitals, destinadas a medir la velocidad, la respuesta y la estabilidad visual de las páginas web. A partir del mismo mes de 2021 se comienzan a usar oficialmente estas métricas para dispositivos móviles, y las equivalentes para escritorio se ponen en marcha en febrero de 2022.
¿Qué son las Core Web Vitals?
Las Core Web Vitals son las principales métricas web que usa Google para valorar la experiencia de usuario en una página. No son las únicas, claro: existen otras que Google evalúa (TBT, FCP, TTBF…), pero podemos decir que a las tres que nos ocupan ahora (LCP, FID, CLS) deberíamos prestarles la mayor atención. Se centran en el rendimiento de carga, la interactividad y la estabilidad visual.
Nacieron para simplificar el panorama de aplicaciones y métricas de rendimiento web proporcionadas por Google hasta ese momento, convirtiéndose en una guía accesible para todos los responsables de SEO técnico. Suponen un paso más en la mejora de la experiencia de usuario, como ocurrió en su momento con la adaptabilidad a móviles, las páginas AMP o el https.
“Las Core Web Vitals son el subconjunto de Web Vitals que se aplica a todas las páginas web; todos los propietarios de sitios deben medirlos y aparecerán en todas las herramientas de Google. Cada uno de los Core Web Vitals representa una faceta distinta de la experiencia del usuario, se puede medir en el campo y refleja la experiencia en el mundo real de un resultado indispensable centrado en el usuario”.
Google dixit.
El trío de moda
LCP o Largest Content Paint
Centrada en el rendimiento de carga, mide el tiempo que tarda en presentarse el elemento de mayor tamaño de los visibles sin hacer scroll. Se estima un buen valor aquel que es inferior a 2,5 segundos, mientras que uno superior a los 4 será considerado pobre.
Consejos para optimizar la métrica LCP
Reducir el tamaño de archivos como vídeos e imágenes, eliminando los que no sean totalmente necesarios.
Optimizar el servidor.
Emplear un CDN que ayude a distribuir los contenidos más eficientemente.
Emplear políticas de caché adecuadas.
Reducir código.
FID o First Input Delay
Mide la interactividad; más exactamente, el tiempo que tarda la página en responder desde que el usuario interactúa con ella. Por ejemplo, el lapso transcurrido entre el clic de ese usuario en un botón y la respuesta de la web.
Esta métrica no existe en los test de laboratorio (después hablaremos de los diferentes tipos de pruebas), donde se sustituye por la TBT (Total Blocking Time). Se consideran buenos los valores inferiores a 100 ms y malos los que superan los 300 ms.
Consejos para optimizar la métrica FID
Reducir la cantidad de JavaScript empleado: generalmente es el causante del retraso en las ejecuciones de las solicitudes al servidor.
Dividir el código de ejecución en partes más pequeñas.
Reducir la ejecución de scripts de terceros (reCaptcha, por ejemplo).
Consejos de Google para mejorar el FID.
CLS o Cumulative Layout Shift
Se centra en la estabilidad visual y mide, durante l5 segundos, los posibles desplazamientos del contenido de la página. Para ello tiene en cuenta el tamaño del elemento y la distancia de su movimiento. Un ejemplo podría ser un botón que al iniciarse la carga de la página se presenta en una posición y después se desplaza a otra, provocando un clic en algún elemento diferente.
Es deseable un valor inferior a 0,1. Superar el 0,25 no tiene nada de bueno, créenos.
Consejos para optimizar la métrica CLS
Incluir atributos de tamaño para imágenes y vídeos.
Reservar de forma estática el espacio para anuncios.
No insertar contenido nuevo encima del existente.
Consejos de Google para mejorar el CLS.
¿Afectan las Core Web Vitals al SEO?
Pues sí, las Core Web Vitals afectan al posicionamiento web. Y no es que lo digamos nosotros; lo dijo Google, a través de su blog, el 10 de noviembre de 2020.
En palabras de John Mueller, aquellas páginas que mejoren sus valores en estas métricas verán también una mejora en su posicionamiento. Algo que avalan los análisis realizados por Sistrix, según los cuales aquellas webs con buena puntuación en las tres métricas mejoraron su visibilidad en un 1 % respecto a la media de las analizadas en el estudio (cuya visibilidad también había aumentado gracias a otras actualizaciones del algoritmo).
¿Qué sucede entonces con las webs que no se llevan bien con ninguna de las tres métricas? Pues que ven reducida su visibilidad en un 2,7 % respecto a la media, y hasta un 3,7 % frente a las que presentan buenos valores.
Hay que aclarar que las métricas afectan a nivel página, no a nivel web. Es decir: se trata cada url del sitio web por separado, aunque si no existen datos suficientes para valorar una de ellas pueden tomarse como referencia otras secciones de la web o el conjunto de páginas de la misma.
¿Cómo medirlas? Herramientas para evaluar las Core Web Vitals
Existen dos tipos de herramientas: las basadas en datos de campo (Real User Monitoring o RUM) y las que se apoyan en pruebas de laboratorio.
Test basados en datos de campo
Emplean el CrUX (Chrome User Experience Report) o Informe de Experiencia del Usuario de Chrome para obtener datos reales del rendimiento de una página. ¿Que cómo podemos ver esos datos? Las tres formas más sencillas para hacerlo son estas:
PageSpeed Insights, que informa sobre el rendimiento en los últimos 28 días y ofrece sugerencias para mejorarlo.
Search Console, que además de los datos históricos de rendimiento permite ver qué páginas necesitan mejoras.
Panel CrUX en Data Studio.
Pero es probable que no dispongas de estos datos si no hay usuarios suficientes en tu web. En ese caso deberás utilizar una prueba de laboratorio.
Test de laboratorio
Se basan en datos obtenidos a partir de pruebas sintéticas en entornos controlados, por lo que no se precisa un número mínimo de usuarios para conocer los valores de las métricas. Sin embargo, en ausencia de usuarios reales no podemos conocer el valor del FID, algo no replicable en un test sintético. Para compensar su falta se tomará como valor análogo el TBT (Total Blocking Time).
Estas son algunas herramientas de laboratorio para medir las Core Web Vitals:
Extensión de Web Vitals para Chrome.
Lighthouse, integrado en los navegadores basados en Chromium (Chrome, Brave, Vivaldi y el mismo Chromium).
WebPage Test.
PageSpeed Insights, que también ofrece datos de laboratorio para poder valorar cambios realizados en la web.
Web.deb Test.
En resumen
Parece evidente que Google quiere que las webs sean rápidas y ofrezcan la mejor experiencia de usuario posible, y por eso premia a aquellas con buen rendimiento. La cuestión es: ¿merece la pena el esfuerzo por ese 3,7 % de diferencia que hemos comentado? La respuesta dependerá mucho del tipo de web del que estemos hablando. Quizás el aumento de visibilidad no sea significativo en todos los casos, pues no hay que olvidar que el contenido sigue siendo el rey y que una web relevante con peor puntuación tendrá mayor visibilidad que una con un 100 de 100 y contenido de escaso valor. Pero tampoco perdamos de vista que hablamos de experiencia de usuario, no solo de posicionamiento, y ahí la ayuda es incuestionable: una buena experiencia ayuda, entre otras cosas, a reducir la tasa de rebote. Esto es lo que dice Google:
Si el tiempo de carga de una página aumenta de 1 a 3 segundos, su porcentaje de rebote crece un 32 %.
Si el tiempo de carga de una página aumenta de 1 a 6 segundos, el crecimiento de su porcentaje de rebote se dispara a un 106 %.
¿Necesitas una agencia especializada en SEO técnico que le eche un ojo a tus métricas? Contáctanos, podemos ayudarte.
¡Piensa en azul!
