Google Core Web Vitals

“Los Core Web Vitals ayudan a mejorar la experiencia de usuario”

En el presente la experiencia de usuario ha ganado más peso dentro del posicionamiento en las búsquedas de Google, el gigante de internet ha dado más importancia  a diferentes factores que están relacionados de cerca con la User Experience, o Experiencia del Usuario (UX), por lo que construir un sitio con una buena velocidad de carga y que facilite la navegación es vital para tu posicionamiento orgánico.

En vista de la necesidad de un eficaz posicionamiento orgánico, Google pensó en las métricas web principales a la hora de proporcionar resultados en las SERP. Para ayudarte a encontrar estos elementos, Google ha lanzado los Core Web Vitals.

Google nos tiene acostumbrados a difundir cada cierto tiempo información de posibles cambios o nuevas implementaciones que influyen en el posicionamiento. Esto genera grandes cambios en el mundo del SEO, produciendo debates y una diversidad de artículos y blogs especializados en posicionamiento orgánico.

¿Qué son los Core Web Vitals?

Core Web Vitals o elementos esenciales de la web conforman un conjunto de métricas que de acuerdo con Google “se aplican a todas las páginas web, y deben ser medidos por todos los webmaster, y que, desde ahora, aparecerán en todas las herramientas de Google. Cada uno de los Core Web Vitals representa una faceta diferente de la experiencia de usuario, es medible y refleja la experiencia del mundo real de un resultado crítico centrado en el usuario”.

Los Core Web Vitals se encuentran disponibles como una extensión de Google Chrome, son una herramienta gratuita, y de hecho ya estaban disponibles como parte de web.dev, el portal de Google para ayudar a los desarrolladores a crear webs más eficientes.

En resumen, los Core Web Vitals son tres indicadores que nos dan una imagen del rendimiento y experiencia de usuario de una web. Estos indicadores serán tomados en cuenta por el algoritmo de Google (entre otros parámetros) a la hora de ordenar los resultados de búsqueda.

Los Tres Indicadores específicos que abarcan aspectos de la experiencia de usuario Core Web Vitals

 

LCP (Largest Contentful Paint)

Esta métrica está dedicada a medir la velocidad de carga percibida, está relacionado con el tiempo de carga de una página web y la rapidez con la que se muestran los elementos visuales principales al usuario una vez este ha hecho click.

¿Qué valor sería correcto? Según Google, los sitios web que tienen una buena experiencia de usuario son aquellos que presentan un valor de LCP menor a 2,5 segundos desde el inicio de carga de la página. Una puntuación será considerada mala si supera los 4 segundos. Entonces, los sitios deberán esforzarse por mostrar el contenido dentro de los primeros 2,5 segundos.

¿Qué puedes hacer para mejorar el LCP?

• Habilitar el almacenamiento en caché del sitio.

• Comprimir y optimizar las imágenes de tu sitio web.

• Optimizar las fuentes web.

• Optimizar o bloquear el JavaScript y el renderizado CSS de tu sitio durante la carga.

• Implementar la carga diferida de imágenes.

• Optimizar la carga de recursos estáticos con un servicio CDN.

FID (First Input Delay)

Con esta métrica puedes cuantificar la experiencia de usuario al interactuar con páginas y el modo en que estas responden por primera vez.

¿Qué valor sería correcto? Una página ofrecerá una buena experiencia de uso si el FID (First Input Delay) es menor a 100 milisegundos. La puntuación será mala si supera los 300 milisegundos.

¿Qué puedes hacer para mejorar el FID?

• Reducir tiempo de ejecución del código javascript.

• Reducir elementos javascript.

• Reducir el volumen de transferencia al servidor.

• Reducir solicitudes al servidor.

• Reducir código de los servicios externos o de terceros.

En general, el retraso de entrada (también conocido como latencia) ocurre cuando el hilo principal de navegación está ocupado haciendo otra cosa, así que aún no puede responder al usuario.

Otra razón que Google indica es que el navegador está ocupado analizando y ejecutando un archivo JavaScript grande por alguna aplicación.

 CLS (Cumulative Layout Shift)

Con esta métrica puedes medir la estabilidad visual de acuerdo con el número de cambios de diseño inesperados del contenido de una página web visible.

Este KPI mide la estabilidad de los elementos de la página, en el sentido que un usuario pulse sobre un lugar en el que no quería, por culpa de un movimiento fugaz de un elemento de la página.

Esto generalmente ocurre cuando los recursos se cargan de forma asíncrona, o bien, como Google asegura,  los elementos se agregan de forma dinámica a la página sobre el contenido existente. Quizás el culpable sea una imagen o vídeo con dimensiones desconocidas, una fuente que se hace más grande o pequeña en su reserva o bien un widget o anuncio de terceros que se redimensiona de forma dinámica.

¿Qué valor sería correcto? Google considera un buen valor CLS por debajo de 0,1. Superior a 0,25 se consideraría una mala puntuación de CLS.

Herramientas gratuitas para medir los Core Web Vitals

• Page Speed Insights: la conocida herramienta para averiguar el rendimiento de nuestra web muestra desde diciembre de 2020 los datos de Core Web Vitals.

• Search Console: podrás encontrar los Core Web Vitals en la sección Mejoras Métricas web principales. Si tienes tu web registrada en Search Console y tienes las alertas activadas, es posible que ya recibas avisos si hay problemas en los valores.

• Chrome DevTools: si en el navegador Chrome presionas F12 (habilite DevTools) y luego cambias a la pestaña a “Performance”, podrás activar el check “web vitals” para obtener resultados detallados del análisis del rendimiento del sitio.

Podemos resumir que el posicionamiento orgánico de un sitio se calcula teniendo en cuenta más de 200 factores, por lo que es esperable que estas métricas web principales actúen en conjunto con otros y no tengan, por sí solos, un peso significativo.

Sin embargo, los Core Web Vitals miden algo visible que puede afectar la experiencia de navegación de los usuarios, por lo que es importante tenerlos en cuenta y trabajar para mantener los sitios web en los valores adecuados

Clic aquí para adquirir nuestro curso de Herramientas efectivas para gestionar las Redes Sociales