Glosario de SEO con IA
¿Qué es el CLS?
Pregúntale a la IA por un negocio como el tuyo. ¿Apareces en la respuesta?
ChatGPT, Claude y Perplexity solo recomiendan sitios que pueden leer, y la mayoría no puede leer el tuyo. Escanéalo gratis y descubre exactamente dónde estás.
Gratis · sin registro · evalúa las 15 señales que usa la IA para encontrarte · ~20 segundos
Resumen: El Cumulative Layout Shift (CLS) mide cuánto se mueve inesperadamente el contenido visible de una página durante la visita, puntuado según el tamaño de los elementos que se desplazan y la distancia que recorren. El umbral "bueno" de Google es 0.1 o menos en el percentil 75 de las visitas reales. El CLS cuantifica la experiencia que todos reconocemos: vas a tocar un botón y un banner que carga tarde lo empuja hacia abajo. En una tienda, el desplazamiento del diseño no es algo cosmético: provoca toques equivocados justo en los elementos (agregar al carrito, pagar, consentimiento de cookies) donde los errores cuestan dinero.
CLS en la práctica
Páginasquetienesaúnmientraselloscarga
El Cumulative Layout Shift mide cuánto salta una página mientras carga. Cuando los botones se mueven bajo el pulgar de un comprador, toca lo que no es, por eso se reserva espacio para todo antes de que llegue.
- ›Espacio reservado para imágenes y banners
- ›Fuentes que se intercambian sin mover el texto
- ›Widgets con un lugar fijo
Definición y alcance
Las causas principales son imágenes e incrustaciones sin dimensiones reservadas, banners inyectados y widgets de apps, y fuentes web que se intercambian con métricas distintas. Los desplazamientos activados dentro de los 500 ms posteriores a una interacción del usuario no cuentan: la métrica apunta al movimiento inesperado.
La prevención es arquitectónica: reserva espacio para todo lo que carga tarde, define el tamaño de los medios de forma explícita y haz que los widgets de terceros se rendericen en espacios fijos en lugar de empujar el contenido.
Términos relacionados
- Core Web Vitals: el CLS es una de las tres.
- LCP: la contraparte de la carga.
- INP: la contraparte de la capacidad de respuesta.
Servicios relacionados
- Diseño web a la medida: diseños pensados con espacio reservado para el contenido dinámico.