[Core Web Vitals] Qué son y cómo pueden ayudar a mejorar el posicionamiento web de tu eCommerce

Llorenç Palomas

Head of Marketing & Growth

• 
• 
• 

No es ningún secreto que Google premia a las páginas que ofrecen una buena experiencia de usuario.

El problema surge con cómo medirla.

¿Cómo se puede baremar una cuestión a la que afectan tantos factores y criterios?

Hasta ahora se hacía controlando distintos KPI´s. Sin embargo, ahora Google ha decidido unificar sus métricas para definir la experiencia de usuario como una suma de velocidad de carga y de usabilidad. Y así surgen las Core Web Vitals.

Tradúcelo como «las principales métricas web» de cara a controlar la UX. Tocan 3 aspectos básicos:

• La rapidez con la que carga la página.
• La rapidez con la que el usuario puede interactuar con la página.
• La estabilidad de la página mientras carga y el usuario interactúa con ella.

En este post vamos a explicarte en profundidad en qué consiste cada una de estas métricas, dónde puedes encontrarlas y cómo puedes usar estos datos para mejorar la experiencia de usuario de tu e-commerce.

Así que sigue leyendo, que esto te interesa. 😉

👉 Qué son las Core Web Vitals y por qué debes tenerlas en cuenta de cara al SEO de tu tienda online

Empecemos con una definición.

Las Core Web Vitals, o “métricas principales de una web”, son las nuevas métricas de Google para cubrir distintos aspectos de la experiencia de usuario.

Gracias a los valores de las Core Web Vitals sabremos si la experiencia de usuario de nuestro e-commerce es buena, o si por el contrario, debemos mejorarla.

Por si no lo tienes claro, la experiencia de usuario o UX es la forma (positiva o negativa) en la que un usuario percibe nuestra web cuando interactúa con ella.

Que la experiencia sea positiva o negativa va a depender de muchos factores. Entre ellos están la usabilidad y la velocidad de carga, que es precisamente lo que nos van a medir las Web Vitals.

Pero, ¿qué aporta esta nueva métrica?

Hasta el momento, teníamos que controlar muchas herramientas y métricas distintas para analizar la experiencia de usuario. El objetivo de las Core Web Vitals es simplificar este proceso y unificar todo lo referente a la UX en una única métrica más sencilla de manejar.

✅ ¿Por qué te interesa conocer las Core Web Vitals?

Ya sabes que Google tiene en cuenta muchos factores a la hora de posicionar un sitio web. Pero sin duda, uno de los que más peso tiene es la experiencia del usuario en la página de tu tienda online.

Core Web Vitals está hecho para ayudar a medir cómo es la experiencia de usuario, por lo que es lógico que Google tenga en cuenta esta métrica para puntuar mejor o peor a una web.

De hecho, ya lo anunciaron en un post de Google Search Central: Core Web Vitals es uno de los indicadores que va a utilizar Google para posicionar. Al fin y al cabo, el objetivo del buscador es dar al usuario páginas que aporten contenido de calidad y una experiencia de navegación cómoda y fácil. 

A continuación, te dejamos un vídeo donde se trata de forma muy completa cómo estos indicadores afectan al SEO de tu página. Si tienes un poco de tiempo, te recomendamos que lo veas.

👉 Las 3 métricas en las que se centra Core Web Vitals para medir la experiencia de usuario

Aunque se habla de que estas métricas irán cambiando con el tiempo, actualmente se componen de 3 aspectos clave para medir la experiencia de usuario: el LCP, FID y CLS. 

Las siglas, por sí solas, seguramente no te digan nada. Así que vamos a ver en qué consiste cada una de ellas.

✅ 1. Tiempo de carga del contenido principal (LCP o Largest Contentful Paint)

Esta métrica mide la velocidad de carga del contenido de la web de una forma algo particular. 

Podemos verlo como la primera “prueba” que la web debe pasar cuando un usuario entra en ella. Si ve un fondo blanco o un indicador de carga, esto no le aporta nada. Por eso, el LCP no mide lo que tarda en cargar la página en sí, sino lo que tarda en cargarse el contenido más relevante para el usuario. 

Es decir, mide lo rápido que se muestra el contenido principal de tu página.

Este contenido podría ser, por ejemplo, una imagen grande, un vídeo o un texto, y suele corresponder con el above the fold, la parte superior de la página, lo visible sin tener que hacer scroll (ir hacia abajo en la página).

Ahora, ¿qué valores establece Google para valorar el LCP? 

Para que se considere bueno, el tiempo de carga debe estar por debajo de los 2,5 segundos. 

✅ 2. Interactividad (FID o First Input Delay)

El usuario ya ha entrado en la web de tu tienda. Todo bien hasta ahí. Pero tras navegar por la página principal, hace clic en una de las categorías y la página tarda más de la cuenta en captar esta acción.

Esta métrica se encarga de medir precisamente eso: la rapidez con la que una página responde a la interacción del usuario.

En el ejemplo anterior, mediría el tiempo que pasa desde que el usuario hace clic en el botón de la categoría hasta que la página responde a ese clic y comienza a cargar la siguiente página. En otras palabras, es el tiempo que pasa hasta que ese botón es “clicable”. Si el botón en cuestión tarda en funcionar, la experiencia de usuario sufrirá en consecuencia.

Según Web Vitals para que el FID sea bueno tiene que estar por debajo de los 0,1 segundos.

✅ 3. Estabilidad visual (CLS o Cumulative Layout Shift)

Seguro que lo has experimentado: ibas a hacer clic en un botón o una imagen, pero cuando vas a pulsar, la imagen se ha movido y haces clic por error en un botón distinto que te lleva a una página a la que no querías ir.

¿Por qué ocurre esto?

Conforme se van cargando los elementos de una página y ocupan su lugar, desplazan y mueven de sitio a los que se habían cargado antes. Si esto no ocurre rápido, al final se acaba estropeando la experiencia de usuario.

Y para eso está esta métrica.

Lo que queremos saber aquí es si tu tienda carga de forma uniforme o si va dando saltos y haciendo que los elementos cambien de lugar a medida que cargan. 

Mientras más se muevan los elementos de la página, más alto puntúa en la métrica de estabilidad visual y peor será la valoración.

Para que la experiencia de usuario se considere buena la puntuación del CLS debería ser menor de 0.1.

👉 ¿Cómo podemos conocer las Core Web Vitals?

Ya sabes en qué consisten cada una de las métricas, ahora vamos a ver las formas de obtenerlas.

✅ 1. Google Search Console 

Entra en tu Google Search Console y busca en el menú “métricas web principales”. 

Ahí lo tienes todo, tanto para móvil como para ordenador.

¿Que no te muestra ningún tipo de información?

Esto puede deberse a que aún no tienes suficientes datos en tu “informe de experiencia de usuario Chrome” o «Chrome UX report«. Este informe de Google obtiene métricas reales de la experiencia de usuario para las distintas URLs y las plasma luego en este apartado. Si tu sitio no tiene suficiente tráfico o tu cuenta de Search Console es muy reciente, lo más probable es que este informe no se pueda emitir aún al no tener datos suficientes en los que basarse.

Si no es tu caso, no deberías tener problema en obtener las Core Web Vitals.

✅ 2. Google PageSpeed Insights

Es otra herramienta de Google que nos va a dar todas las métricas que tengan que ver con la velocidad de carga del sitio. Para ello, se basa en:

• Datos de campo (field data): tiene en cuenta información de usuarios reales. Estos datos los recoge el «Chrome UX report» del que te hemos hablado antes.
• Datos de laboratorio (lab data): se trata de estimaciones basadas en experimentos llevados a cabo por Lighthouse (esto es otra herramienta de Google que usa datos de laboratorio para darte información sobre distintos aspectos a mejorar de tu web).

Para acceder a estos datos solo tienes que entrar en PageSpeed Insights e introducir la URL de tu página web.

Como verás, esta herramienta nos da el LCP y el CLS.

Sin embargo, al igual que nos pasaba antes, no siempre obtenemos los datos del FID.

Esto es por lo mismo que te hemos comentado en el apartado anterior: para sacar esa métrica se necesita “información de campo”. Si el «Chrome UX report» no posee suficiente información, no va a poder darnos esta métrica.

Por último, un aporte interesante de PageSpeed Insights es que te da una puntuación del rendimiento tu página y consejos para mejorarlo.

👉 Consejos finales para mejorar tu puntuación

Una vez conozcas tu puntuación, la misma herramienta te va a dar una serie de sugerencias que pueden serte de utilidad para resolver los problemas de velocidad.

No obstante, nosotros te dejamos también algunos consejos básicos para mejorar la velocidad de tu página web:

• Optimiza las imágenes: evita que tus imágenes pesen más de 150 KB y ajusta siempre las dimensiones a las que se van a mostrar en la página. Si por ejemplo, tu imagen va a aparecer en tamaño 300×300 píxeles, no tendría sentido que la subieras en 600×600 ocupando un espacio innecesario.
• Evita el exceso de plugins: aunque las extensiones son muy útiles para añadir funcionalidades a tu web, procura tener solo las que realmente necesites, ya que demasiados plugins activos ralentizarían el funcionamiento de la página.
• Hazte con un hosting de calidad: aunque pagues un poco más, conviene que escojas el hosting adecuado si quieres que la web sea rápida.

Además, Google cuenta con manuales para mejorar la velocidad que pone a disposición de los usuarios. El inconveniente es que estos son más complejos y, en muchos casos, necesitas trabajar con código.

✅ EXTRA: cómo optimizar las Core Web Vitals para tu eCommerce

Por último, te dejamos este vídeo de Google donde explican de forma muy amena cómo puedes mejorar las Core Web Vitals para tu tienda online.

👉 Deja que las Core Web Vitals te guíen en la mejora de la UX

¿Ya te has familiarizado con estas nuevas métricas?

Aprovéchalas para ir un poco más lejos y seguir mejorando la experiencia de usuario de tu tienda en todos los aspectos.

Porque más allá de mejorarla para «gustar» a Google y que tu página posicione mejor, una buena experiencia de usuario siempre va a ser vital para que tus clientes se sientan cómodos en tu tienda online

Así que no te duermas, y como siempre decimos…¡a seguir midiendo! 😉