The alternative SEO rank tracker

¿Qué son las Core Web Vitals y cómo afectan al SEO?

Core Web Vitals | 

Google da una gran importancia a la experiencia de usuario para el posicionamiento web. El objetivo de su buscador es recomendar a los usuarios sitios web donde puedan encontrar lo que realmente buscan y disfruten de una buena experiencia de usuario.

Por este motivo, Google ha introducido un nuevo factor de posicionamiento basado en la experiencia de usuario, las Core Web Vitals. Estas métricas se basan en tres aspectos fundamentales de posicionamiento, y las páginas que los cumplan verán cómo alcanzan mejores posiciones en las páginas de resultados.

Tabla de contenidos

¿Qué son las Core Web Vitals?

Las Core Webs Vitals son tres nuevas métricas de Google que tienen la función de medir la experiencia de usuario que proporciona una página web. Estás métricas se basan en varios factores principales para su cálculo, y su valor tiene un impacto directo en el posicionamiento web.

Los factores clave para calcular las Core Webs Vitals son:

  • Tiempo de carga.
  • Interactividad del sitio web.
  • Estabilidad visual.

¿Puedo mejorar el SEO mejorando las Core Web Vitals?

La respuesta a esta pregunta es sencilla, si, mejorar las Core Web Vitals es fundamental para que Google posicione en mejor lugar a una web en sus páginas de resultados. La experiencia de usuario se encuentra entre las prioridades de posicionamiento de Google, y estas métricas han sido desarrolladas basadas en ella.

¿Cuáles son las Core Web Vitals?

Como ya comentamos anteriormente, las Core Web Vitals son tres métricas basadas en tres factores clave de posicionamiento para Google. Así tenemos:

LCP o Largest Contentful Paint

Esta métrica se basa en medir el tiempo de carga de un sitio web. Su valor se obtiene calculando cuánto tiempo tarda un sitio en mostrar el contenido más importante (o que más pesa).  Normalmente, las imágenes suelen ser los elementos de mayor tamaño por lo que Google suele tener en cuenta la carga de las imágenes para medir esta métrica.

Por lo tanto, para poder obtener un buen LCP de un sitio web es importante aplicar una optimización de todos los elementos que influyen en la velocidad web, como los vídeos e imágenes, el hosting utilizado, o la optimización del código HTML, CSS y JavaScript, entre otros.

La recomendación de Google para esta métrica es mantenerlas en un valor de 2.5 segundos o menos para ofrecer una buena experiencia de usuario.

FID o First Input Delay

Esta Core Web Vital mide el tiempo que transcurre desde que un usuario interacciona con un elemento de la web, y este responde. Por ejemplo, el tiempo transcurre entre que un usuario hace clic en un enlace, y se muestra el contenido del mismo.

Un ejemplo para entender qué mide esta nueva métrica lo podemos encontrar en un eCommerce, para medir cuánto tiempo transcurre entre que el usuario hace clic en el botón comprar y la aparición del contenido del carrito.

La recomendación de Google para esta métrica es mantenerlas en un valor de 100 milisegundos o menos para ofrecer una buena experiencia de usuario.

CLS o Cumulative Layout Shift

La estabilidad visual en la que se basa esta métrica hace referencia a los cambios de ubicación que experimenta el contenido de una página a medida que esta va cargando. Este tipo de cargas afectan directamente a la experiencia de usuario ya que resultan molestas y confusas.

Por ejemplo, al entrar en una página web se cargan una serie de enlaces, y el usuario quiere acceder a uno de ellos de forma inmediata, pero cuando lo hace, carga más contenido y ese enlace cambia de ubicación, por lo que finalmente el usuario hace clic en otro tipo de enlace y acaba en un lugar al que no deseaba ir.

Para realizar el cálculo de esta métrica se mide el número de cambios de ubicación del contenido durante la carga, así como su magnitud.

La recomendación de Google para esta métrica es mantenerlas en un valor de 0.1 o menos para ofrecer una buena experiencia de usuario.

Herramientas para monitorizar las Core Web Vitals

Google se encarga de calcular estas métricas con la gran cantidad de datos que obtiene de la web, algo que no puedes realizar de forma directa, ni con el uso de herramientas específicas. Lo que sí se puede utilizando herramientas especializadas, es monitorizar una aproximación de las Core Web Vitals, para poder saber si la web se mueve en valores aceptables.

Entre las principales herramientas que se pueden utilizar para monitorizar el valor de las tres métricas de experiencia de usuario tenemos:

  • Pagespeed Insight. Se trata de la herramienta gratuita de Google para medir WPO, y que proporciona información sobre la velocidad de carga y los elementos que influyen en garantizar la web. Otra alternativa es GTmetrix, una herramienta muy potente, y la más utilizada a la hora de medir y mejorar la velocidad web.
  • Lighthouse de Google. Esta herramienta evalúa una web en las siguientes áreas: rendimiento, accesibilidad, mejores prácticas y algunos aspectos SEO básicos. Es una herramienta muy útil para medir LCP o CLS.
  • Google Search Console. En Search Console hay disponible un informe de Core Web Vitals, que permite analizar páginas que requieren correcciones en relación a estas tres métricas tan importantes para el SEO.
  • Core SERP Vitals. Se trata de una extensión para el navegador Chrome que permite ver las métricas de Core Web Vitals de las páginas mostradas en las SERPs de Google. Se trata de una extensión muy útil, que añade el valor de las distintas métricas justo debajo del título de cada sitio en las páginas de resultados.

¿Cómo mejorar las Core Web Vitals?

Veamos que se puede hacer para mejorar estas métricas y ofrecer la mejor experiencia de usuario, consiguiendo que Google posicione mejor el sitio web en sus SERPs.

Mejorar el LCP

Para mejorar la métrica LCP es necesario acelerar el tiempo de carga de un sitio web y de todas sus URLs. 

Son muchas las medidas que se pueden tomar para optimizar la velocidad web, siendo las más habituales:

  • Optimizar imágenes. Las imágenes suelen ser los elementos que mayor influencia tienen a la hora de ralentizar el tiempo de carga. Entre las medidas que se pueden aplicar para optimizarlas están el uso de formatos comprimidos (JPG o PNG, por ejemplo), reducir la resolución de las imágenes, utilizar solo las imágenes que aporten valor, o utilizar miniaturas de precarga.
  • Selección de hosting. La elección de un proveedor de alojamiento web es clave para acelerar la velocidad de carga, ya que la capacidad de sus servidores web (discos SSD, velocidad de proceso, memoria RAM…) y de conexión a internet son fundamentales.
  • Uso de la memoria caché. Activar el uso de la memoria caché permite que la velocidad web se acelere al no tener que volver a cargar ciertos elementos.
  • Optimizar el código web. En el desarrollo de una web se utilizan diferentes lenguajes de programación y marcado, como HTML, CSS, PHP y JavaScript. Optimizar el código de la web hará que tarde menos en cargar y ayudará a reducir el valor de LCP.

Mejorar el FID

Optimizar el LCP no es una tarea complicada, algo que sí sucede para alcanzar un buen valor de la métrica FID que mide la interoperabilidad de la web.

La clave es apostar por un diseño de UX sencillo y ligero para intentar estar por debajo de los 100 ms de reacción entre un clic y que se muestre el contenido.

Algunos elementos JavaScript hacen que este tiempo se ralentice, por lo que es importante comprobarlo y eliminar aquellos que estén ralentizando la FID. Esto sucede porque JavaScript es un lenguaje interpretado que se ejecuta en el propio navegador, y por lo tanto es común que lo sobrecargue muchas veces y afecte de forma negativa al tiempo de carga.

Si se utiliza el CMS WordPress, apostar por una plantilla o tema optimizado para reducir la FID es la mejor opción, lo que simplifica de forma considerable el esfuerzo y trabajo necesario para hacerlo.

Mejorar el CLS

Una herramienta muy interesante para identificar los elementos que hacen variar de posición los elementos de una página mientras carga es la extensión DevTools para el navegador Chrome de Google.

Los principales motivos por los que ocurren estos problemas que afectan a CLS están relacionados con un incorrecto marcado de las dimensiones de los iframes o imágenes. Corrigiendo estos valores la página se cargará directamente, sin necesidad de desplazarlos elementos durante el proceso.

Utilizar las fuentes adecuadas ayuda a reducir la CLS es importante. Las fuentes requieren recursos para cargarse y puede ser una fuente que desubique elementos mientras es cargada.

Cuando se optimiza la velocidad de carga para mejorar la LCP, también se está mejorando la CLS, pues si los elementos tardan menos en cargar, los cambios de ubicación durante la carga tendrán un menor impacto. 

Podemos ver como los tres factores de las Core Web Vitals se encuentran relacionados entre sí. Esto es algo normal porque han sido diseñados para expresar la experiencia de usuario que ofrece un web. Al mejorar uno estos tres elementos, se está influyendo de forma positiva en los otros dos, algo que es de agradecer desde el punto de vista del trabajo SEO.

Más dudas sobre Core Web Vitals

Veamos algunas curiosidades o puntos interesantes sobre estas tres nuevas matrices de Google.

Añade aquí tu texto de cabecera

A partir de mayo de 2021, Google analizará las Core Web Vitals junto a otros cuatro indicadores para marcar el posicionamiento de los sitios web en su ranking. Las tres métricas se valorarán junto a estos cuatro indicadores:

  1. Optimización para dispositivos móviles. Las páginas deben adaptarse a dispositivos móviles (responsive design,), o mucho mejor, deben ser desarrolladas bajo el concepto mobile first (primero se desarrollan para móviles, y luego se adaptan a equipos de escritorio).
  2. Safe browsing. Cada vez Google da mayor importancia al componente de seguridad en la navegación web (contenido sospechoso, descargas maliciosas, contenido engaños…).
  3. Utilizar el protocolo HTTPS en lugar del protocolo HTTP.
  4. La utilización de anuncios intersticiales intrusivos (anuncios que se muestran al entrar en una web y que paralizan su funcionamiento).

Google apuesta fuerte por la experiencia de usuario a la hora de posicionar los sitios web en sus páginas de resultados. Con el uso de las Core Web Vitals se disponen de tres métricas basadas en la experiencia de usuario que son muy útiles para el SEO, pues permiten aplicar diversas técnicas para cumplir con los valores recomendados por Google, y ver así favorecido su posicionamiento web.

Monitorizar las Core Web Vitals con herramientas como PageSpeed Insight o GTMetrix es una buena alternativa para poder garantizar que el sitio web siempre cumple con los valores ideales. Si alguna de estas tres métricas está fuera de los valores que indica Google, será necesario aplicar diferentes técnicas SEO para reducirlos y así poder alcanzar mejores posiciones en las SERPs.