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

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 鈥渕茅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 鈥減rueba鈥 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

corewebvitals

鉁 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 鈥渃licable鈥. 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.

core-web-metricas

鉁 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.

que-es-core-web-vitals

馃憠 驴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煤 鈥渕茅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.

core-web-vitals

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 鈥渋nformaci贸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.

core-vitals-google

馃憠 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! 馃槈