Glossaire · SEO

CLS (Cumulative Layout Shift)

El CLS (Cumulative Layout Shift), o cambio acumulado de diseño, es una de las tres Core Web Vitals de Google. Mide la estabilidad visual de una página cuantificando la magnitud de los desplazamientos inesperados de los elementos visibles durante la carga y la navegación. En concreto, el CLS calcula una puntuación sin unidad multiplicando la fracción de la pantalla afectada por el desplazamiento (impact fraction) por la distancia recorrida por los elementos (distance fraction). Una puntuación igual o inferior a 0,1 se considera buena, entre 0,1 y 0,25 necesita mejoras, y por encima de 0,25 se considera deficiente. Las causas más frecuentes son las imágenes e iframes sin dimensiones declaradas, las fuentes web que provocan un reflujo, los banners o anuncios inyectados dinámicamente y los contenidos insertados por encima de la zona visible. Un CLS elevado degrada la experiencia del usuario y constituye una señal de posicionamiento que Google tiene en cuenta al evaluar la calidad de las páginas.

El CLS es una de las métricas que Google vigila para evaluar la calidad real de una página desde el punto de vista del usuario. A diferencia de la velocidad pura, mide una frustración concreta: los elementos que se mueven justo cuando uno está a punto de hacer clic.

Cómo funciona

La puntuación de CLS se obtiene sumando las puntuaciones de cada desplazamiento de diseño inesperado ocurrido durante toda la vida de la página. Cada desplazamiento individual es el producto de dos valores: la impact fraction (la parte de la ventana de visualización afectada por el movimiento) y la distance fraction (la distancia máxima recorrida por un elemento, en relación con la dimensión de la pantalla). Google solo contabiliza los desplazamientos no provocados por una interacción del usuario en los 500 milisegundos: un cambio originado por un clic voluntario no se penaliza.

Para recordar

Un CLS ≤ 0,1 es el objetivo. Por encima de 0,25, la página se considera inestable y el SEO se resiente.

Las causas más frecuentes

Cuatro culpables aparecen casi siempre: las imágenes e iframes sin atributos de dimensión, que obligan al navegador a recalcular el diseño una vez cargado el medio; las fuentes web tardías, que provocan un FOIT o un FOUT; los contenidos inyectados dinámicamente (banners de cookies, anuncios, recomendaciones); y las animaciones que modifican propiedades que desencadenan un reflujo en lugar de usar transform.

Por qué es importante para el SEO

El CLS es un factor de posicionamiento oficial dentro de las Core Web Vitals. Una página inestable aumenta la tasa de rebote y perjudica las conversiones, dos señales indirectas que los motores interpretan. En LUWIZ tratamos el CLS junto con el LCP y el INP, ya que estas tres métricas se miden sobre el terreno mediante datos reales de usuarios (CrUX) y condicionan la evaluación global de una URL. Estabilizar el diseño significa ofrecer una experiencia predecible y proteger el posicionamiento a largo plazo.

FAQ

Questions fréquentes

Una buena puntuación de CLS es igual o inferior a 0,1. Entre 0,1 y 0,25 la página necesita mejoras, y por encima de 0,25 Google considera que la puntuación es deficiente.

Declare las dimensiones width y height de imágenes y vídeos, reserve espacio para anuncios y embeds, precargue las fuentes web y evite insertar contenido por encima de elementos ya mostrados. Estas acciones mantienen el diseño estable durante la carga.

Pour aller plus loin