Lo que debe saber sobre Google Core Web Vitals
Publicado: 2021-05-08¿Has oído hablar del nuevo Core Web Vitals de Google? Además de las cuatro señales existentes de Page Experience, Core Web Vitals son cruciales para la mejor experiencia de usuario posible (carga, interactividad y estabilidad visual). Google comenzará gradualmente a implementar estas métricas a mediados de junio y desempeñarán un papel completo en las determinaciones de clasificación para fines de agosto. En este blog, veremos más de cerca cada uno de los Core Web Vitals, cómo afectarán su sitio web, las herramientas para mejorarlos y más.
¿Cuáles son los principales web vitales de Google?
Core Web Vitals evalúa la experiencia del usuario (en computadoras de escritorio y dispositivos móviles) en términos de velocidad y qué tan rápido los visitantes pueden interactuar con una página. Cada Core Web Vital "representa una faceta distinta de la experiencia del usuario, se puede medir en el campo y refleja la experiencia del mundo real de un resultado crítico centrado en el usuario".
En lugar de centrarse únicamente en los elementos de texto, Core Web Vitals evalúa la calidad de la experiencia general del usuario (UX) dentro de una página. Hay tres Core Web Vitals:
- Pintura con contenido más grande (LCP)
- Primera demora de entrada (FID)
- Cambio de diseño acumulativo (CLS)
LCP evalúa el rendimiento y la carga, la capacidad de respuesta y la interactividad de FID y la estabilidad visual de CLS. Core Web Vitals constituye la mayor parte de su puntaje de experiencia de página de Google, que también incluye las siguientes señales de búsqueda existentes:
- Compatible con dispositivos móviles
- Navegación segura
- HTTPS
- Sin anuncios intersticiales intrusivos
Echaremos un vistazo más de cerca a la puntuación de experiencia de página más adelante en este blog. Comencemos profundizando en los detalles de cada Core Web Vital.
Core Web Vital #1 :: Mayor pintura con contenido (LCP)
La pintura con contenido más grande (LCP) mide la rapidez con la que se carga el elemento de contenido más grande en una página. Por lo general, se trata de una gran pieza de texto, imagen o video a nivel de bloque. En lugar de evaluar el tiempo de carga de toda la página, LCP examina cuánto tarda una página en cargarse desde el punto de vista del usuario, que es la métrica de velocidad de página más importante de todas.
Un buen LCP es menos de 2,5 segundos, lo que significa que el elemento más grande se muestra dentro de los 2,5 segundos desde que la página comienza a cargarse. La optimización de su LCP es importante porque se ha demostrado que los tiempos de carga más largos tienen un efecto negativo grave en las tasas de rebote. Para mejorar su tiempo LCP, considere:
- Eliminación de elementos de página grandes
- Actualización de su proveedor de alojamiento web
- Implementando la carga diferida
- Eliminación de scripts de terceros innecesarios
Core Web Vital #2 :: Retraso de la primera entrada (FID)
First Input Delay (FID) mide la cantidad de tiempo desde que un usuario interactúa por primera vez con una página hasta que su navegador responde a esa interacción. Las interacciones del usuario incluyen (pero no se limitan a) lo siguiente:
- Seleccionar un menú o una opción de navegación
- Hacer clic en un enlace o botón
- Introducir texto en un campo
- Abrir un menú de acordeón en el móvil
FID va más allá de la puntuación de PageSpeed porque mide el tiempo que tarda un usuario en completar una acción específica. Eso significa que requiere datos de campo de usuarios en tiempo real y no puede generarse a través de simulaciones de laboratorio.
Un buen FID no debe durar más de 100 milisegundos para brindar una excelente experiencia de usuario en la web. Para mejorar su tiempo de FID, considere:
- Utilizando un caché del navegador
- Eliminación de scripts de terceros no críticos
- Aplazar (o minimizar) JavaScript
Core Web Vital #3 :: Diseño de turno acumulativo (CSL)
Diseño de turno acumulativo (CSL) calcula el número total de cambios de diseño que se producen cuando se carga una página completa. En otras palabras, determina qué tan rápido una página es visualmente estable durante el proceso de carga. La estabilidad de la página durante la carga ayuda a garantizar que los visitantes no hagan clic en algo por error o que tengan que volver a aprender dónde están los enlaces, botones y campos.
Un buen CSL es cualquier cosa menos de 0.1. Su puntaje puede ser tan bajo como 0 y aumenta cada vez que se producen diseños de turnos. En otras palabras, una puntuación más alta significa que los elementos saltan mucho mientras se carga la página. No hay una puntuación máxima, pero Core Web Vitals obtiene una puntuación de 0,25 o superior como "Pobre". Para mejorar su puntaje CSL, considere:
- Adición de elementos de interfaz de usuario adicionales debajo del pliegue
- Asegurarse de que los elementos del anuncio tengan espacio reservado
- Definición de dimensiones de atributo de tamaño para medios
¿Cómo encajan Core Web Vitals en los factores de clasificación de Google?
Core Web Vitals es un nuevo componente crucial de un conjunto de métricas conocido como señales de Page Experience. Estos evalúan la experiencia web general del usuario de una página al considerar los elementos no textuales más importantes. En otras palabras, consideran cómo los usuarios perciben sus interacciones con una página y qué tan útil es esa página para satisfacer su consulta. A continuación, examinaremos las cuatro señales existentes de Page Experience.
1. Compatible con dispositivos móviles
Esto evalúa qué tan fácil es navegar por los sitios web en dispositivos móviles. Esto incluye la accesibilidad de los enlaces y los elementos de la página, junto con la legibilidad del contenido. Cada parte de una página debe ser tan funcional en dispositivos móviles como lo es en computadoras de escritorio, que es la base del diseño receptivo.
2. Navegación segura
Navegación segura determina si un sitio web tiene problemas como contenido pirateado, phishing y malware. Se centra en garantizar que los visitantes puedan buscar de forma segura lo que buscan.
3. HTTPS
Esta métrica evalúa la seguridad de un sitio web y si se sirve a través de HTTPS según las recomendaciones de mejores prácticas de Google.
4. Sin intersticiales intrusivos
Esta señal garantiza que el contenido esencial de la página no se vea obstruido por intersticiales intrusivos (anuncios emergentes), lo que promueve una experiencia de navegación agradable.
¿Cómo se calculan las puntuaciones de Core Web Vitals?
Las puntuaciones de Core Web Vitals se calculan utilizando el percentil 75 en una ventana de 28 días. En otras palabras, utiliza tres de cuatro visitas al sitio (75 %) para determinar si una página cumple con el objetivo de cada Core Web Vital. Si una página cumple con los puntajes recomendados para las tres métricas, pasa la evaluación Core Web Vitals.
¿Cómo afectará Core Web Vitals a su sitio web?
Si bien Core Web Vitals es ciertamente importante, es clave comprender que Google considera cientos de señales únicas al clasificar las páginas web. Sin embargo, Core Web Vitals puede marcar una diferencia significativa para las páginas que compiten por términos extremadamente competitivos. Core Web Vitals evolucionará continuamente con el tiempo a medida que cambien las expectativas de los usuarios, por lo que es crucial mantenerse informado.
¿Cómo puede mejorar sus puntuaciones de Core Web Vitals?
Hay muchas herramientas gratuitas que puede usar para analizar y mejorar sus puntuaciones de Core Web Vitals. Mejorar estas métricas puede ayudarlo a superar a sus competidores y clasificarse más alto en las páginas de resultados del motor de búsqueda de Google. Recomendamos las siguientes herramientas para revisar sus puntuaciones de Core Web Vitals y descubrir oportunidades de mejora.
Herramienta n.º 1 :: Informe de vitales web principales de Google Search Console
Si desea mejorar sus puntajes de Core Web Vitals, comience con el Informe de Core Web Vitals de Google Search Console. Ubicado en la sección "Mejoras" de su cuenta de Search Console, el Informe Core Web Vitals proporciona una descripción general del rendimiento de todo su sitio.
El informe Core Web Vitals utiliza datos de campo del Informe de experiencia del usuario de Chrome para agrupar las URL indexadas por problema. Esto se debe a que los problemas de UX en páginas similares suelen estar causados por el mismo problema subyacente. Cada URL se califica como "Pobre", "Necesita mejorar" o "Bueno".
Una vez que haya identificado un problema, puede solucionarlo con herramientas como Google PageSpeed Insights o Google Lighthouse. Las siguientes dos secciones examinan estas herramientas con más detalle para ayudarlo a optimizar para UX.
Herramienta #2 :: Informe de Google PageSpeed Insights
Su informe Core Web Vitals de Google Search Console se vincula a un informe correspondiente en Google PageSpeed Insights, que funciona con simulaciones de laboratorio de Lighthouse. PageSpeed Insights mide Core Web Vitals utilizando datos de laboratorio y de campo. Concéntrese en las secciones "Oportunidades" y "Diagnóstico" para identificar problemas en cada URL y optimizar de manera efectiva la velocidad del sitio.
Herramienta #3 :: Google Lighthouse
Google Lighthouse es una herramienta automatizada que ejecuta auditorías en una URL y crea un informe sobre el rendimiento de esa página. Lighthouse 6.0 incluye métricas de laboratorio para la pintura más grande con contenido (LCP) y el cambio de diseño acumulativo (CLS), lo que la convierte en una herramienta invaluable al evaluar Core Web Vitals.
Tiempo total de bloqueo (TBT)
La tercera métrica nueva de Lighthouse 6.0 es el tiempo total de bloqueo (TBT), que se correlaciona directamente con el retraso de la primera entrada (FID). En pocas palabras, TBT calcula el tiempo total entre LCP y Time to Interactive (TTI). TTI es la cantidad de tiempo desde que una página comienza a cargarse hasta que responde de manera confiable a la interacción del usuario.
Tiempo hasta el primer byte (TTFB)
La sección "Oportunidades" de su informe Lighthouse también incluye el tiempo hasta el primer byte (TTFB). Como sugiere el nombre, esta es la cantidad de tiempo que tarda un navegador en recibir el primer byte del contenido de la página.
Tiempo para Interactivo (TTI)
Incluido en la sección "Rendimiento" de su informe Lighthouse, Time to Interactive (TTI) mide cuánto tiempo tarda una página en volverse completamente interactiva. TTI trabaja junto con TBT para identificar y diagnosticar problemas de interactividad que pueden afectar negativamente a su FID. Debido a que no se puede medir en el campo ni está centrado en el usuario, TTI no se incluye en Core Web Vitals.
Herramienta #4 :: Informe de experiencia de la página de Google Search Console
El Informe de experiencia de la página combina su informe Core Web Vitals con las otras cuatro señales de Experiencia de la página: Apto para dispositivos móviles, Navegación segura, HTTPS y Sin intersticiales intrusivos. Profundizar en cada componente de la señal de Page Experience puede ayudarlo a descubrir nuevas oportunidades de mejora, lo que puede ser particularmente útil en situaciones de desempate.
Herramienta #5 :: Informe de experiencia de usuario de Google Chrome (CrUX)
El Informe de experiencia de usuario de Chrome es un informe público anónimo de datos de experiencia de usuario de millones de páginas web. Mide los datos de campo (a diferencia de los datos de laboratorio) en los tres Core Web Vitals y no tiene en cuenta las simulaciones ni las visitas de Googlebot. Ver el rendimiento de sus páginas en el campo es una excelente manera de identificar valiosas oportunidades de mejora.
Herramienta #6 :: Google Chrome DevTools
Google Chrome DevTools está integrado en el navegador Google Chrome y está diseñado para ayudarlo a diagnosticar y solucionar problemas que pueden generar un CSL alto. También miden TBT, lo cual es beneficioso cuando se busca mejorar su FID.
Herramienta #7 :: Extensión de Google Chrome Web Vitals
Disponible en Chrome Web Score, Web Vitals Extension mide los tres Core Web Vitals en tiempo real. Estos datos instantáneos sobre la carga, la interactividad y los cambios de diseño lo ayudan a identificar oportunidades que pueden marcar una gran diferencia.
Herramienta #8 :: Herramienta de auditoría del sitio de Semrush
La herramienta de auditoría del sitio en su cuenta de Semrush informa sobre una variedad de datos que se correlacionan con Core Web Vitals. Esto incluye métricas de velocidad de carga, protocolos de seguridad HTTPS, errores de JavaScript y CSS, rastreabilidad y más.
Asóciese con Tower Marketing para mejorar sus puntuaciones Core Web Vitals
La mejor (y más fácil) manera de identificar y remediar los problemas de Core Web Vitals es trabajar con una agencia como Tower Marketing. Nuestro experimentado equipo de desarrolladores web y SEO tiene las herramientas para llevar su sitio a las recomendaciones de Core Web Vitals, y solucionaremos cualquier problema a medida que surja.