¿Qué son los Core Web Vitals y cómo afectan al SEO?

Aprende qué son los Core Web Vitals, por qué importan para el SEO y cómo optimizar LCP, INP y CLS para posicionar mejor.

Borrador

Los Core Web Vitals son la forma que tiene Google de medir la experiencia del usuario. Miden lo rápido que carga tu página, lo rápido que responde a los clics y lo estable que es el diseño. Estas métricas son factores de posicionamiento. Una página con malos Core Web Vitals se posiciona peor que una idéntica con excelentes resultados. Importan tanto para el posicionamiento en buscadores como para la experiencia real de los usuarios.

¿Qué son los Core Web Vitals?

Los Core Web Vitals son tres métricas concretas que miden la experiencia de página. Sustituyeron a un concepto más amplio llamado Page Experience por métricas medibles y específicas.

Las tres métricas son: Largest Contentful Paint (LCP) mide la velocidad de carga. Interaction to Next Paint (INP) mide la capacidad de respuesta. Cumulative Layout Shift (CLS) mide la estabilidad visual.

Google considera importantes estas métricas para la experiencia del usuario. Las páginas con buenos resultados se sienten rápidas y ágiles. Las páginas con malos resultados se sienten lentas y rotas. Google premia los buenos resultados en el posicionamiento.

Largest Contentful Paint (LCP)

El LCP mide cuánto tarda en cargarse y verse el elemento más grande de la página. Puede ser una imagen grande, un bloque de texto o un vídeo. El umbral es de 2,5 segundos. Las páginas que cargan el elemento más grande en menos de 2,5 segundos tienen un buen LCP.

¿Por qué importa? Los usuarios juzgan la velocidad de una página en el primer segundo. Si tu página se ve en blanco durante 3 segundos mientras carga la imagen principal, creen que está rota. Se van. Un LCP inferior a 2,5 segundos significa que los usuarios ven contenido útil enseguida.

Para mejorar el LCP, optimiza las imágenes (comprímelas y usa formatos modernos), aplaza el JavaScript que no sea crítico y reduce el tiempo de respuesta del servidor. Carga primero el contenido más importante.

Interaction to Next Paint (INP)

El INP mide lo bien que responde tu página a las interacciones del usuario. Cuando alguien pulsa un botón, escribe en un campo o toca la pantalla, ¿cuánto tarda la página en responder? El INP debería ser inferior a 200 milisegundos.

Un mal INP se siente lento. La página parece congelada. Los usuarios pulsan botones y durante un segundo no pasa nada. Esto crea una experiencia terrible. Un buen INP significa que la página responde al instante a las interacciones.

Para mejorar el INP, reduce el tiempo de ejecución de JavaScript, divide las tareas largas y optimiza los detectores de eventos. Usa herramientas de monitorización del rendimiento para encontrar los cuellos de botella.

Cumulative Layout Shift (CLS)

El CLS mide la estabilidad visual. Mientras se carga la página, los elementos se mueven. Las imágenes aparecen de golpe y empujan el contenido hacia abajo. Los anuncios cargan y desplazan el diseño. Esto molesta a los usuarios. Un CLS inferior a 0,1 es bueno.

Un mal CLS es frustrante. Los usuarios empiezan a leer un artículo y este salta. Pulsan un botón y se mueve. Los anuncios cargan y rompen el diseño. Esto genera carga mental y arruina la experiencia.

Para mejorar el CLS, reserva espacio para las imágenes y los anuncios antes de que carguen, evita insertar contenido por encima del que ya existe y usa animaciones de tipo transform en lugar de animaciones que cambian el diseño.

Cómo medir los Core Web Vitals

Usa Google PageSpeed Insights. Introduce tu URL y Google te muestra tus puntuaciones de Core Web Vitals. Muestra datos de usuarios reales (si están disponibles) y datos de laboratorio (pruebas sintéticas).

Usa Google Search Console. El informe de Core Web Vitals muestra cuántas de tus páginas tienen resultados buenos, mejorables o malos. Lo desglosa por móvil y ordenador.

Usa el Chrome User Experience Report. Muestra datos de usuarios reales de miles de sitios. Te ayuda a entender cómo se compara tu web con otras del mismo sector.

Usa Lighthouse. Esta herramienta de código abierto se ejecuta en Chrome DevTools y mide el rendimiento, incluidos los Core Web Vitals. Ofrece recomendaciones concretas de mejora.

Problemas habituales de los Core Web Vitals y cómo solucionarlos

Un mal LCP suele significar carga lenta de imágenes o respuesta lenta del servidor. Optimiza las imágenes, usa una CDN y reduce el tiempo de respuesta del servidor. Aplaza el JavaScript no crítico que bloquea el renderizado.

Un mal INP suele significar demasiado JavaScript ejecutándose en el hilo principal. Divide las tareas largas, aplaza el JavaScript no esencial y optimiza los controladores de eventos. Usa requestIdleCallback para el trabajo de baja prioridad.

Un mal CLS suele significar imágenes o anuncios sin dimensiones, o contenido insertado por encima del que ya existe. Indica siempre las dimensiones de las imágenes. Reserva espacio para los anuncios antes de que carguen. Evita las animaciones que desplazan el diseño.

Core Web Vitals e impacto en el posicionamiento

Google confirmó que los Core Web Vitals son factores de posicionamiento. Las páginas con buenos resultados se posicionan mejor que las que tienen malos resultados (en igualdad de condiciones). Aun así, la calidad del contenido sigue importando más. Una página con un contenido excelente pero con malos resultados puede posicionarse igualmente si el contenido es lo bastante valioso.

El impacto varía según el sector. En tiendas online y sitios de noticias, estas métricas importan mucho. En contenido de nicho, importan menos. Pero en general, mejores resultados significan mejor posicionamiento.

Preguntas frecuentes

¿Influyen los Core Web Vitals directamente en el posicionamiento?

Sí, Google confirmó que los Core Web Vitals son factores de posicionamiento. No son el factor más importante (el contenido y los enlaces importan más), pero sí influyen. Las páginas con buenos resultados se posicionan mejor que las que tienen malos resultados. Mejorar tus métricas puede mejorar tu posicionamiento. Con el creador de webs de WEMASY, puedes configurarlo directamente en tu web.

¿Qué es una buena puntuación de Core Web Vitals?

Bueno significa: LCP inferior a 2,5 segundos, INP inferior a 200 milisegundos, CLS inferior a 0,1. Mejorable significa: LCP de 2,5 a 4 segundos, INP de 200 a 500 milisegundos, CLS de 0,1 a 0,25. Malo significa: LCP superior a 4 segundos, INP superior a 500 milisegundos, CLS superior a 0,25. Apunta al verde (bueno) en las tres métricas.

¿Puedo mejorar los Core Web Vitals sin un desarrollador?

Algunas mejoras son sencillas (optimizar imágenes, quitar CSS sin usar). Otras requieren conocimientos técnicos (optimización de JavaScript, tiempo de respuesta del servidor). Usa Google PageSpeed Insights para ver recomendaciones concretas. Te dice qué corregir. Trabaja con tu proveedor de hosting o con un desarrollador para aplicar los cambios. Muchas mejoras no requieren grandes reescrituras.

¿Con qué frecuencia debo revisar mis Core Web Vitals?

Revísalos cada mes en Google Search Console. Vigila las tendencias para detectar retrocesos. Tras hacer mejoras, espera unas semanas a que los datos se estabilicen y vuelve a revisar. Los Core Web Vitals pueden variar según los patrones de tráfico y la experiencia real de los usuarios. Un seguimiento regular te ayuda a controlar la experiencia de página.

¿Qué Core Web Vital es el más importante para el SEO?

Los tres importan, pero el LCP (velocidad de carga) históricamente tiene el mayor impacto en el comportamiento de los usuarios. Los usuarios juzgan la velocidad de una página en el primer segundo. Si tu página se siente lenta, se van. Aun así, las tres métricas contribuyen a la experiencia de página global y al posicionamiento. Céntrate en mejorar las tres.

¿Importa más el móvil o el ordenador en los Core Web Vitals?

El móvil importa más porque Google indexa principalmente la versión móvil. Aun así, buenos resultados tanto en móvil como en ordenador ayudan a tu posicionamiento. Las redes móviles son más lentas y variables que las de ordenador, así que conseguir buenos resultados en móvil suele ser más difícil y más importante. Optimiza primero para móvil.

Ponlo en práctica
en tu propia web.

Empieza gratis con WEMASY y crea tu web en pocos minutos.