6 métodos básicos de extracción de Web Vitals para CrUX con pros y contras

Obtenga más información sobre las 6 formas de extraer Core Web Vitals de CrUX directamente desde Google y cuál usar en su programa de SEO.

Desde el anuncio de la actualización de Page Experience y su lanzamiento completo en septiembre de 2021, muchos profesionales de SEO en todo el mundo han centrado su atención en mejorar Core Web Vitals para los sitios web que administran. announcement

Asegurarse de tener una buena experiencia de usuario en todos los navegadores y dispositivos es importante desde el punto de vista comercial.

Sin embargo, como expertos en SEO, debemos comprender no solo cómo los usuarios experimentan nuestro sitio, sino también cómo Google mide Core Web Vitals y si también hay una forma de acceder a estos datos.

De esa manera, no solo beneficiamos a nuestros usuarios, sino que sabemos cómo Google juzga nuestros sitios web, y los de nuestros competidores, dentro de esta área específica.. En última instancia, esto nos permite priorizar las correcciones en función de esta información.

Con eso en mente, en este artículo estamos explorando:

• Qué datos usa Google para medir Core Web Vitals.
• Qué fuentes están disponibles para extraer estos datos y sus limitaciones.
• Cuáles son las mejores fuentes para propósitos de SEO (desde mi punto de vista).
• Cómo acceder a estas fuentes de datos, con ejemplos.

¿Qué datos utiliza Google para medir Core Web Vitals?

Según la información que ha proporcionado Google, están utilizando los datos recopilados en el Informe de experiencia del usuario de Chrome para medir Core Web Vitals for Search. Chrome User Experience Report

Lo han anunciado en varias ocasiones, incluida la sesión «Core Web Vitals & SEO» de John Mueller en Chrome Dev Summit en 2020 y, más recientemente, durante la sesión AMA de Web Vitals en Google I/O 2021. “Core Web Vitals & SEO” session

El Informe de experiencia del usuario de Chrome, o CrUX para abreviar, recopila información sobre el rendimiento de carga de las URL visitadas por usuarios reales de Chrome que cumplen con criterios específicos. Chrome User Experience Report

Para poner esto en contexto, al observar la medición de Core Web Vitals únicamente desde el punto de vista de Google, están observando un subconjunto segmentado de toda su base de usuarios.

Obviamente, no podemos saber qué porcentaje de usuarios de Chrome forman parte del informe CrUX para un sitio web determinado, ya que Google no lo revela.. Además, qué tan grande o pequeño sea este subconjunto dependerá completamente de sus usuarios.

En un mundo ideal, debe realizar un seguimiento de Core Web Vitals en su sitio para todos los usuarios con una herramienta de terceros o utilizando la propia biblioteca de web vitals de Google.. Sin embargo, los datos en CrUX son la mejor información que tenemos disponible públicamente. web vitals library

¿Qué fuentes están disponibles para extraer Core Web Vitals de la base de datos CrUX?

Sabiendo que Google está utilizando datos de CrUX para la búsqueda, el siguiente paso es comprender cómo obtener estos datos.

Hay seis formas de extraer Core Web Vitals de CrUX directamente desde Google:

• API CrUX.
• API de información de PageSpeed.
• Panel de estudio de datos CrUX.
• Herramienta de información de PageSpeed.
• Proyecto CrUX BigQuery.
• Consola de búsqueda de Google.

Cada una de estas fuentes tiene sus ventajas y desventajas.. He creado un pequeño marco para clasificar cuál es mejor para el tipo de análisis que normalmente harías para SEO.

Las métricas incluidas en este marco son:

• Extracción de URL: ¿Podemos extraer datos CWV para una URL específica (si está disponible)?
• Dominio/Origen: ¿Podemos extraer datos CWV para un dominio específico (si está disponible)?
• Dispositivos: ¿Podemos segmentar los datos por móvil, escritorio o tableta?
• Conexión de red: ¿Podemos segmentar los datos por la velocidad de red de los usuarios?
• Datos nuevos: ¿Obtenemos los datos disponibles más recientes (últimos 28 días desde el día de la extracción)?
• Datos históricos: ¿Podemos acceder a datos de meses/años anteriores?
• Gratuito: ¿Podemos acceder a los datos sin pagar?
• Escalabilidad: ¿Podemos extraer estos datos fácilmente para miles de URL o dominios?
• Acceso a la interfaz de usuario: ¿Esta fuente de datos tiene una interfaz de usuario fácil de usar?

Ranking de las mejores fuentes para extraer datos de CruX para SEO

Aunque esta lista puede estar un poco sesgada porque me gusta usar soluciones programáticas para mi trabajo diario, he probado todos estos métodos antes.

Por lo tanto, toda la información aquí se basa en mi experiencia trabajando en la resolución y el seguimiento de problemas de Core Web Vitals para clientes reales.

Aquí está la lista de métodos para extraer Core Web Vitals de Google y cómo se comparan entre sí según mi marco de comparación.

1. La API CrUX

La API de CrUX es, en mi opinión, la API más sencilla y completa para extraer Core Web Vitals de CrUX en general. CrUX API

Es bastante fácil de usar y contiene toda la información que pueda necesitar para comprender, informar y monitorear los problemas de CWV para sus sitios web.

ventajas

• Tanto la URL como los datos de nivel de origen son accesibles a través de la API cuando están disponibles.
• Puede segmentar los tres dispositivos (móvil, escritorio y tableta).
• La información de conexión de red está disponible. Puede extraer datos para 4G, 3G, 2G, 2G lento y sin conexión.
• Puede extraer los datos disponibles más recientes, que son los datos agregados promedio de los 28 días anteriores desde el último día completo. Esto es (en teoría) lo que usa Google Search para evaluar Core Web Vitals para un sitio web.
• Es de uso completamente gratuito y fácilmente escalable.. El único límite de cuota es el número de consultas por minuto, que es de 150.. Además, tiene un tiempo de respuesta realmente rápido en comparación con otras API como la API de PageSpeed ​​Insights.

Contras

• Por el momento, no hay acceso disponible a los datos históricos.. Por lo tanto, solo puede acceder a la agregación de los 28 días anteriores. Sin embargo, esto se puede eludir almacenando los datos diariamente para acceder a ellos en el futuro.
• No hay una interfaz de usuario de fácil acceso para la API por ahora.

Cómo acceder a los datos de CWV con la API CrUX

Mi arma preferida cuando se trata de extracción de API es JavaScript, específicamente Node.js. Por lo tanto, los ejemplos que le mostraré estarán en su mayoría en JavaScript.

Si no sabe cómo ejecutarlo, esta breve publicación explica cómo instalar Node.js en su computadora portátil para que pueda probar estos ejemplos en su propio tiempo. this short post

// Create an index.js file, paste the code below & run `npm install axios` in your terminal

/* Modules */
const axios = require('axios');

/* Script Variables */
const apiKey = 'YOUR-API-KEY-HERE' // Get your key here https://developers.google.com/web/tools/chrome-user-experience-report/api/guides/getting-started#APIKey
const cruxEndpoint = `https://chromeuxreport.googleapis.com/v1/records:queryRecord?key=${apiKey}`;

// Custom function to call the CruX API
const getApiData = async (type, url) => {
  // Create request body
  const req = {}
  req[type] = url

  // Send API Request
  const { data } = await axios(cruxEndpoint, {
    method: 'POST',
    headers: {
      'Content-Type': `application/json`,
    },
    data: JSON.stringify(req)
  });
  return data
}

// Run script (IIFE) - Change 'type' & 'URL'
(async () => {
  const testOrigin = await getApiData('origin', 'https://builtvisible.com')
  const testURL = await getApiData('url', 'https://builtvisible.com')
  console.log(testOrigin, testURL);
})()

Si desea que comparta una versión completa que recorra todos los dispositivos y conexiones posibles para obtener una lista de URL, hágamelo saber en Twitter. let me know on Twitter

2. La API de PageSpeed ​​Insights

La API de PageSpeed ​​Insights ocupa el segundo lugar cuando se trata de extraer datos de campo de CrUX. PageSpeed Insights API

Nos brinda información muy útil, pero faltan algunas dimensiones en comparación con la API CrUX que podrían ser útiles al diagnosticar problemas de CWV para sus sitios.

ventajas

• Tanto la URL como los datos de nivel de origen son accesibles a través de la API cuando están disponibles.
• Puede segmentar los datos por Mobile & Desktop.
• Al igual que la API CrUX, puede extraer los datos disponibles más recientes, que son los datos agregados promedio de los 28 días anteriores desde el último día completo.
• Es de uso completamente gratuito y fácilmente escalable.. Hay un límite de cuota de 240 solicitudes por minuto y 25.000 por día.
• Puede acceder a esta API a través de una interfaz de usuario fácil de usar con la herramienta PageSpeed ​​Insights de Google (aunque no es tan escalable).

Contras

• No puede segmentar los datos por usuarios de Tablet.
• No hay información de conexión de red disponible. Por lo tanto, todas las diferentes conexiones se agregan al extraer datos CWV.
• Por el momento, no hay acceso disponible a los datos históricos.. Por lo tanto, solo puede acceder a la agregación de los 28 días anteriores. Esto se puede resolver almacenando los datos diariamente para acceder a ellos en el futuro.
• Este servicio ejecuta Lighthouse en segundo plano para obtener métricas de laboratorio en las mismas solicitudes. Por lo tanto, la respuesta de la API es un poco más lenta que la API de CrUX.

Cómo acceder a los datos de CWV con la API de PageSpeed ​​Insights

Este es un pequeño ejemplo de cómo puede extraer datos CWV de la API de PageSpeed ​​Insights. Si desea que se ejecute un script plug-and-play, puede descargar mi repositorio de Github. download my repository

// Create an index.js file, paste the code below & run `npm install axios` in your terminal

/* Modules */
const axios = require('axios');

/* Script Variables */
const apiKey = 'YOUR-API-KEY-HERE' // Get your key here https://developers.google.com/speed/docs/insights/v5/get-started#APIKey

// Custom function to extract data from PageSpeed API
const getApiData = async (url) => {
  const endpoint = 'https://www.googleapis.com/pagespeedonline/v5/runPagespeed';
  const apiResponse = await axios(`${endpoint}?url=${url}&key=${apiKey}`); // Create HTTP call
  const urlCWV = apiResponse.data.loadingExperience; // Extract URL field
  const domainCWV = apiResponse.data.originLoadingExperience; // Extract domain field data

  console.log(urlCWV, domainCWV); // Log URL field data and Domain Field data if available
  return { urlCWV, domainCWV };
};

// Call your custom function
getApiData('https://www.searchenginejournal.com/category/seo/');

3. El proyecto CruX BigQuery

El proyecto CrUX BigQuery es una enorme base de datos de registros de métricas de usuarios reales que se remonta a octubre de 2017.. Este gran proyecto está lleno de gran información.. Pero como cualquier otra fuente, tiene pros y contras. CrUX BigQuery project

ventajas

• Puede acceder a los datos de nivel de origen.
• Puede segmentar los tres dispositivos (móvil, escritorio y tableta).
• Puede extraer datos para todos los tipos de conexiones de red cuando estén disponibles (4G, 3G, 2G, 2G lento y sin conexión).
• Puede extraer datos históricos más allá del último mes disponible hasta octubre de 2017.
• Puede escalar esto para tantos proyectos como desee y los datos son muy flexibles con el potencial de crear sus propias tablas personalizadas si lo desea.
• Existen métricas y dimensiones adicionales que podrían ser útiles para su análisis, pero que no están disponibles en la API de CrUX ni en las API de PageSpeed ​​Insights, como «Tiempo hasta el primer byte» o segmentación a nivel de país.

Contras

• No puede acceder a los datos a nivel de URL.
• Este conjunto de datos se actualiza cada segundo martes del mes para el mes anterior. Por lo tanto, si desea monitorear CWV más regularmente, esta no sería la fuente correcta.
• Necesita una comprensión práctica de SQL para profundizar en los datos.
• Cuesta dinero funcionar. Aunque hay un nivel de uso gratuito en BigQuery, deberá agregar detalles de facturación dentro de Google Cloud Platform para poder usarlo.. No te desanimes por esto. Para informes de pequeña a mediana escala, debe estar dentro del nivel gratuito.

Cómo acceder a datos CWV con el proyecto CrUX BigQuery

Si ya tiene una cuenta de Google Cloud Platform, puede acceder al proyecto a través de este enlace. using this link

Deberá habilitar la API de BigQuery. Una vez habilitado, puede acceder a los datos directamente desde su editor de SQL.

No es necesario que sea un experto en SQL, pero un poco de familiaridad lo llevaría muy lejos.

Aquí hay dos recursos fantásticos que lo ayudarán a comenzar su viaje al analizar estos datos: el libro de cocina CrUX de Rick Viscomi y el tutorial Biguery for CrUX de Paul Calvano. CrUX Cookbook

Hasta ahora, solo he explicado las fuentes de datos que requieren un poco de conocimiento de programación.. Pero no necesita saber cómo codificar para tener en sus manos los datos de Core Web Vitals del informe CrUX.

Los siguientes tres métodos le permitirán acceder a los datos de Core Web Vitals desde CrUX sin conocimientos de programación.

4. La herramienta de información de PageSpeed

La herramienta PageSpeed ​​Insights de Google es una alternativa «sin código» perfectamente buena para obtener acceso a los datos de CruX. PageSpeed Insights Tool

Los beneficios son exactamente los mismos que los de la API de PageSpeed ​​Insight, pero el único inconveniente es que este método no es muy escalable.

Para obtener datos de varias URL, deberá ingresar manualmente cada URL en la herramienta.

Cómo acceder a los datos de CWV con la herramienta PageSpeed ​​Insights

Ingrese la URL/dominio del que le gustaría obtener datos en la herramienta PageSpeed ​​Insights.

Si hay información disponible tanto para la URL como para el dominio (origen), la encontrará en la parte superior de los resultados que se muestran después de que la herramienta haya terminado de ejecutarse.

5. El panel de control de CrUX Data Studio

CrUX Data Studio Dashboard es una herramienta fantástica creada por Rick Viscomi para acceder al proyecto CrUX Big Query muy fácilmente con una interfaz de usuario agradable. CrUX Data Studio Dashboard

ventajas

• Puede acceder a los datos de nivel de origen.
• Puede segmentar los tres dispositivos (móvil, escritorio y tableta).
• Puede extraer datos para todos los tipos de conexiones de red cuando estén disponibles (4G, 3G, 2G, 2G lento y sin conexión).
• Puede extraer datos históricos más allá del último mes disponible.
• Es completamente gratis para construir.
• Es muy fácil de configurar y tiene una interfaz de usuario sencilla.
• Hay métricas adicionales que podrían ser útiles para su análisis, pero que no están disponibles en las otras API, como Tiempo hasta el primer byte.

Contras

• No puede acceder a los datos a nivel de URL.
• Este informe está vinculado a los datos disponibles en el proyecto Big Query, que se actualiza cada segundo martes del mes para el mes anterior.. Por lo tanto, si desea monitorear los datos de CWV con más regularidad, no es posible a través de esta fuente de datos.
• Este método no es realmente escalable si planea monitorear más de unos pocos dominios.

Cómo acceder a los datos de CWV con el panel de CrUX Data Studio

Cree una copia de la plantilla directamente en Data Studio a través de g.co/chromeuxdash. g.co/chromeuxdash

Luego puede agregar el dominio que le interesa, presionar «Crear informe» y obtendrá el informe del último mes disponible.

Si recibe un error, asegúrese de haber agregado el nombre de dominio correctamente.

Alternativamente, podría ser que su dominio no esté incluido en el conjunto de datos de BigQuery.. Puede encontrar más información sobre cómo funciona este informe en la publicación de Rick Viscomi en web.dev. Rick Viscomi’s post

6. Informe Core Web Vitals de Search Console

El informe Core Web Vitals de Search Console es una adición relativamente nueva a la plataforma GSC. Es útil pero bastante único en términos de las métricas que muestra por propiedad.

ventajas

• Puede acceder a los datos a nivel de plantilla, que es un enfoque único para el resto de las metodologías.. Esta es una muy buena idea y, en muchos casos, la agregación funciona como se esperaba.
• Puede segmentar los datos por Mobile & Desktop.
• En principio, puede extraer los datos disponibles más recientes, que son los datos agregados promedio de los 28 días anteriores desde el último día completo.
• Hay datos de 90 días, pero solo por la cantidad de URL afectadas por grupo (métrica buena, métrica de necesidades de mejora, métrica deficiente)
• La interfaz de usuario de GSC es muy fácil de usar.

Contras

• No puede acceder a los datos a nivel de URL ni a los datos a nivel de origen. Los datos se agregan por valor de «URL similares» y «Métrica agregada», lo cual es bueno pero es más difícil rastrear el progreso de URL individual.
• No puede descargar las URL individuales que coinciden como «similares», solo el número total.
• No puede segmentar los datos por usuarios de Tablet.
• No hay información de conexión de red disponible.
• Por el momento, no hay acceso disponible a datos históricos más allá de los 90 días anteriores.

Cómo acceder a los datos de CWV con Search Console

La única forma de extraer los datos es a través de la interfaz de usuario por ahora.. El informe se divide entre «Móvil» y «Escritorio».

Cada categoría de dispositivo contiene informes individuales «Deficiente», «Necesita mejorar» y «Bueno» para cada una de las métricas de Core Web Vital (LCP, CLS, DID).

Cada informe tiene una función de exportación (CSV, Excel o Google Sheet) que le permitirá descargar una tabla con la «URL base», el número de «URL similares» y el valor de «métrica agregada» por grupo.

También permite la cantidad de URL afectadas dentro de esa subsección durante los últimos 90 días.

Pensamientos finales

Independientemente de sus habilidades de codificación, hay muchas formas de extraer datos de Core Web Vitals de CrUX para monitorear sus sitios web y competidores.

Si se siente cómodo con un poco de programación y busca monitorear Core Web Vitals regularmente a escala, la API CrUX será su mejor solución.

Alternativamente, si está más centrado en las tendencias generales de dominio y no necesita los datos con tanta frecuencia sin necesidad de realizar un seguimiento de muchos dominios diferentes, el panel de control de CrUX Data Studio sería la solución más cómoda.

Recuerde que medir el rendimiento de nuestros sitios web en comparación con los puntos de referencia de CWV de Google es el primer paso para mejorarlos.. Porque sin gol no se puede marcar.

Sin embargo, tenga en cuenta que, como siempre nos dice nuestro director técnico, William Nye, «la estrategia es importante, pero la ejecución lo es todo».

Más recursos:

Imagen destacada: FFFLOW/Shutterstock

Leer el articulo original en Search Engine Journal.