¿Qué son los Core Web Vitals y por qué son importantes para tu SEO?

En abril de 2020, Google anunció la puesta en marcha de las Core Web Vitals pero no entraron en vigor hasta el año 2021. Principalmente se basan en evaluar una página web para ofrecer calidad al usuario y optimizarla para mejorar su posicionamiento. 

Las Core Web Vitals son unas métricas que ha sacado Google para clasificar mejor las páginas web en los motores de búsqueda. Además, es clave para los profesionales dedicados al posicionamiento SEO  y a los Web Masters.

Anteriormente, nos centrábamos en mejorar la velocidad de carga y cómo mejorarla. Pero ahora no solo es importante este factor, sino que tenemos que tener en cuenta muchos otros a través de las distintas métricas que ofrece Google como la capacidad de respuesta o la seguridad.

Cada una de las Core Web Vitals representa una faceta distinta de la experiencia del usuario y, dependiendo de la herramienta que escojamos, obtendremos datos reales o datos de laboratorio. 

Por el momento, estas métricas se centran en 3 factores pero, según Google evolucionarán con el tiempo.

Estos tres aspectos son:

• Carga de contenido (LCP)
• Interactividad (FID)
• Estabilidad visual (CLS)

Métricas de las Core Web Vitals

Carga de Contenido (LCP)

La carga de contenido nos informa sobre el tiempo de emisión de la imagen o el bloque de texto más grande visible dentro de la ventana gráfica.

Se entiende como ventana gráfica a la pantalla de inicio de la web cuando un usuario accede a la misma. 

La carga de contenido de una web suele empezar por un texto y continúa con las imágenes o vídeos. Con ello, ayuda a los usuarios a navegar fácilmente por la web. 

Para potenciar el posicionamiento SEO, el tiempo de carga de los elementos de la web deben ser rápidos. Por tanto, según Google, deberían cargar en 2.5 segundos para que el usuario tenga una buena experiencia en línea. 

Además, nos muestra tres herramientas de medición para diferentes casos: 

1. Rápidas. Para cargas menores o iguales a 2.5 segundos.
2. Necesita mejorar. Para cargas entre 2.5 y 4 segundos.
3. Lentas. Para cargas superiores a 4 segundos.

Algunos desarrolladores intentan cargar primero los elementos interactivos para atraer la atención de los usuarios e incrementar su tiempo en la página. Pero esto conlleva a que el análisis de Google le de una nota baja en el LCP. 

Para medir las LCP se pueden utilizar dos métodos:

1. Herramientas de campo. A través de páginas como Informe de experiencia del usuario de Google Chrome, PageSpeed Insights o Search Console.
2. Herramientas de laboratorio. Mediante páginas como Devtools Google, Lighthouse o WebPageTest.

¿Cómo mejorar el tiempo de carga del contenido de una web?

Para mejorar el tiempo de carga del contenido y evaluar los problemas que podemos tener, hay que tener en cuenta una serie de factores: 

• Lentitud en el tiempo de respuesta del servidor. Deberás contratar un servidor rápido para mejorar el tiempo de carga de una web.
• Bloqueo del proceso en CSS y JavaScript. Cuando un usuario entra en la web, nuestro navegador empieza a leer un código de arriba a abajo. Pero en el caso de que llegue a encontrarse un archivo CSS o JavaScript, este se bloquea ya que necesita descargar y procesar uno de estos dos archivos.

Para ello, basta con instalar un plugin que te permita descargar de manera asincrónica. 

• Lentitud a la hora de cargar los contenidos. Al ser los elementos de la web muy pesados, como es el caso de imágenes o vídeos, la página web se ralentiza. Bastará con optimizar cualquiera de estos objetos para que cargue más rápido la web.

Interactividad (FID)

Después de analizar el LCP se analiza el FID que mide el tiempo que existe entre que haces clic a un elemento y la reacción que tiene este. 

Es importante considerar todos los elementos HTML nativos para el buen funcionamiento del FID, ya que un menor tiempo de respuesta al clic nos dará un buen FID y por lo tanto un buen posicionamiento al menos por este tema.

Google lo calcula en unos 100 milisegundos entre interacción y visibilidad. 

Al igual que el LCP, el FID tiene tres herramientas de medición: 

1. Rápido. Llega hasta 100 milisegundos.
2. Necesita mejorar. Llega hasta 300 milisegundos.
3. Lento. Alcanza más de 300 milisegundos.

Para medir el FID, puedes hacerlo a través de diversas páginas: Informe de experiencia de los usuarios de Google Chrome, PageSpeed Insights, Search Console o Firebase Performance Monitoring. 

Si tenemos un FID demasiado pobre es debido a los siguientes problemas:

• Ejecución pesada de JavaScript. La página no responderá si tiene una ejecución pesada del JavaScript, llegando a desesperar al usuario. Para ello, Google propone comprimir este tipo de archivos y eliminar aquellos que no usa.
• Ruptura de las Long Task. Si el JavaScript tiene una ruptura o bloqueo de una tarea larga podría producir retrasos de hasta 50 milisegundos. La solución a este problema sería dividir las tareas en otras más pequeñas.

Estabilidad visual (CLS)

Este último factor tiene en cuenta la estabilidad visual, en otras palabras, la distancia de desplazamiento que realizan los elementos a la hora de visualizarse en la pantalla.

Al igual que las demás herramientas, tiene 3 elementos de medición: 

1. Rápido. Llega hasta 0.1 segundos.
2. Necesita mejorar. Llega hasta 0.25 segundos.
3. Lento. Alcanza hasta más de 0.25 segundos.

Al igual que el LCP, tiene dos métodos para medir: 

• Herramientas de campo. A través de páginas como Informe de experiencia del usuario de Google Chrome, PageSpeed Insights o Search Console.
• Herramientas de laboratorio. A través de páginas como DevTools de Google Chrome, Lighthouse o WebPageTest.

Para mejorar esta herramienta, Google recomienda los siguientes consejos:

• Optimizar las imágenes.
• Dimensionar los banners y anuncios. Tienen que tener unas medidas correctas y con un peso determinado para que no afecte a tu página web.
• Evitar usar contenido dinámico o pop ups. Se utiliza para incrementar el número de seguidores y el de leads pero si los evitas, lograrás mejorar la experiencia del usuario.

Herramientas de campo de las Core Web Vitals

Como hemos visto anteriormente, las tres métricas de las Core Web Vitals tienen, a su vez, métricas para que consigan posicionarse correctamente en una página web. Las herramientas de campo reflejan la navegación de los usuarios reales. Vamos a analizarlas más detalladamente:

Google Search Controle (GCS)

Google Search Controle identifica grupos de páginas que tienen problemas comunes, no consigue detectar problemas en páginas individuales. GCS separará las Core Web Vitals en sus tres herramientas principales: LCP, FID y CLS. Hay que tener en cuenta que Google Search Console necesita la verificación del servidor DNS para obtener el informe de tu sitio web. 

Google ha lanzado un nuevo informe de experiencia de página dentro de este servicio. Se basa en tener el informe de las Core Web Vitals más las señales de la página existentes: compatibilidad con teléfonos móviles, HTTPS, navegación segura y ausencia de anuncios intersticiales intrusivos. 

Con este nuevo informe, permitirá analizar el rendimiento del sitio web de manera más rápida ya que contiene un porcentaje de URLs con buena experiencia en la página, una gran cantidad de impresiones de búsqueda a lo largo del tiempo y consigue buscar páginas específicas que necesitan una mejoría. 

PageSpeed Insights

PageSpeed Insights es una herramienta de prueba de velocidad de páginas que se basa en el navegador y, además, incluye la puntuación de Core Web Vitals en su informe. Una diferencia con el anterior es que aquí, puedes evaluar el rendimiento de tu página web de manera individual así como distintas recomendaciones sobre cómo mejorar dicho rendimiento.

También, este servidor te indica si tu página cumple o no con los requisitos para tener una buena métrica relacionada con el informe de las Core Web Vitals. 

Chrome UX Report (CrUX)

Chrome UX Report es un conjunto de datos de acceso público sobre la experiencia del usuario de Chrome en el mundo real de millones de sitios web. Este tipo de informe se centra, exclusivamente, en el rendimiento de carga del sitio web. Asimismo mide tanto las métricas de Core Web Vitals como Time to First Byte (TTFB), entre otras. 

Web Vitals Chrome Еxtension

La Web Vitals Chrome Extension mide en tiempo real las tres métricas de Core Web Vitals desarrolladas anteriormente. Estas las mide para Chrome en un PC de escritorio. Esta extensión es fundamental por ser una herramienta de diagnóstico que evalúa el rendimiento de Core Web Vitals mientras el usuario navega por la web.

Haz clic y descárgatela: Extensión para Chrome

Web.dev

La Web.dev es una herramienta de medición gratuita para ejecutar una auditoría de rendimiento en tu sitio web. También, puede verificar el rendimiento de la web en diferentes áreas y proporcionarte consejos para mejorar dicho rendimiento, el estado de la web, la accesibilidad, el uso de las mejoras prácticas y el SEO. 

Herramientas de laboratorio de las Core Web Vitals

Otra de las medidas dentro de las métricas de Core Web Vitals son las herramientas de laboratorio. Estas realizan pruebas en un entorno controlado y ven cómo un usuario potencial experimenta en el sitio web.

A diferencia de los datos de campo, los de laboratorio funcionan con datos simulados, con dispositivos predefinidos y especificaciones en la red.

Su utilidad sirve para reproducir y depurar posibles problemas en el rendimiento de la página web, pero no puede proporcionar datos reales de la experiencia del usuario. 

A continuación, desarrollaremos algunas de sus principales herramientas:  

Lighthouse

Lighthouse es una herramienta de auditoría web automatizada y con código abierto que ayuda a diagnosticar problemas y mejora la calidad de las páginas web. 

La nueva versión incluye dos de las métricas de las Core Web Vitals (LCP y CLS) y una tercera nueva que es el tiempo total de bloque (TBT). Este último mide el tiempo de bloqueo entre la carga del contenido y el tiempo de interacción. 

No puede medir la tercera métrica de las Core Web Vitals, el FID, debido a que requiere la interacción de un usuario real para registrarse. 

WebPageTest

WebPageTest es una herramienta de código abierto, totalmente gratuita, que mide el rendimiento de la velocidad de la página web. Puede identificar secciones específicas en la web que tardan más tiempo en cargarse. 

DevTools

Son herramientas de desarrollo, integradas en el navegador, con el propósito de desarrollar aplicaciones web. Con esto, puedes identificar y corregir cualquier inestabilidad visual y mejorar la métrica de Cumulative Layout Shift.

¿Qué importancia tienen en el posicionamiento SEO las Core Web Vitals?

La importancia de los Core Web Vitals en el posicionamiento es importante, ya que estos darán en los distintos aspectos dichos una nota/evaluación que viendo cómo puntúan estos mejor se posicionará en los distintos motores de búsqueda.

Esto se convierte en un factor clave a la hora de posicionarse orgánicamente ya que Google quiere posicionar las páginas webs con mejor calidad y mejor contenido por lo que con este método evaluará aún más de lo que ya hacía.

Potencia el descubrimiento y relevancia de tu empresa con las soluciones digitales de Nestrategia

¡En Nestrategia te ayudamos a mejorar la presencia de tu negocio online! Estudiamos tu negocio y sus oportunidades en el ámbito digital, para llevar tus conversiones y fidelización a otro nivel.

En Netrategia contamos con expertos en cada área del marketing digital y desarrollo web para impulsar tu empresa con las nuevas tendencias de búsqueda de usuarios.

¡No te quedes atrás, contáctanos!