¿Qué son los core web vitals? ¿Afectan al SEO?

31/12/2020
  • Vamos a hablar de qué son los core web vitals y del impacto que van a tener en SEO este 2021. Es un tema importante sobre el que merece mucho la pena poner atención.

  • Todos los años son convulsos en lo que se refiere al SEO, pero este puede que lo haya sido más. Hemos visto varios updates del core como el del mes de mayo. O el más reciente –en este mismo mes de diciembre…–, Google Lens amenazando con transformar el SEO para imágenes, nuevos plazos para el Mobile First Index

     Con el ruido habitual, unido a todo lo que ha generado el coronavirus en el eCommerce y la propia sociedad, es posible que para muchos haya pasado desapercibido algo llamado core web vitals. No lo pases por alto porque va a tener cierto peso en la estrategia de SEO para 2021.

  • ¿Qué son los core web vitals?

  • Como ya sabrás, Google prioriza de muchas maneras la experiencia de usuario.  Esto, que no es nada nuevo, se veía reflejado en la relevancia de la velocidad de carga –hasta el punto de ser considerada un factor de ranking– o los informes y notificaciones acerca de usabilidad que nos muestra en Google Search Console.

     Los core web vitals van en esa línea. En realidad no es una herramienta como puedan serlo Google PageSpeed o Lighthouse: se trata de una serie de métricas que el buscador estima básicas para que la experiencia de navegación sea óptima por parte del usuario.

     Todos estos core web vitals están enmarcados dentro de la usabilidad o, incluso de forma más evidente, en el rendimiento de la página. Son unas directrices que debemos seguir y tener controladas.

     Veamos cuáles son.

  • LCP o Largest Contentful Paint

  • Por resumirlo de alguna manera, hablamos del tiempo que pasa entre que el usuario hace click en el enlace y termina de cargar el bloque de contenido más grande por debajo de línea de scroll (da igual el tipo de elemento del que hablemos, puede ser desde texto a una imagen o un vídeo).

     La clave de esta métrica es que hace foco siempre en el usuario, no tanto en cualquier otro aspecto técnico. Lo que realmente mide es lo que tarda la página en resultar interactiva y operativa para el visitante.

     Este análisis se puede extraer con el citado PageSpeed de Google. Tiene la ventaja de ser realmente visual y puede darte pistas concretas de cómo resolverlo (aunque si no tienes un perfil muy técnico es posible que necesites ayuda con esto).

  • La desventaja es que este cálculo lo realiza exclusivamente desde el navegador Chrome. Lo más fiable es que lo mires directamente en los informes de Google Search Console (métricas principales).

     ¿En qué parámetros se debe mover el LCP? Pues, para que te sirva de referencia: 

    • Bueno: por debajo de 2,5 segundos
    • Necesita mejoras: hasta 4 segundos
    • Pobre: por encima de esos 4 segundos.
  • TIP PRO: para mejorar esta métrica lo más habitual es eliminar scripts innecesarios, mejorar tu servidor, utilizar el lazy loading para cargar las imágenes a medida que se hace scroll o eliminar/comprimir los recursos más pesados.

  • FID o First Input Delay

  • Puede parecer similar al LCP pero hay un matiz importante. Mientras que la primera métrica se refiere al tiempo que necesita la página para estar lista para su uso, FID mide la interactividad real.

    Por decirlo de otra forma, utilizamos este core web vital para medir la velocidad de respuesta ante el click por parte de la persona que navega por nuestra página. Esto engloba pinchar en un enlace, elegir una opción en un menú, introducir el texto en un formulario, lo que tarda en responder un menú desplegable

     Para Google la prioridad es siempre la experiencia sin fricciones, lo más fluida posible para que el usuario se sienta satisfecho. En determinadas URLs de nuestro eCommerce, el FID puede representar incluso una diferencia entre una conversión decente o una muy pobre (checkout, registro…).

     También puedes comprobar rápidamente el FID de tu página por las mismas vías: Pagespeed  y Google Search Console.

  • ¿En qué parámetros se debe mover el FID? A modo de referencia, esta sería la escala:

    • Bueno: por debajo de 100 milisegundos
    • Necesita mejoras: hasta 300 milisegundos
    • Pobre: por encima de esos 300 milisegundos.
  • TIP PRO: Para mejorar el FID de tu web puedes optar por minimizar el JavaScript de tu sitio, eliminar scripts no críticos (desde Analytics a códigos de seguimiento o medición de otras herramientas) y, por supuesto, usar la caché del navegador.

  • CLS o Cumulative Layout Shift

  • Este es un concepto sencillo de entender pero no tanto de explicar. Hace referencia a la estabilidad visual de una página.

     ¿Qué es eso? Pues te pongo un ejemplo sencillo. Imagina que entras en una web en la que, aunque no haya terminado de cargar, ya se puede empezar a navegar. Cuando vas a hacer click en un botón… se carga una foto y “pierdes el click”.

  • Seguro que te ha pasado mil veces y te resulta incomodísimo como a cualquiera de nosotros. Pues esto es exactamente lo que Google mide con el CLS.

     ¿En qué parámetros se debe mover el CLS? En este caso no mide en tiempo sino que utiliza una escala propia que puedes consultar aquí si te interesa saber cómo se calcula. Dentro de esa escala:

    • Bueno: menos de 0,1
    • Necesita mejoras: hasta 0,25 segundos
    • Pobre: por encima de esos 0,25 segundos
  • ¿Son los core web vitals un factor de ranking?

  • A día de hoy, no… Insisto: a día de hoy. La previsión es que en mayo de 2021 pasen de ser una recomendación basada en buenas prácticas a un factor con influencia en el ranking SEO de cualquier página.

     ¿Cómo de importante? Eso es difícil saberlo ahora mismo (dudo que sea determinante), pero todo lo que sume es interesante. Y, en este caso, mejora la forma de interactuar con nuestra tienda y eso optimiza el eCommerce a todos los niveles y, particularmente, desde el usuario.

  • ¿Habías oído hablar de los core web vitals? ¿Qué resultado tiene tu página en LCP, FID y CLS? Compártelo con nosotros.

  • Imágenes | Google y Unsplash.

Jordi Ordoñez


Jordi Ordóñez és consultor eCommerce i SEO amb 16 anys d'experiència en projectes online. Ha assessorat a clients com Castañer, Textura, Acumbamail, Kartox o Casa Ametller. Escriu al blog oficial de Prestashop, BrainSINS, Marketing4ecommerce, Fotografía eCommerce, Socialancer, eCommerce-news.es i SEMRush entre d'altres. És redactor al blog d'Oleoshop.
comments powered by Disqus

Buscar entradas

Últimas entradas

Este sitio web almacena datos como cookies para habilitar la funcionalidad necesaria del sitio, incluidos análisis y personalización. Puede cambiar su configuración en cualquier momento o aceptar la configuración predeterminada.

política de cookies

Esenciales

Las cookies necesarias ayudan a hacer una página web utilizable activando funciones básicas como la navegación en la página y el acceso a áreas seguras de la página web. La página web no puede funcionar adecuadamente sin estas cookies.


Personalización

Las cookies de personalización permiten a la página web recordar información que cambia la forma en que la página se comporta o el aspecto que tiene, como su idioma preferido o la región en la que usted se encuentra.


Análisis

Las cookies estadísticas ayudan a los propietarios de páginas web a comprender cómo interactúan los visitantes con las páginas web reuniendo y proporcionando información de forma anónima.


Marketing

Las cookies de marketing se utilizan para rastrear a los visitantes en las páginas web. La intención es mostrar anuncios relevantes y atractivos para el usuario individual, y por lo tanto, más valiosos para los editores y terceros anunciantes.