Lo que podemos esperar de Core Web Vitals en 2022

2021 fue un gran año para el SEO. Vimos el lanzamiento de Google de resultados sangrados , donde los sitios pueden mostrar varias páginas relevantes en una página de resultados del motor de búsqueda (SERP); su actualización de desplazamiento continuo a la búsqueda móvil , que carga automáticamente el siguiente lote de resultados cuando los usuarios se desplazan hasta el final de una página de búsqueda; y su etiqueta de título se reescribe , donde reemplaza el título de un sitio con sus etiquetas H1 u otros elementos.

¿Todos estos cambios fueron recibidos con un estruendoso aplauso? No del todo, pero es el mundo SERP de Google, y estamos viviendo, y tratando de clasificar, en él.

Otro lanzamiento que no fue un éxito inmediato fue la actualización de la experiencia de la página, basada en las métricas Core Web Vitals de Google. Estas nuevas métricas “priorizan” (más sobre esto más adelante) la experiencia del usuario al analizar una página web según tres señales:

1. Pintura con contenido más grande
2. Retraso de la primera entrada
3. Cambio de diseño acumulativo

Se supone que las URL que pasan cada umbral de Core Web Vitals tienen más probabilidades de clasificarse que las URL que no lo hacen, y viceversa. Sin embargo, Google aparentemente ha cambiado de opinión con el tiempo sobre qué tan grande será el impacto que verán los sitios y cuántos umbrales deben pasar.

¿El objetivo de Google con este lanzamiento? Consiga que los propietarios de sitios mejoren el rendimiento de sus sitios web. Sin embargo, desafortunadamente para Google, no mordieron el anzuelo .

Core WebVitals no va a ninguna parte

Aunque recibió una respuesta deslucida, no espere que Core Web Vitals se vaya en silencio hasta la noche. De cara al 2022, podemos esperar que Google aumente su importancia para el ranking.

De hecho, apostaría a que habrá una mayor desventaja en la clasificación de los sitios que fallan en uno o dos de los umbrales, a diferencia de los que fallan en todos los ámbitos, como es el caso actualmente . Esto significa que los sitios deben comenzar a optimizar las páginas colectivamente para cada señal de Core Web Vitals, de modo que no se queden atrás cuando los sitios de sus competidores comiencen a clasificarse más alto.

El marketing efectivo requiere visibilidad y alcance, y no hay mejor opción que clasificarse alto en los SERP. Esto significa que adherirse a Core Web Vitals es imprescindible. Pero cuando se aventure a hacerlo, es mejor conocer formas de optimizar los sitios y qué atajos evitar que puedan dificultar la usabilidad de un sitio.

Comprender cada señal principal de Web Vitals

Core Web Vitals esencialmente pone la experiencia del usuario a la vanguardia al medir el rendimiento de un sitio en tres partes: estabilidad visual (cambio de diseño acumulativo), interactividad (primer retraso de entrada) y rendimiento de carga (pintura con contenido más grande).

Definamos brevemente cada señal:

• Cambio de diseño acumulativo : el cambio máximo en el diseño de una página en una sesión de cinco segundos.
• Retraso de la primera entrada: el tiempo que transcurre desde que un usuario hace clic por primera vez en un elemento interactivo (como un vínculo o un botón) hasta que se procesa ese clic.
• Pintura con contenido más grande : cuánto tiempo tarda en cargarse el elemento más grande de una página. Nota: el elemento más grande varía según el dispositivo utilizado.

Qué no hacer al optimizar un sitio para Core Web Vitals

Se supone que Core Web Vitals mejora un sitio web para la experiencia del usuario, pero la forma en que lo hacen los SEO puede hacer más daño que bien a la usabilidad. Las métricas de Core Web Vitals son frágiles, lo que les permite pasar fácilmente incluso con optimizaciones terribles.

Tomemos estos dos escenarios:

Una forma en que se puede pasar el umbral de pintura con contenido más grande es haciendo que el texto sea más grande en una página. Esta métrica mide cuánto tarda en cargarse el elemento más grande de una pantalla: cuanto más rápido se cargue, mejor será la métrica.

Dado que el texto se carga más rápido que una imagen, hacerlo más grande permitiría que un sitio supere este umbral. Pero esta táctica no mejorará la experiencia del usuario del sitio, y el texto más grande puede ser una molestia para un sitio visualmente atractivo. Debido a que las imágenes son esenciales para el marketing, es fácil ver por qué no sería una buena idea.

Otro ejemplo de mala optimización que supera el umbral de Core Web Vitals es la eliminación de enlaces valiosos. First Input Delay mide el tiempo que se tarda en procesar el clic de un usuario en un elemento interactivo de un sitio.

Por ejemplo, tomemos las páginas de blog, que constan de una imagen, un título, un resumen y un CTA de "leer más" para cada publicación. Por lo general, los SEO hacen que tanto la imagen como la CTA se puedan vincular a la publicación completa del blog, y los usuarios esperan que así sea. Si un SEO elimina los enlaces de estos elementos interactivos, los usuarios seguirán haciendo clic en ellos (porque supondrán que están enlazados a alguna parte), pero no pasará nada. El usuario eventualmente encontrará un elemento que funcione, pero más tarde de lo que lo haría de otra manera. Como resultado, el reloj para First Input Delay no comenzará hasta que la página esté completamente cargada, lo que mejorará las métricas para esta señal pero arruinará la experiencia del usuario en el proceso.

Una parte crucial del marketing es poner al consumidor primero. Configurar un sitio para que se adhiera a Core Web Vitals y al mismo tiempo ralentizar la experiencia del usuario logra lo contrario. Las optimizaciones conscientes son lo que cada sitio necesita para realmente preocuparse por la experiencia del usuario.

Qué hacer al optimizar un sitio para Core Web Vitals

Hay formas de mejorar un sitio web para cada señal, aunque Core Web Vitals no ha sido bien recibido. Considere estas opciones para mejorar un sitio para Core Web Vitals:

1. Diseño de turno acumulativo: use fachadas para contenido de carga tardía. Las fachadas ocupan el lugar del contenido que aparecerá una vez que la página termine de cargarse. Digamos que un sitio tiene imágenes de productos que muestra en su página de inicio. Las fachadas mantendrán su lugar mientras se cargan para que la página no se reorganice una vez que lo hagan, porque son el punto focal y probablemente más grandes que otros elementos en una página.
2. Pintura con contenido más grande: coloca elementos grandes debajo del pliegue. Esto permite que elementos más inestables, como contenido incrustado (imágenes, anuncios, tweets, etc.), aparezcan gradualmente a medida que se carga una página. Si es necesario mostrar un anuncio en una página, dejarlo debajo de la tapa ayudará a mejorar esta métrica.
3. Retraso de la primera entrada: agregue elementos interactivos desde el principio que tengan un propósito. Si una página tiene un elemento en el que se debe hacer clic antes de que los usuarios puedan ver un sitio, se producirá un retraso, ya que la página aún se está cargando en segundo plano. Un ejemplo de este tipo de elemento interactivo es una superposición de preferencias de cookies.

Pase cada umbral

Core Web Vitals está aquí para quedarse. A medida que nos acercamos al 2022, cualquier sitio que desee posicionarse debe asegurarse de superar todos los umbrales. No hacerlo provocará una caída libre de las filas, lo que ningún vendedor quiere. Hay una forma correcta de optimizar las páginas para Core Web Vitals. Una vez que lo hagamos, mejoraremos el mundo del SEO tanto para la clasificación como para la experiencia del usuario.

Sobre el Autor

Tom Capper es el científico de búsqueda sénior de Moz . Es un líder intelectual con una inclinación por desafiar las normas de la industria y desarrollar estrategias y tácticas de SEO únicas. Su atención se centra en el diseño de nuevas investigaciones para ayudar a Moz a resolver problemas técnicos y complejos para los profesionales de SEO en cada etapa de su carrera.