Cómo optimizar Core Web Vitals para un mejor SEO y UX

TL;DR: Google ha anunciado que la experiencia de la página será un factor de clasificación para la búsqueda de escritorio a fines de marzo de 2022. Supervise sus señales de Core Web Vitals para garantizar una experiencia positiva del cliente y proteger las tasas de conversión.

Saltar a una sección:

• ¿Qué es la actualización de la experiencia de la página de escritorio?
• ¿Qué tan importante es la experiencia de la página en relación con otros factores de clasificación?
• ¿Cuál es el impacto comercial de la experiencia de la página?
• Métricas Core Web Vitals de Google
• ¿Dónde puedo encontrar las métricas de Core Web Vitals?
• Monitoreo de Core Web Vitals en Botify
• El informe Core Web Vitals en GSC
• Señales de experiencia de página existentes en el algoritmo de Google
• ¿Cómo optimizo la experiencia de la página?

¿Qué es la actualización de la experiencia de la página?

Dada la elección entre una gran experiencia de página web y una "meh", vamos a elegir la mejor cada vez.

¿Alguna vez ha tenido que esperar ocho segundos para que se abra un menú? ¿O hizo clic en algo por error porque un elemento de la página se movió repentinamente?

Por supuesto que tienes. Todos tenemos.

Google sabe cuántas interacciones como esta pueden amargar nuestra experiencia en un sitio web. Es por eso que han agregado criterios relacionados con la experiencia como factores de clasificación a lo largo de los años, como la velocidad de la página y la compatibilidad con dispositivos móviles.

Pero en noviembre de 2020, Google anunció su intención de crear un factor de clasificación integral de Page Experience. Esta actualización consolidaría las señales de experiencia de página existentes (por ejemplo, compatibilidad con dispositivos móviles, prevalencia de intersticiales intrusivos) al tiempo que incorporaría métricas Core Web Vitals (CWV), que miden atributos relacionados con la velocidad de la página, la capacidad de respuesta y la estabilidad visual.

Estas actualizaciones llegaron a la búsqueda móvil en junio de 2021. Gracias al factor de clasificación de la experiencia de la página, los sitios ya no necesitaban páginas móviles aceleradas (AMP) para clasificarse en los resultados de Historias destacadas. Siempre que las páginas alcanzaran sus umbrales de experiencia de página, eran elegibles para una ubicación prioritaria en la búsqueda móvil.

Ahora, Google está ampliando la actualización de la experiencia de la página para incluir la búsqueda en el escritorio. El lanzamiento debería estar completo a fines de marzo de 2022.

¿Qué tan importante es la experiencia de la página en relación con otros factores de clasificación?

La experiencia de la página es menos importante que tener contenido relevante y de alta calidad. En las propias palabras de Google, "Priorizamos las páginas con la mejor información en general, incluso si algunos aspectos de la experiencia de la página son deficientes".

¿Qué significa eso para ti? Significa que si su contenido es de calidad y relevancia similar al de un competidor, pero ese competidor tiene mejores métricas de experiencia en la página, entonces la página del competidor probablemente supere a la suya.

¿Cuál es el impacto comercial de la experiencia de la página?

Una experiencia de página optimizada no se trata solo de una buena clasificación en la búsqueda, tiene un impacto directo en las conversiones y en cómo los clientes experimentan su marca. Google descubrió que si los sitios alcanzan sus umbrales mínimos de CWV, los usuarios tienen "un 24 % menos de probabilidades de abandonar las cargas de página". Eso es significativo.

Incluso en ausencia de abandono de la página, los tiempos de carga lentos pueden afectar negativamente las conversiones. En su Informe comparativo de la experiencia digital de 2021, nuestros socios de Contentsquare revelan que incluso "una caída de 100 ms en el tiempo de carga de la web puede hacer que las tasas de conversión caigan un 7 %".

A la luz de estas tendencias, la experiencia del usuario se ha convertido en una prioridad cada vez mayor para los sitios de comercio electrónico y otros que dependen en gran medida del tráfico digital. En Hubday, el CMO de Alltricks, Yohan Michel, dijo que el minorista de equipos para correr y andar en bicicleta optimizaría su tecnología de aplicaciones web para lograr "un sitio móvil aún más fluido que se carga extremadamente rápido, siempre con el objetivo de aumentar la tasa de conversión".

Dado que Core Web Vitals es una parte tan integral para lograr una experiencia de página positiva, es importante que entendamos qué son y cómo optimizarlos.

Métricas Core Web Vitals de Google

El nuevo factor de clasificación de experiencia de página de Google combinará las señales de experiencia de página existentes con las métricas de Core Web Vitals, pero ¿qué son Core Web Vitals?

Google presentó Core Web Vitals el 5 de mayo de 2020 como una forma de unificar y optimizar toda la orientación sobre las señales de experiencia del usuario que han agregado a lo largo de los años.

Una gran experiencia de usuario comprende muchos factores, pero Google ha identificado tres elementos fundamentales que todo sitio debe poseer:

• Experiencia de carga : Google utiliza la métrica "Largest Contentful Paint" (LCP) para medir la velocidad de carga percibida por el usuario. LCP marca el punto en el que el contenido principal de la página se ha cargado por completo. Aprende más.
• Interactividad : Google utiliza la métrica "Retraso en la primera entrada" (FID) para medir cómo los usuarios pueden interactuar con la página. FID mide cosas como la capacidad de respuesta de la página y es la medida más cuantificable de cómo se siente el usuario cuando intenta navegar y realizar acciones en la página. Aprende más.
• Estabilidad visual : Google utiliza la métrica "Cambio de diseño acumulativo" (CLS) para medir la estabilidad del diseño de la página. En otras palabras, ¿cuánto cambia el diseño inesperadamente para el usuario? Aprende más.

Google explica que estas métricas son una combinación de otras métricas, nuevamente, como una forma de optimizar las métricas de experiencia de página. Por ejemplo, no puede tener un buen LCP si tiene un First Contentful Paint (FCP) y un Time to First Byte (TTFB) deficientes. Las métricas de Core Web Vitals son indicadores confiables porque se basan en datos de uso del mundo real (también conocidos como "datos de campo") en lugar de datos extrapolados (también conocidos como "datos de laboratorio"). Los datos de ese campo provienen del informe Chrome User Experience (CrUX), que recopila métricas anónimas sobre los tiempos de rendimiento de las personas reales que visitan sus páginas.

¿Dónde puedo encontrar mis métricas de Core Web Vitals?

Google dice que todas sus herramientas de desarrollo populares ahora se pueden usar para medir Core Web Vitals.

Aquí hay un ejemplo de esas nuevas métricas en la herramienta PageSpeed ​​Insights:

Y en la herramienta de medición Web.Dev:

Puede encontrar información de Core Web Vitals en:

• Lighthouse : descargue la extensión Lighthouse para Chrome o use la pestaña Auditorías de Chrome DevTools (presione "inspeccionar" en una URL y haga clic en la pestaña "auditorías").
• PageSpeed ​​Insights : visite la herramienta PageSpeed ​​Insights y ejecute un informe como de costumbre. Las nuevas métricas de Core Web Vitals se destacarán en la parte superior de su informe.
• Extensión de Chrome Web Vitals : Google ha creado una extensión completa dedicada a ayudarlo a medir LCP, FID y CLS en sus páginas web. Descarga la extensión Web Vitals para Chrome.
• API de informes de experiencia de usuario de Chrome: todas las métricas del Informe de experiencia de usuario de Chrome funcionan con API. Los propietarios de sitios pueden usar esas mismas API para recopilar análisis a nivel de URL de estas métricas de rendimiento. Vea la documentación de Google sobre la API de informes de Chrome UX aquí.
• Herramienta de medición Web.dev : Visite https://web.dev/measure/ para ver los datos de Core Web Vitals en cualquier URL que ejecute a través de la herramienta.
• Google Search Console : el informe "Core Web Vitals" en GSC agrupa el rendimiento por estado, tipo de métrica y tipo de URL.
• Botify : a partir de febrero de 2022, Botify Analytics incluye un panel CoreWebVitals con informes de tendencias y datos CWV segmentados por tipo de página.

Monitoreo de Core Web Vitals en Botify

Botify obtiene sus datos CWV directamente del informe CrUX a través de la API de Google para garantizar que sea fidedigno y coherente con los informes de terceros. Pero hay varias ventajas de monitorear CWV usando Botify.

Debido a que sus datos de Core Web Vitals están alojados en Botify, puede administrar fácilmente la experiencia de su página sin cambiar de plataforma.

No solo eso, sino que también puede segmentar sus datos por tipo de página, revelando qué categorías de página están experimentando problemas de CWV antes de que esos problemas comiencen a aparecer en los datos de conversión.

El tablero también presenta una serie de informes de tendencias, que muestran cambios en sus métricas de CWV a lo largo del tiempo. Esto puede ayudarlo a identificar cambios en el sitio que podrían haber afectado su experiencia en la página.

Pero dado que los SEO probablemente estén más familiarizados con GSC y lo hayan incorporado como parte de su flujo de trabajo diario, profundicemos en ese informe específicamente. Visite web.dev/vitals-tools para obtener instrucciones detalladas sobre cómo usar los otros informes para encontrar datos de Core Web Vitals.

El informe Core Web Vitals en Google Search Console

Navegue a la propiedad que desea auditar en Google Search Console y haga clic en "Core Web Vitals" en la barra de navegación de la izquierda.

Una vez allí, verá gráficos para el rendimiento móvil y de escritorio.

Esos gráficos incluyen URL que pertenecen a una de tres categorías:

• Pobre : ​​las URL se consideran "pobres" si su LCP es superior a 4 segundos, FID es superior a 300 ms y CLS es superior a 0,25.
• Necesita mejorar : las URL se consideran "necesita mejorar" si su LCP está entre 2,5 y 4 segundos, su FID está entre 100 ms y 300 ms, y su CLS está entre 0,1 y 0,25.
• Bueno : las URL se etiquetan como "buenas" si su LCP es inferior a 2,5 s, FID es inferior a 100 ms y CLS es inferior a 0,1.

Debido a que este informe usa datos de campo, si una URL no tiene suficientes datos del mundo real, GSC la omitirá del informe.

El informe Core Web Vitals de GSC desglosa los problemas por grupo de URL, lo que es útil porque un solo problema en un grupo de URL probablemente sea causado por un solo problema general. Esto lo ayuda a concentrarse en el problema subyacente en lugar de cómo ese problema se manifiesta en varias páginas individuales.

Google proporcionará estados en grupos de URL para ayudarlo a realizar un seguimiento de cuáles ha validado, cuáles no y el progreso de esas pruebas. Para obtener más información sobre su informe Core Web Vitals en GSC, visite la Búsqueda Console Help Center para leer la documentación completa.

Señales existentes de la experiencia de la página de Google

Las métricas de Core Web Vitals no son los únicos factores que se incluirán en el nuevo factor de clasificación de experiencia de página de Google. También incorporará señales de experiencia de página existentes como:

• Optimización para dispositivos móviles: anunciada en 2015, la optimización para dispositivos móviles es una señal de clasificación que prioriza el contenido que es fácil de ver en dispositivos móviles. Puede probar si su página es compatible con dispositivos móviles aquí. También puede monitorear la usabilidad móvil en Google Search Console.
• Navegación segura: los webmasters deben solucionar los problemas de seguridad encontrados en su sitio, a los que pueden acceder en el informe de problemas de seguridad en Google Search Console. Los problemas de seguridad incluyen malware, páginas engañosas, descargas dañinas y descargas poco comunes.
• Seguridad HTTPS: HTTPS / Transport Layer Security es una señal de clasificación leve que tiene menos peso que las señales de calidad del contenido, pero los webmasters deben migrar todas sus URL a HTTPS no solo porque podría ayudar con las clasificaciones, sino porque es más seguro para los visitantes.

Pautas intersticiales intrusivas: los webmasters deben evitar mostrar ventanas emergentes que cubran el contenido principal de una página, mostrar intersticiales independientes que el usuario debe descartar antes de acceder al contenido principal y hacer que la parte superior de la página web se vea como un intersticial independiente cuando hay contenido principal debajo de la página.

Próximos pasos: ¿Cómo optimizo la experiencia de la página?

Ahora que la experiencia de la página es un factor de clasificación tanto para la búsqueda de escritorio como para dispositivos móviles, es una buena idea comenzar a incluirla en su estrategia de SEO.

Google sugiere el siguiente flujo de trabajo para la optimización de la experiencia de la página:

1. Abra su informe Core Web Vitals en Google Search Console para identificar grupos de páginas que requieren atención. Concéntrese primero en las URL en la categoría "pobre", luego "necesita mejorar".
2. Comparta este informe con su equipo de ingeniería (lea los consejos para comunicarse con sus desarrolladores web) o continúe con más diagnósticos a continuación.
3. Una vez que tenga una buena comprensión de las páginas que necesitan más atención, ejecute esas páginas a través de PageSpeed ​​Insights para diagnosticar problemas específicos que contribuyen a las malas métricas de Core Web Vitals que debe abordar.
4. Ejecute esas páginas a través de una auditoría de Lighthouse o use la extensión de Chrome Web Vitals para obtener una guía más práctica sobre lo que aún necesita corregir.

Google también nos brinda las mejores prácticas de experiencia de página, tales como:

• Reducir el tamaño de cada página a menos de 500 KB (página + todos los recursos).
• Mantenga el número total de recursos por página a menos de 50 (ideal para dispositivos móviles).
• Considere implementar AMP, que puede solucionar muchos problemas de carga de páginas tanto en dispositivos móviles como de escritorio.

A medida que usted y/o su desarrollador web comiencen a implementar correcciones en la experiencia de la página, Google sugiere usar su botón "Iniciar seguimiento", que iniciará una sesión de monitoreo de 28 días. ¿Por qué 28 días? Google dice que si no vuelve a ocurrir ninguna instancia del problema dentro de esa ventana de 28 días, ¡puede considerar que el problema está solucionado!

El factor de clasificación de experiencia de página mejorada es otro paso en la dirección de combinar SEO y UX. A medida que pasa el tiempo, parece cada vez más que hacer lo mejor para los humanos también es lo mejor para Google.

¡Esto es para crear la mejor experiencia posible para nuestros visitantes y ser recompensados ​​por ello!

Póngase en contacto para obtener más información sobre cómo Botify está ayudando a los sitios web empresariales a convertir la búsqueda orgánica en un canal eficiente, medible y sostenible tanto para el tráfico como para el crecimiento de los ingresos.