comunidades

Google Core Web Vitals

Google Core web Vitals


Todo lo que debes saber sobre las Google Core Web Vitals

Brindar un experiencia de usuario óptima dentro de una web es una prioridad para todo prestador de servicio y, por supuesto, para Google. Es por ello, que el gigante de la información ha puesto a disposición de todo público sus Core Web Vitals; una serie de métricas orientadas al análisis del comportamiento de un sitio.

Los Core Web Vitals fungen como un nuevo factor asociado al nivel que ocupa una web dentro del ranking general de Google; en donde, (A partir de junio 2021), la experiencia del usuario pasa a ocupar un papel crítico para su posicionamiento.

Aprender sobre ellos puede ser un poco complejo para quienes no están familiarizados con en el entramado del desarrollo y la programación web. Por eso, preparamos un post completo con la información más relevante sobre Google Core Web Vitals y sus componentes.

¿Qué son los Core Web Vitals de Google?

Como mencionamos en la introducción, los Core Web Vitals son un factor métrico ideado para cuantificar la experiencia del usuario en una web. Su principal unidad de medida es el tiempo, estableciendo diferentes valores considerados como óptimos, mejorables o lentos; los cuales, determinan la posibilidad de interacción de un usuario al momento de su visita.

Cuando una página tiene un tiempo de carga entre 1.5-3 segundos, la posibilidad de rebote aumenta un 32% (Google support, 2020).

Las métricas no están enfocadas en el contenido de las páginas; pero si, en recabar una serie de datos relacionados a los aspectos técnicos que comprenden la navegación en la web.

Según el pensamiento de sus creadores, las métricas se enfocan en captar la información de los primeros segundos experimentados por el visitante de un sitio; y, como pueden disminuirse (Si es necesario), estos tiempos de espera para mejorar sus resultados, impactando directamente en su tráfico.

Progreso de los Core Web Vitals en el tiempo

La toma de métricas como una influencia en el posicionamiento, conectada con la percepción del consumidor comenzó “recientemente” (UOC, 2021). Para ser más concretos, 2016 fue su año de inicio, con la eliminación de los problemas de navegación provocados por los pop-ups.

En 2017 se configuró el Safe browsing, la verificación de seguridad en los sitios libres de software malignos e infecciosos; así como, el uso propio de los certificados de encriptación para asegurar la comunicación dentro del sitio.

Hasta hace algunos años, Google diferenciaba las métricas tomadas en versiones de escritorio de las versiones móviles.

El proceso resultante de búsquedas en el móvil se conoce como Mobile-first indexing, y, está en uso desde el 2018; solo que, su auge ha sido tan grande a lo largo del tiempo (más smartphones que nunca), que se ha convertido en un parámetro único.

Y no fue, sino hasta el final del primer trimestre del 2021 que se dieron cuenta de que el rendimiento móvil es mucho más importante; tanto, como para que, hoy día, importe mucho más la calidad de trabajo de una web en su versión móvil que su versión de escritorio.

Una herramienta complementada a la perfección por Core Web Vitals, que, junto a Search Console evalúan rápidamente la experiencia de uso de una web. Obteniendo métricas de todas partes y dando más peso al SEO técnico, WPO y demás mejoras estructurales dentro de un sitio.

Tres métricas principales

Es importante resaltar, que, las componentes de Core Web Vitals no son las únicas métricas implementadas por Google. Pero, ciertamente son las mejores para analizar en cuanto a experiencia y funcionamiento de un sitio.

Largest Contentful Paint (LCP)

La primera métrica utilizada dentro de las Core Web Vitals es LCP y mide el tiempo que tarda un usuario en ver el contenido en un sitio; para ello, Google utiliza un algoritmo que calcula el tiempo transcurrido cuando para que se muestre el mayor bloque de contenido (Visualmente), a un usuario.

El contenido a mostrar puede variar entre; texto, videos o imágenes; y se trabaja estimando que el más pesado de los elemento en una web suele ser el principal slogan o logotipo que se carga al final. Gracias a ello, puede tenerse una idea del tiempo de interacción transcurrido.

LCP no es pionera en su trabajo, ya que, antes existían otras métricas, conocidas como Load o ContenLoaded que solo brindaban datos teóricos; mientras que, las mejoras aportadas por LCP se enfocan en la experiencia del usuario y sus resultados van de la mano con la realidad.

El máximo valor aportado por LCP en el que Google establece a un sitio como optimizado o veloz, es de 2.5 segundos; considerando un tiempo 0 segundos al acceder a la página, hasta llegar a mostrar todos los elementos, incluyendo el más pesado.

Por debajo de ello, Google indica un tope de 4 segundos, como una zona para “Mejorar” este aspecto en una web; aunque, si el valor supera este valor, será mostrado en color rojo y se indicará un comportamiento pobre.

First Input Delay (FID)

El FID es la métrica encargada de cuantificar el tiempo de reacción de una página con relación a cada interacción del usuario. Esto se traduce como una medida para el tiempo máximo que debería tardar un sitio en responder a la demanda de cada visitante; cada vez que se hace clic en un enlace, un botón, un intento de inicio de sesión y demás.

Para que Google dé el visto bueno a una web toma en cuenta el valor de este parámetro; tal como, una muestra de la buena impresión que se llevaría el usuario al intentar acceder a diferentes opciones en el sitio.

Pero, la rapidez del servidor no es el único valor relacionado con una excelente puntuación en FID. De hecho, los manejadores deben prestar especifica atención a los navegadores de cada usuario, sin ralentizar el software con otras tareas. Donde, un punto de atraso habitual puede ser, los archivos grandes de JavaScript por su ocupación del navegador.

Para obtener el check verde de Google, el valor de FID no debe superar los 100 milisegundos; tomando como referencia el inicio del contacto y el cambio se complete en el navegador.

Hasta 300 milisegundos puede considerarse una velocidad “mejorable”, para ofrecer una mejor experiencia. Pero, al sobrepasar este valor, será necesaria diferentes acciones para adecuar la web.

Cumulative Layout Shift (CLS)

La CLS mide la estabilidad visual de un elemento dentro de una página. Es un concepto con varias capas de interpretación, pero, que tiene que ver con el cambio que va ocurriendo en una web mientras se da la interacción; en donde, van apareciendo y cambiando los efectos para materializar una opción escogida.

La gran cantidad de clics dentro de un sitio o el acceder a ciertas opciones sin que se cargue por completo el contenido, genera saltos.

Estos saltos provocan confusión en los usuarios al momento de leer, acceder o aceptar algunas de las opciones mostradas; una molesta consecuencia que involucra el hacer clic en el lugar y elemento equivocado.

CLS no es un parámetro que mida el tiempo, más bien, se mide la frecuencia de los cambios en el diseño de la página. Con el fin de conocer cada vez que un ítem cambia inesperadamente de sitio; registrando la distancia de su desplazamiento y cuando ocurre.

Google califica como optimizado un sitio con un CLS de 0.1, si pasa este valor y llega hasta 0.25, puede considerarse mejorable. Pero, si el resultado del análisis de rendimiento muestra un CLS mayor, serán necesarias otras acciones.

¿Por qué es crítico utilizar las Core Vitals?

Los Web Vitals y los Core Web Vitals nacieron como una herramienta de análisis para medir la calidad de experiencia de un usuario; y, de hecho, son el mejor indicador que puede pedirse en este momento para los desarrolladores y manejadores de sitios.

La inversión en mejorar las Core Web Vitals de Google se reflejará positivamente dentro de la acción registrada en tu web; haciendo crecer significativamente el tráfico dentro de ella, estimulando una subida de nivel en los resultados de búsqueda y haciéndote capaz de monetizar en el camino. ¡Un Win=Win entre usuario y manejador!

Estos cambios normalmente deben ser ejecutados por un desarrollador, pero, cualquiera con un poco de información puede analizar el performance.

Una herramienta ideal para ello, es Google Search Console y su impresionante pack de utilidades; los cuales, ofrecen análisis independientes que revisan versiones de escritorio y también versiones móviles, tomando datos de experiencias de uso reales.

Google Core web Vitals


Su impacto en el SEO

Las tres métricas que hemos comentado son una iniciativa por parte de Google que insta a los manejadores de sitio a mejorar; a través de un sistema que premia a quienes mantienen en óptimas condiciones sus opciones de interacción y son conscientes con el tiempo de carga.

Asimismo, está claro que estos factores son evaluados continuamente por Google para determinar ¿Cuál es el mejor sitio? para recomendar a sus consumidores. Colocando siempre primeros a aquellos que cumplan los requerimientos y ofrezcan la mejor experiencia posible a sus usuarios.

Por ello, el SEO que se incorpore en la web debe ser meticuloso, hecho para brindar el mejor contenido a quien lo necesite; así como, poseer las mejores métricas de evaluación en su forma, sin publicidad exagerada, ni contenidos demasiado pesados de mostrar.

Debemos de entender que la finalidad de los Google Core Web Vitals es mejorar la velocidad de carga de las páginas web en todos los dispositivos, derivando en una mejora de la experiencia de usuario. Hoy en día es cada vez más importante, y es que los usuarios requerimos todo de forma instantánea, según Google una web debe de cargar en menos de 3 segundos, si no el rendimiento no será tan positivo.

Mantener optimizadas las Core Web Vitals

Una vez obtengas los resultados de las métricas tomadas, seguramente serán necesarias algunas acciones. Por ello, queremos darte una pequeña idea de cuales son los aspectos a mejorar en el caso de cada una de las Core Web Vitals.

Mejorar el tiempo de LCP


Sustituye tu HTML por un framework, para controlar efectivamente la reproducción. También, reducir el tamaño de los textos puede mejorar el tiempo de visualización considerablemente (Web.dev, 2021)

Verifica el comportamiento de CSS y JavaScript para que no haya sobrecargas en el navegador.

Utiliza los cachés del servidos para permitir accesos más veloces en sitios estáticos.

Mejorar el tiempo de FID


Mantén los tiempos de cambio entre acción y acción cortos. Esto puede lograrse al dividir grandes tareas en ejecuciones pequeñas con algunos pasos extras. Teniendo en cuenta, que, Google asume el procesamiento con duración mayor a 50 milisegundos como largo.

Los elementos importantes van al principio. Esto permite a los usuarios realizar la interacción con mayor velocidad, sin esperar largos períodos de tiempo.

Utiliza objetos de ejecución en segundo plano. Los WebWorkers pueden ir realizando tareas mientras el contenido se muestra en la pantalla principal.

Mejora el valor de CLS


Aprovecha el navegador para reservar el espacio correspondiente a cada imagen. Esto se logra dando especificación de las imágenes utilizadas.

Coloca marcadores de posición estáticos en vez de anuncios publicitarios dinámicos, ya que, estos pueden afectar el diseño.

Precargar las fuentes utilizadas en el sitio evita desplazamientos molestos e innecesarios por la interfaz de la web.

¿Cómo puede ver si las Core Web Vitals de tu web están bien optimizadas?

Toda esta información sobre las Google Core Web Vitals que os hemos comentado está muy bien, pero falta algo, la forma de conocer nuestros resultados. El mundo digital nos permite analizar cualquier aspecto de nuestra página web para trabajarlo posteriormente.

A continuación, os vamos a indicar algunas herramientas útiles para analizar y optimizar las Google Core Web Vitals:

Google Search Console

Ya os hemos hablado de esta herramienta en nuestro blog, aquí os dejamos el enlace. Os comentábamos que es fundamental gestionar esta herramienta para sacar el máximo rendimiento a la web, y como no podía ser de otra forma, nos mide las principales métricas de la web relacionadas con este aspecto, las Google Core Web Vitals. Para ver estos datos tendrás que acudir al menú lateral izquierdo, donde pone “Principales métricas web”.

En el caso de contar con URLs pobre o que necesiten una mejora podremos ver en que aspecto está fallando. En nuestro caso todas las páginas son buenas.

Interfaz de usuario gráfica Descripción generada automáticamente


Lighthouse – Google Spedd Test

Una herramienta muy útil para conocer el nivel de optimización de una página web, y también para analizar las Google Core Web Vitals. Este software, creado y gestionado por Google, nos arrojará los resultados de la página, tanto para dispositivos móviles como ordenador.

Interfaz de usuario gráfica, Texto, Aplicación Descripción generada automáticamente


GTMetrix

Recientemente han cambiado sus bibliotecas de estudio, acoplando la tecnología de Lihgthouse a su sistema, por lo que podremos analizar las Google Core Web Vitals con esta herramienta también.

Interfaz de usuario gráfica, Aplicación Descripción generada automáticamente


Trabajar en mejorar las Google Core Web Vitals es algo fundamental hoy en día, siendo cada vez más importante a la hora de posicionar. Recordemos que el usuario lo quiere todo de manera inmediata, y Google quiere al usuario feliz.

Esperamos que este artículo sobre las Google Core Web Vitals os haya resultado interesante y que sobre todo os haya abierto lo ojos de la importancia que tiene el SEO técnico de una web, hoy en día no vale solo con trabajar el contenido.

Estaremos encantados de conocer los trucos y técnicas que habéis utilizado para mejorar vuestros resultados en las Google Core Web Vitals, así que os leemos en los comentarios.

Agencia de marketing Digitalvar

Fuente: este post proviene de Blog DigitAlvar, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Creado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

Todo lo que debes saber sobre las Google Core Web Vitals Brindar un experiencia de usuario óptima dentro de una web es una prioridad para todo prestador de servicio y, por supuesto, para Google. Es p ...

Una de las primeras obligaciones que tienen las empresas cuando son constituidas es la de montar y publicar una página web, si no estás en la red es como si no existieras, y contar con una web atracti ...

¿Qué es Google Tag Manager? En un inicio, era prácticamente imposible realizar cambios, obtener estadísticas o incluir contenido dentro de una web sin llamar al programador. Pero, la llegada de sistem ...

¿Qué es un CRM? La comunicación con los clientes es cada vez más importante. Conocer sus necesidades, sus intereses, mejorar su experiencia con nosotros en definitiva, que estén contentos y felices c ...

Etiquetas: Variado

Recomendamos

Relacionado

Google SEO

Es inevitable contar con todo lo que ofrece el gigante Google cuando construimos un sitio web, y son varias cosas las que el rey de los buscadores pone a nuestra disposición para mejorar el posicionamiento de una página web en el ranking de Google. La más indispensable de todas es Google Search Console (antiguamente llamada Webmasters Tools). Desde aquí podemos verificar que somos los propietarios ...

SEO

Google Analytics es la herramienta para el análisis y la monitorización del tráfico de un sitio web. Como herramienta analítica posee numerosos informes que te servirán para aprovechar al máximo tu web y poder desarrollar estrategias que la orienten hacia los objetivos que te propongas. Vamos a sacarle provecho a esta magnífica herramienta de Google que seguro te sorprenderá con la cantidad de inf ...

Artículos de SEO

¿Qué es Google Search Console? Como usuario, empresa y/o consumidor de contenido digital es prácticamente imposible que nunca hayas aprovechado utilizar una herramienta de Google. Es que, el magnate del movimiento web juega un papel crítico en cuanto a estadísticas y mantenimiento de páginas web, entre muchas otras cosas; un área en la que destaca el set de Google Search Console. Para decirlo con ...

general seo

En Internet pueden existir sitios web que enlacen al nuestro y afecten negativamente a nuestro posicionamiento. Unas veces por provenir de sitios de dudosa reputación u otras por ser directamente páginas generadoras de SPAM, el control periódico de los enlaces que apuntan a nuestro sitio web es importante. ¿Cómo enlaza un sitio web a otro en Internet? Es muy sencillo, desde una dirección externa a ...

general seo

Hemos analizado en múltiples ocasiones en Diarios de la nube como sacar el mejor provecho de Google Analytics para mejorar nuestra web y sus contenidos. Hemos visto desde cómo se instala y cómo comprender mejor los datos estadísticos que afectan a nuestra web hasta cómo visualizar toda la información de la manera más sencilla y práctica. Esta vez vamos a utilizar el módulo de optimización para mo ...

Google

Sin duda Google Analytics es de los servicios más usados, al momento de monitorear las actividades que han realizado los usuarios en nuestro sitio web, sin embargo es importante mencionar que Google analytics no es la única herramienta que te puede ayudar en esta tareas. En esta nota te quiero compartir algunas interesantes alternativas para hacer la analítica de tu sitio web. 1. Metricool Sin dud ...

general propuestas

Los eventos de Intelligence de Google Analytics te permitirán conocer puntualmente el estado de tu web en función de métricas que marcan el éxito o el fracaso en determinadas áreas de funcionamiento de la misma. La suma de todos los cálculos nos pueden dar una idea general de si nuestro sitio web está funcionando como queremos o por el contrario hay algo que no esté funcionando como deseamos. Por ...

Cómo Funciona el Buscador de Google? Qué Hacer Para Posicionar Tu Sitio Web? Google La Clasificación de Los Resultados ...

Te presento este reporte sobre la forma en que funciona el motor de búsquedas de Google, además de varias recomendaciones para que logres posicionar bien tu blog, página web y hasta perfiles de redes sociales, páginas de fans, etc. Todo emprendedor online sabe lo importante que es aparecer bien posicionado en Google. Este buscador se ha convertido en la mayor fuente de tráfico para sitios web en ...

Ayuda o Trucos Posicionamiento Web Google Analytics porcentaje de rebote ...

Qué es la tasa de rebote de Google Analytics La tasa de rebote es la métrica que mide el llamado “engagement” de los usuarios en tu sitio web. El porcentaje de rebote de una web hace referencia al grado de “implicación” que logra obtener de sus usuarios, cuán interesante y sincero es tu sitio en relación a lo que supuestamente “prometes”. Al tratar de definir qué es la tasa de rebote, he leído p ...

general propuestas

Google Drive es el servicio de almacenamiento en la nube desarrollado por Google. Hemos visto diversas utilidades que aprovechar con Google Drive para potenciar a Blogger: para alojar y servir una web completa, para alojar hojas de estilo o recursos para nuestra web que no podemos almacenar en Blogger, para crear enlaces de descarga de archivos con los que complementar nuestras entradas (instrucc ...