Por tanto, se trata de una propuesta del propio Google, que tiene el objetivo de unificar y simplificar criterios para optimizar un sitio web, señalando 3 factores clave relacionados con el tiempo de carga y la interacción de los usuarios con el contenido de la página.
Para cumplir estos factores no hace falta tener conocimientos avanzados. Solo hay que seguir las prácticas adecuadas para medir la experiencia que tiene un usuario con una página.
A continuación, te cuento todo lo que debes saber sobre las Core Web Vitals. ¡Atentos!
¿Qué son las Core Web Vitals en SEO?
Las Core Web Vitals son las métricas principales (LCP, FID y CLS) que impone Google para medir y analizar la experiencia web del usuario, teniendo en cuenta 3 factores: la velocidad de carga, la interactividad y estabilidad visual del sitio web.
Esto surgió en mayo de 2020 cuando Google anunció el desarrollo de estas métricas con la idea de unificar indicadores que señalan la calidad de una página web en vez de tratar diferentes métricas para evaluar.
¿Cuáles son las métricas principales de las Core Web Vitals?
Estas son las métricas principales de una web, que además en cada una se indican si la experiencia del usuario ha sido buena, necesita mejoras o ha sido pobre (o mala):
1. LCP o Largest Content Paint (o procesamiento de imagen con contenido más grande)
Esta métrica se encarga de medir la velocidad de carga del contenido y del elemento más grande del above the fold o el primer pantallazo visible de la web.
Por lo que el contenido de mayor tamaño debe verse en menos de 2,5 segundos desde que la página empieza a cargar. Si se cumple, se estará dando una buena experiencia al usuario.
El rango al medir el LCP es:
- Bueno: menos de 2,5 segundos.
- Medio: entre 2,6 y 4 segundos.
- Malo: más de 4 segundos.
2. FID o First Input Delay (o retraso de primera entrada)
El FID es la métrica que mide el tiempo de carga de un elemento cuando el usuario hace clic. Por lo que mide la interactividad, la respuesta y cuantifica la experiencia cuando la persona intenta interactuar con el site.
Por ejemplo, cuando un usuario hace clic en el botón de comprar un artículo en un ecommerce. Al tiempo que tarda la página en responder a una interacción o acción de clic se le denomina FID.
El rango de medición del FID es:
- Bueno: menos de 100 milisegundos.
- Medio: entre 101 y 300 milisegundos.
- Malo: más de 300 milisegundos.
Esto quiere decir que un FID óptimo tiene que ser inferior a 100 milisegundos o 0,1 segundos.
3. CLS o Cumulative Layout Shift (cambio de diseño acumulado)
El CLS hace referencia a la estabilidad visual; es decir, mide la cantidad de cambios en el diseño del contenido visible. Un CLS óptimo tiene que ser inferior a 0,1.
Por ejemplo, cuando un usuario entra a una página web y ve cómo se carga una imagen y desplaza los textos hacia abajo.
Cada cambio en la estabilidad visual de un sitio web recibe una puntuación y al terminar la carga completa, se suma todo.
El rango para medir el CLS es:
- Bueno: menos de 0,1.
- Medio: entre 0,11 y 0,25.
- Malo: más de 0,25.
¿Qué importancia tienen las Core Web Vitals en una estrategia SEO?
Estas métricas reflejan la calidad de la experiencia del usuario que visita tu página. Con todo ello, las Core Web Vitals se hicieron para ser una especie de guía básica para saber qué debes optimizar en tu sitio web para rankear en Google.
No son más que una forma simple de saber cuáles son los factores que debes trabajar para optimizar una web y centrarte en aquellos que garanticen una experiencia de alta calidad al usuario.
En un principio, se dijo que estas métricas no afectarían directamente al posicionamiento SEO de una web. Sin embargo, sí tienen un peso notorio en el ranking de Google.
Piensa que la experiencia del usuario es un factor que el algoritmo de Google siempre ha tenido en cuenta y el buscador seguirá premiando a aquellas webs que ofrezcan una buena experiencia.
Lo que Google hará será sumar todas las puntuaciones de estas métricas para determinar la nota de un sitio. Cuanto más alta sea la nota, su posicionamiento será peor.
Por este motivo, si tienes una web, un ecommerce o un blog de nicho y trabajas en una estrategia SEO para ganar visibilidad y atraer tráfico cualificado, debes tener en cuenta estas métricas de las Core Web Vitals para que tu posicionamiento no se vea afectado.
Otra cosa importante a tener en cuenta es que estas métricas de las Core Web Vitals de Google se complementan con otras métricas de posicionamiento:
- El sitio debe ser mobile friendly (compatibilidad con dispositivos móviles).
- Debe tener una navegación segura.
- Usar el protocolo HTTPS.
- Utilizar ventanas emergentes no intrusivas.
Herramientas para medir las Core Web Vitals de Google
Te recomiendo que analices el rendimiento de tu sitio web con herramientas que tienes a tu alcance y que te ayudarán a obtener información de las Core Web Vitals de forma sencilla y práctica.
Google Search Console
Dentro de esta herramienta, dirígete al menú lateral izquierdo de Google Search Console y haz clic dentro de Experiencia, en Métricas webs principales y Abrir informe.
Verás una clasificación de páginas malas y las que necesitan una mejora. Presta atención a las malas primero para mejorarlas, que son las más prioritarias.
Debajo del gráfico encontrarás 5 columnas: gravedad, incidencia, validación, tendencia y URL. Haz clic en Malas para ver en qué URL está el problema.
Tras hacer clic, se te abrirá una ventana a la derecha, llamada Ejemplos de URLs en este grupo. Anota esas páginas para examinarlas con el siguiente recurso.
PageSpeed Insigth
Es otra herramienta de Google que sirve para ver el conjunto de páginas que necesitan optimizarse. En concreto, PageSpeed Insight permite diagnosticar problemas e identificar oportunidades por página para mejorar la experiencia del usuario.
En ella podemos ver si se cumplen los objetivos de las Core Web Vitals. Y nos da información sobre los elementos de una URL o ficheros que retardan o retrasan la carga completa de un sitio web.
Lighthouse
Es una extensión para Chrome que se utiliza para analizar en general el sitio y crea cuatro informes que ayudan a los desarrolladores a diagnosticar los problemas e identificar oportunidades. Estos son los 4 informes: Actuación, Accesibilidad, Mejores prácticas y SEO.
Lighthouse es una herramienta de laboratorio y esto quiere decir que se necesita a un usuario real y por eso no nos ofrece un informe con FID (aunque incluye una métrica relacionada con el FID, el TBT).
Es interesante ver otros datos en su Calculadora: el TBT es una métrica importante y por ello hay que tenerla optimizada.
SE Ranking
Dentro de esta herramienta de pago (aunque económica), hay una sección que te dice qué debes mejorar para que las Core Web Vitals del algoritmo no te afecten negativamente.
Con Se Ranking, tendrás a tu disposición un informe con los errores y las correcciones para que tu web mejore y se posicione.
¿Cómo mejorar tu puntuación de Core Web Vitals para SEO?
Para optimizar el LCP, toma nota de estas recomendaciones:
- Usa imágenes responsive para que cargue bien en todos los dispositivos.
- Comprime las imágenes para reducir el ancho de banda, pero sin perder calidad.
- Usa imágenes estáticas en lugar de carruseles deslizantes o dinámicos.
- Usa formatos más actuales: JPEG 2000, JPEG XR y WebP (este último es el que recomienda Google).
- Usa vídeos en lugar de GIFs animados.
- Optimiza el servidor.
- No muestres el contenido más grande desde la ubicación general sino desde el caché.
- Envía a los usuarios a un CDN cerca. El CDN almacena en caché el contenido de tu web en una red global de servidores y lo carga desde el más cercano, mejorando así la experiencia del usuario.
- Anticípate a conexiones de terceros.
- Elige un hosting web y seguro.
- Si tiene problemas de renderizado y bloqueo de JavaScript y CSS, hay que reducir el tiempo de bloqueo de CSS, minimizándolo con algún plugin.
- Comprime tus archivos para reducir el tamaño de tus archivos CSS, HTML y Javascript.
- Elimina de la página elementos pesados. Puedes identificarlos desde PageSpeed Insights.
Puedes analizar el FID con Lighthouse. Recuerda que el retraso se debe a la descarga desorganizada de imágenes y de scripts, y la forma de ordenarlos es usando atributos HTML para controlar esto, omitiendo los scripts innecesarios.
Por tanto, estos son algunos consejos para realizar mejoras:
- Elimina caracteres innecesarios en el código para reducir archivos y aplazar la carga de las hojas de estilo y scripts que no son fundamentales.
- Reduce el impacto de códigos de terceros.
- Los fragmentos de códigos que no uses, minimízalos.
Por último, las mejores prácticas para mejorar el CLS son:
- Incluye atributos de width y height para imágenes y vídeos.
- Reserva espacio estático para elementos dinámicos y anuncios con cajas de tamaño de CSS. Elige la dimensión más grande para que el espacio no se dimensione.
- La carga de fuentes también puede provocar retrasos en la carga y provocar cambios de diseño que alteran la experiencia del usuario. Si no se cargan las fuentes, el navegador puede usar una fuente invisible o genérica y configurar mal el diseño. Para evitar todo esto, usa una API de carga de fuentes para garantizar que tus fuentes estén precargadas.
Como puedes ver, cada cierto tiempo el algoritmo de Google se actualiza con el único objetivo de brindarle una mejor experiencia al usuario. Por tanto, si queremos estar bien posicionados en su ranking y no salir perjudicados, no queda otra que adaptarse a sus nuevas propuestas; y una de ellas ha sido las Core Web Vitals.
Estos parámetros y métricas son exigidos por Google, por lo que es importante que las tengas en cuenta y las incluyas en tu estrategia si quieres posicionarte en el buscador de Google.