Definea.es

InicioMarketing › Core Web Vitals

Qué es Core Web Vitals: definición, ejemplo y uso en España

Core Web Vitals — definición y uso en España

Definición de Core Web Vitals

Los Core Web Vitals son un conjunto de métricas específicas de rendimiento web definidas por Google en 2020 e implementadas como señal de ranking desde mayo de 2021. Miden aspectos concretos de la experiencia del usuario en términos de velocidad, interactividad y estabilidad visual. Las tres métricas actuales son: LCP (Largest Contentful Paint), que mide en cuánto tiempo carga el elemento visual principal de la página (objetivo: menos de 2,5 segundos); INP (Interaction to Next Paint, que sustituyó a FID en marzo de 2024), que mide la capacidad de respuesta a las interacciones del usuario (objetivo: menos de 200 ms); y CLS (Cumulative Layout Shift), que mide la estabilidad visual de los elementos durante la carga (objetivo: menos de 0,1). Se miden en Google Search Console y en PageSpeed Insights.

Qué significa Core Web Vitals en palabras simples

Imagina que entras a una tienda y tardas 8 segundos en que el dependiente te haga caso, luego intentas tocar un producto y tarda 3 segundos en responder a tu toque, y además los estantes se mueven mientras los miras haciendo que toques el producto equivocado. Eso es una mala experiencia. Google mide algo equivalente en las webs: cuánto tarda en cargar el elemento principal, cuánto tarda en responder cuando haces clic, y si los elementos se mueven de forma inesperada. Si una web tiene mala puntuación en estas tres métricas, Google la posiciona peor que a webs equivalentes con mejor experiencia.

Ejemplo práctico de Core Web Vitals

Enrique Cano tiene una tienda de fotografía online en Valencia con 850 productos y tráfico moderado. Al revisar Google Search Console descubrió que el 78% de sus URLs tenían Core Web Vitals en rojo: el LCP medio era de 4,8 segundos y el CLS de 0,28 (muy por encima de los umbrales de Google). Contrató a un desarrollador web que pasó 6 semanas optimizando: convirtió todas las imágenes de JPEG a WebP con compresión del 75%, implementó lazy loading en todas las imágenes que no eran above the fold, eliminó 3 plugins de WordPress innecesarios que bloqueaban el render, activó el caché del servidor, y reservó espacio explícito para las imágenes mediante atributos width y height en HTML (reduciendo el CLS). Al finalizar, el LCP bajó a 1,9 segundos y el CLS a 0,06. Google Search Console marcó el 94% de las URLs como Buenas. En 3 meses, el tráfico orgánico aumentó un 42%.

Cómo se aplica Core Web Vitals en la práctica

Para mejorar los Core Web Vitals se trabaja en tres frentes. Para el LCP: optimizar las imágenes above the fold (WebP, compresión, dimensiones correctas), usar un CDN para servir el contenido desde servidores cercanos al usuario, y precargar los recursos críticos (link rel=preload para la imagen hero). Para el INP: minimizar el JavaScript bloqueante, diferir los scripts no críticos (defer/async), y reducir las tareas de larga duración del hilo principal. Para el CLS: definir explícitamente las dimensiones (width y height) de imágenes y vídeos en el HTML, evitar insertar contenido dinámico por encima del contenido existente, y usar transform en lugar de propiedades que desencadenen layout para las animaciones.

Errores frecuentes sobre Core Web Vitals

El error más frecuente es medir los Core Web Vitals solo con las herramientas de laboratorio (PageSpeed Insights en modo lab) y no con los datos de campo reales del Search Console. Los datos de laboratorio y campo pueden diferir significativamente. Otro error es optimizar el LCP solo en la página de inicio y olvidar las páginas de producto o artículos del blog, que pueden tener más tráfico.

Marco normativo

Los Core Web Vitals son directrices técnicas de Google, no regulaciones legales. Sin embargo, el cumplimiento de los umbrales de LCP y seguridad en la transmisión de datos se relaciona con las obligaciones de seguridad bajo el RGPD para sitios que tratan datos personales. El INP es especialmente relevante para garantizar la accesibilidad de la web conforme al Real Decreto 1112/2018 sobre accesibilidad de sitios web del sector público, que aplica también a algunos privados.

Preguntas frecuentes sobre Core Web Vitals

Que son el LCP, INP y CLS

LCP (Largest Contentful Paint) mide el tiempo de carga del elemento visual más grande visible sin scroll (objetivo: menos de 2,5 segundos). INP (Interaction to Next Paint) mide la capacidad de respuesta a clics y toques (objetivo: menos de 200 ms). CLS (Cumulative Layout Shift) mide la estabilidad visual de los elementos durante la carga (objetivo: menos de 0,1 puntos).

Como veo los Core Web Vitals de mi web

Puedes ver los Core Web Vitals de tu web en Google Search Console bajo el informe Experiencia en la página. Muestra los datos reales de usuarios (field data). PageSpeed Insights ofrece datos de laboratorio y campo para una URL concreta. La extension Chrome Web Vitals muestra las métricas en tiempo real mientras navegas.

Los Core Web Vitals afectan directamente al SEO

Sí. Google los incorporó como señal de ranking en mayo de 2021 mediante la actualización Page Experience. Sin embargo, el peso de los Core Web Vitals en el algoritmo es uno de los muchos factores: el contenido y los backlinks siguen siendo más determinantes en la mayoría de los casos. Los Core Web Vitals son especialmente diferenciadores cuando dos páginas tienen calidad de contenido similar.

WordPress tiene buen rendimiento para Core Web Vitals

WordPress de base puede tener buen o mal rendimiento según la configuración y el tema. Los temas pesados con muchos plugins pueden tener Core Web Vitals muy pobres. Para optimizar WordPress: usa un tema ligero (GeneratePress, Astra), un plugin de caché (WP Rocket, W3 Total Cache), optimización de imágenes automática (ShortPixel, Imagify) y un CDN (Cloudflare gratuito).

Que porcentaje de URLs necesita estar en verde

Google recomienda que el 75% o más de las visitas a cada URL esté en el rango Bueno para que esa URL se considere con buena experiencia de página. Si menos del 75% de visitas está en verde, la URL se clasifica como Requiere mejora o Deficiente, lo que puede perjudicar su posicionamiento relativo.

Términos relacionados en Marketing

Seo Tecnico Seo On Page Canonicalizacion Schema Markup Posicionamiento Organico Bounce Rate