Actualización de Core Web Vitals y directrices para optimizar páginas del sitio web para cumplir con ellas

Desde su fundación en 1998, Google ha otorgado una importancia creciente a la experiencia del usuario (User Experience), lo que la ha impulsado a actualizar continuamente sus algoritmos. Recientemente, anunció formalmente la inclusión de lo que denominó Core Web Vitals (indicadores de rendimiento web esencial) en la clasificación de resultados de búsqueda, dentro del marco de la iniciativa "Actualización de experiencia de página" (Page Experience Update), que incluye otros factores de clasificación como la compatibilidad con dispositivos inteligentes y certificados SSL. Explicación de la actualización Core Web Vitals e instrucciones para mejorar las páginas de tu sitio web para ser compatible con ella. Los estándares Core Web Vitals ofrecen una oportunidad para mejorar la clasificación de tu sitio web, pero solo si los comprendes correctamente y sabes qué hacer para que tu sitio sea compatible con ellos.

Por esta razón, te presentamos aquí una explicación detallada de esta actualización, te presentamos las herramientas más importantes que te permiten evaluar el nivel de compatibilidad de tu sitio web con ella, e incluimos las instrucciones más importantes que debes seguir para mejorar la compatibilidad del sitio web con sus tres factores. ¿Qué es la actualización Core Web Vitals? Los indicadores de rendimiento web esencial o Core Web Vitals son 3 factores específicos e importantes que miden la velocidad de una página web y su capacidad de respuesta al usuario, es decir, el rendimiento de la página según datos de uso real (Real World Usage Data), y es parte de los estándares de calificación de "experiencia de página" (Page Experience).

Los factores de indicadores de rendimiento web esencial (Core Web Vitals) incluyen tres factores: velocidad de visualización del contenido más grande en la página (LCP), retraso en la respuesta de la primera entrada (FID), cambios acumulativos del diseño (CLS). Una imagen que muestra la relación entre los indicadores web esencial y la experiencia de página. Factores de la actualización Core Web Vitals. Cada uno de los tres factores anteriores, que representan indicadores de rendimiento web esencial (Core Web Vitals), mide algo específico relacionado con la experiencia del usuario, y estos son factores específicos de página, es decir, cada página de tu sitio web tiene valores independientes de otros.

Aquí explicamos lo que mide cada uno de estos factores, y en el párrafo siguiente explicamos cómo puedes conocer el valor de medición para cada factor en la página. Factor de velocidad de visualización del contenido más grande (LCP). El LCP mide la velocidad de carga de la página, pero difiere de otras métricas que miden la velocidad como TTFB y FCP, que miden la velocidad de respuesta del servidor web y el tiempo necesario para mostrar el primer elemento de contenido en orden, ya que este factor se basa en el tiempo necesario para mostrar el elemento visible más grande del contenido de la página que se presume que existe dentro del área de visualización.

Según el número que muestra el factor de velocidad de visualización del contenido más grande para la página, el estado de la página se conoce como "bueno", "necesita mejora" o "lento", y la siguiente imagen muestra los límites que separan estos estados: límites de estados de velocidad de visualización del contenido más grande (LCP). Retraso en la respuesta de la primera entrada (FID). El FID mide el grado de interactividad de la página, y representa el tiempo necesario para que el navegador responda a cualquier interacción que realice el usuario con la página por primera vez, ya sea haciendo clic en un botón o enlace, ingresando un correo electrónico en un campo, o de otra manera, y esta métrica se considera importante en páginas donde el usuario necesita realizar una acción, como páginas de inicio de sesión o registro en el sitio web.

De acuerdo con el valor del factor de retraso en la respuesta de la primera entrada (FID), la página puede evaluarse como buena, necesita mejora o mala, y la siguiente imagen muestra los valores que hacen que la página pertenezca a cada estado: límites de estados de retraso en la respuesta de la primera entrada. Cambios acumulativos del diseño (CLS).

El factor de cambios acumulativos del diseño (el tercer indicador de Core Web Vitals) mide el grado de estabilidad visual de la página, es decir, la cantidad de cambios inesperados en el diseño de la página, y cuanto más se muevan los elementos de la página, mayor será el CLS, y cuanto mayor sea, peor será. Este factor toma un valor de cero o cualquier número positivo, donde cero indica que las posiciones de los elementos de la página no cambian de manera inesperada (sin interacción del usuario). Google considera importante la estabilidad visual de la página, diciendo que la dificultad de que el usuario interactúe con elementos de la página debido a cambios en sus ubicaciones es característica de una experiencia de usuario deficiente. Asimismo, si las posiciones de los elementos visibles de la página son estables durante su carga, los usuarios no tendrán que buscar nuevamente los enlaces, imágenes y campos que vieron durante la carga de la página después de que el navegador complete el proceso de carga.

Además, la estabilidad visual evitará que el usuario haga clic en elementos por error. Es importante señalar aquí que la creencia de que el factor de cambios acumulativos del diseño (CLS) solo mide la estabilidad visual de la página durante su carga es incorrecta, ya que este factor mide la estabilidad visual de la página durante toda su vida útil.

Como LCP y FID, el factor de cambios acumulativos del diseño (CLS) puede ser bueno, necesita mejora o malo, y los límites que separan estos estados se muestran en la siguiente imagen: límites de estados del factor de cambios acumulativos del diseño. La siguiente tabla resume los conceptos de los tres factores de Core Web Vitals, y muestra más claramente los valores que pueden tener, y cuándo se consideran buenos, malos o necesitan mejora: tabla que resume conceptos de los factores de Core Web Vitals y los límites de estado de cada uno.

Medición de indicadores de rendimiento web esencial (Core Web Vitals)

Actualmente, existen varios métodos y herramientas que miden los factores de Core Web Vitals para páginas web, incluyendo: herramientas de Google Search Console, conjunto de herramientas PageSpeed Insights.

Herramienta Google Lighthouse, herramientas Chrome DevTools.

Extensión Web Vitals para Google Chrome.

No explicaremos aquí todas las herramientas mencionadas anteriormente para medir los factores de Core Web Vitals, pero explicaremos la primera y segunda herramienta, además de la extensión de Google Chrome (Web Vitals) que puedes instalar en tu navegador desde aquí. 1- Herramientas de Google Search Console. Las herramientas de Google Search Console te proporcionan muchos datos sobre tus sitios web, y se ha añadido un informe de indicadores de rendimiento web esencial que te permite ver el estado de los títulos de tu sitio actual y pasado, tanto en teléfonos móviles como en computadoras, cada uno por separado. Cuando abras la página del informe

Core Web Vitals de tu sitio web, verás dos tarjetas que muestran la primera el rendimiento del sitio en teléfonos móviles, mientras que la segunda muestra su rendimiento en computadoras, y podrás abrir un informe de factores web esencial en cualquiera de ellas haciendo clic en el botón "Abrir informe" ubicado en la parte superior de la tarjeta. Informe de Core Web Vitals de un sitio web en Google Search Console. Si haces clic en el botón "Abrir informe" en las dos tarjetas, la herramienta te mostrará datos más detallados sobre páginas buenas, malas y que necesitan mejora en tu sitio web, teniendo en cuenta los tres factores de Core Web Vitals, y podrás exportar el informe como hoja de cálculo de Google, archivo Excel o archivo CSV haciendo clic en el botón "Exportar".

Informe de Core Web Vitals en dispositivo móvil desde Google Search Console. Queremos señalar que es posible que el informe de indicadores de rendimiento web esencial en Google Search Console no incluya todas las páginas web de tu sitio web, ya que solo muestra las URL indexadas, que incluyen una cantidad mínima de datos suficiente para calcular al menos uno de los tres factores.

2- Conjunto de herramientas PageSpeed Insights

PageSpeed Insights te proporciona muchos datos sobre cualquier página web cuyo enlace tengas, ya que, a diferencia de Google Search Console, no necesitarás que la página web sea parte de un sitio web que poseas para conocer los estados de los factores de Core Web Vitals, solo necesitas ingresar el enlace de la página y luego hacer clic en el botón "Analizar". Valores de factores de Core Web Vitals de una página web desde PageSpeed Insights.

Es importante señalar que puedes obtener los valores de indicadores de rendimiento web esencial para la página en dispositivo móvil y computadora, alternando entre dos pestañas haciendo clic en los dos iconos ubicados en la parte superior derecha de la imagen anterior (móvil - escritorio). 3- Extensión Web Vitals para Google Chrome. La extensión Web Vitals para Google Chrome es la solución ideal para conocer los valores de los factores de Core Web Vitals para una página que estás navegando, ya que después de instalarla, mide LCP, FID y CLS para todas las páginas que visites si está habilitada.

Observa en la siguiente imagen que la extensión calculó los factores LCP y CLS para la página de resultados de búsqueda de Google simplemente buscando la frase "wordpress en español", y está esperando que interactúes con uno de los elementos de la página para calcular el factor FID. Valores de indicadores de rendimiento web esencial para la página de resultados de búsqueda de wordpress en español de la extensión Web Vitals. Es importante señalar que para que esta extensión calcule los factores correctamente, la pestaña debe estar abierta desde el momento en que comienza a cargarse la página hasta que termina de cargarse completamente, de lo contrario, la extensión mostrará números inexactos.

Además, los valores de algunos factores se ven afectados por la velocidad de tu conexión a Internet y posiblemente por las especificaciones de la computadora que usas, por lo que no te recomendamos que uses este método para medir los indicadores. ¿La compatibilidad de la página con Core Web Vitals mejora su posición en los resultados de búsqueda? Google desarrolló originalmente los factores de Core Web Vitals para ayudar a los editores de contenido a mejorar la experiencia del usuario, pero estos factores se han convertido recientemente en factores secundarios en la clasificación de resultados de búsqueda, es decir, las páginas que cumplen con los indicadores de rendimiento web esencial tendrán prioridad en la clasificación en caso de que otros factores de clasificación sean iguales.

Sin embargo, los factores de Core Web Vitals no se han convertido en un factor decisivo en la clasificación, ya que algunos artículos han exagerado su importancia. John Mueller de Google enfatiza que la relevancia del tema que se está buscando, que es lo que el usuario desea encontrar, sigue siendo el factor más poderoso en la clasificación.

Pero esto no significa que debas ignorar estos factores, ya que aunque pueden no tener un gran impacto en la clasificación (porque son un factor de clasificación secundario), el hecho de que tu sitio web no sea compatible con ellos tendrá muchos efectos negativos con fuerte impacto, como disminución de ingresos y menor popularidad, lo que a su vez conduce a una disminución en la clasificación también. Por lo tanto, la compatibilidad de tu sitio web con los indicadores de rendimiento web esencial afecta positivamente la clasificación de sus páginas de dos maneras: una directa, resultante de la preferencia del motor de búsqueda por páginas que cumplen con estos indicadores, y otra indirecta proporcionada por la popularidad de tu sitio web de varias maneras, como aumentar la cantidad de enlaces que conducen a las páginas del sitio web (Backlinks).

Compatibilidad con Core Web Vitals

Aunque hacer que las páginas de tu sitio web sean compatibles con los indicadores de rendimiento web esencial no las moverá de la página diez a la primera página de los resultados de búsqueda, como explicamos en el párrafo anterior, estos factores aún tienen un impacto en la clasificación, por lo que aquí destacaremos las prácticas y métodos más importantes que ayudan a hacer que las páginas de tu sitio web sean compatibles con ellos. Prácticas útiles para mejorar LCP. Si tu velocidad de visualización del contenido más grande en la página (LCP) es baja, hacer lo siguiente será útil para aumentarla: elimina scripts de terceros innecesarios, ya que un estudio encontró

que cada uno de estos scripts ralentiza la página en 34 milisegundos. Mejora el tiempo de respuesta del servidor si es alto, ya que cuanto más lenta es la respuesta del servidor, más tiempo lleva mostrar cualquier elemento en la página y mayor es el LCP. Minimiza los archivos CSS, difiere la lectura del navegador de archivos innecesarios e intenta colocar códigos CSS esenciales en línea.

Optimiza y comprime imágenes, usa formatos modernos como JPEG 2000, JPEG XR o WebP, y no uses imágenes que no tengan relación con el tema. Obtén los elementos importantes y solicita al navegador que los cargue antes que otros. Usa carga lenta (Lazy Loading) que resulta en cargar contenido bajo demanda.

Por ejemplo, si usas carga lenta, las imágenes de la página web se cargarán cuando su ubicación se convierta en parte de la pantalla del navegador. Y para más consejos que te permitan aumentar la velocidad de carga de las páginas de tu sitio WordPress y reducir el tiempo que los visitantes tienen que esperar para obtener lo que necesitan, consulta la Guía completa para aumentar la velocidad de un sitio WordPress.

Prácticas útiles para mejorar FID

Generalmente, la ejecución de códigos JavaScript (JS) pesados es la razón principal del largo retraso en la respuesta de la primera entrada (FID), ya que es casi imposible que el usuario interactúe con la página mientras el navegador carga JS, por lo que mejorar la forma en que analizas y ejecutas JavaScript, difiriendo y minimizando su ejecución, tendrá un impacto positivo directo en FID. Y las otras prácticas que pueden mejorar el retraso en la respuesta de la primera entrada incluyen: elimina scripts (programas) innecesarios de terceros. Usa el almacenamiento en caché del navegador, ya que esto ayuda al navegador a cargar JS más rápidamente.

Prácticas útiles para mejorar CLS. Las prácticas de mejora de cambios acumulativos del diseño se basan principalmente en hacer que los elementos no se muevan de manera inesperada (es decir, sin que el usuario interactúe con la página de una manera que resulte en mover los elementos), esto se debe a que este factor mide la cantidad de cambio en el diseño de la página entre dos fotogramas mostrados. Las cosas más destacadas que puedes hacer para reducir el valor de CLS incluyen: usa propiedades de ancho y alto para medios, ya sean imágenes, videos o gráficos.

Reserva suficiente espacio para insercciones y anuncios para evitar que su aparición repentina empuje otros elementos hacia abajo, arriba o hacia los lados. No insertes contenido nuevo sobre el contenido existente, a menos que sea en respuesta a una interacción del usuario con uno de los elementos de la página. Con esto, hemos terminado de explicar la actualización Core Web Vitals (indicadores de rendimiento web esencial), te hemos presentado las herramientas más importantes que te permiten medir sus factores, hemos señalado su papel en la clasificación de las páginas del sitio web, y hemos destacado las acciones y prácticas más importantes que ayudarán a mejorar los valores de los factores de esta actualización.

Y hacemos hincapié al final en que estos factores se desarrollaron originalmente para ayudarte a mejorar la experiencia de tus usuarios, por lo que incluso si su impacto no es decisivo en la clasificación de resultados de búsqueda, debes mejorar sus valores para proporcionar una experiencia óptima a los visitantes de tu sitio web.