Ofrezca experiencias multimedia mejoradas con Core Web Vitals de Google

¡Hola! Satarupa Chatterjee de Cloudinary. Hay un gran cambio por parte de Google en mayo de 2021 que tiene que ver con sus Core Web Vitals (CWV). Vale la pena prestar atención aquí, ya que será un factor de SEO.

Recientemente hablé con Tamas Piros sobre los CWV. La actualización de mayo de 2021 tendrá en cuenta los CWV, junto con otros factores como la compatibilidad con dispositivos móviles y la navegación segura, para generar un conjunto de puntos de referencia para las clasificaciones de búsqueda. Sin duda, los CWV afectarán directamente al tráfico de sitios web y aplicaciones por igual. Tamas es ingeniero de experiencia de desarrollador en Cloudinary, experto en optimización de medios y desarrollador de Google experto en tecnologías web y rendimiento web.

Aquí hay una versión escrita del video de arriba, donde las preguntas (Q) las hacemos yo, Satarupa y Tamas las respondemos (As).

P: ¿Cómo llegó Google a los tres Core Web Vitals y sus valores?

R: Como fuerza dominante en el espacio de búsqueda, Google ha investigado en profundidad lo que constituye una excelente experiencia de usuario y ha llegado a tres factores importantes, que la empresa llama, en conjunto, Core Web Vitals.

Antes de explicarlos, me gustaría recomendar un artículo informativo, publicado el pasado mes de mayo en Chromium Blog, titulado The Science Behind Web Vitals . En la parte inferior del artículo hay enlaces a artículos sobre la investigación que condujo a las pautas para evaluar con precisión las experiencias de los usuarios.

Ahora volvamos a los tres Core Web Vitals. El primero afecta la velocidad de carga de la página, que Google llama Pintura con contenido más grande (LCP) con una recomendación de 2,5 segundos o menos para que se cargue el elemento más grande de una página.

La segunda métrica es el retardo de la primera entrada (FID) , que es un delta entre un usuario que intenta interactuar con una página y el navegador que ejecuta esa acción de manera efectiva. Google recomienda 100 milisegundos o menos.

La tercera y última métrica es Cumulative Layout Shift (CLS) , que mide qué tan estable es un sitio mientras se carga o mientras interactúas con él. En otras palabras, es una medida de los cambios de diseño individuales, así como de los cambios de diseño inesperados que ocurren durante la vida útil de una página. El cálculo implica fracciones de impacto y distancia que se multiplican para dar un valor final. Google recomienda que este valor sea 0,1 o menos.

P: ¿Cómo afectan los Core Web Vitals al comercio electrónico?

R: Detrás de la clasificación de los resultados de búsqueda de Google hay muchos factores, como si utiliza HTTPS y cómo estructura su contenido. No olvidemos que un contenido relevante y bien presentado es tan importante como un excelente rendimiento de la página. No se puede subestimar la diferencia que marcarán los core web vitals. Google devuelve múltiples sugerencias para cada búsqueda, sin embargo, recuerda que la buena relevancia tendrá prioridad. En otras palabras, una buena experiencia en la página no anulará el hecho de tener un excelente contenido relevante. Por ejemplo, si busca Cloudinary , es probable que Google muestre el sitio de Cloudinary en la parte superior de la página de resultados. La experiencia de la página será relevante cuando haya varios resultados disponibles, para una búsqueda más genérica como “mejor coche deportivo”. En este caso, Google establece esa clasificación también en función de la experiencia del usuario de la página, que está determinada por Core Web Vitals.

P: ¿Qué pasa con otros elementos vitales de la web, como las métricas de Lighthouse? ¿Todavía importan?

R: Las empresas deben centrarse principalmente en alcanzar o mantenerse por debajo del umbral de Core Web Vitals. Sin embargo, también deben tener en cuenta que los tiempos de carga de su página podrían verse afectados por otras métricas, como el tiempo que lleva la primera compra y la primera pintura con contenido.

Por ejemplo, para descubrir qué contribuye a un retraso de primera entrada incorrecto (el FID), verifique el tiempo total de bloqueo y el tiempo para interactuar. Esos también son elementos vitales, pero no forman parte de Core Web Vitals. También puede personalizar las métricas con las numerosas API sólidas de Google. Estas métricas podrían resultar invaluables para ayudarlo a identificar y resolver problemas de rendimiento.

P: Hablemos de la métrica de pintura con contenido más grande, llamada LCP. Normalmente, el elemento más pesado de una página web o de una aplicación es una imagen. ¿Cómo reducirías el LCP y lo mantendrías por debajo del umbral de Google de 2,5 segundos?

R: Lo que es importante recordar con respecto a LCP es que estamos hablando del contenido más grande que se carga en una página y que es visible en la ventana gráfica (es decir, es visible en la mitad superior de la página). Debido a los patrones de diseño de UX populares, es probable que el elemento más grande y visible sea una imagen destacada.

Google busca imgelementos y imageelementos dentro de un elemento SVG. Los elementos de vídeo también se consideran, pero sólo si contienen un atributo de póster. También son importantes para Google los elementos a nivel de bloque, como los relacionados con texto como h1, h2, etc., y span.

Todo eso significa que debes cargar el contenido más grande lo más rápido posible. Si su LCP es una imagen principal, asegúrese de optimizarla, pero sin degradar los efectos visuales. Consulte las innumerables opciones de optimización efectivas e intuitivas de Cloudinary. Si puede lograr un buen equilibrio entre el tamaño del archivo y la fidelidad visual de su imagen, su LCP brillará.

P: Supongamos que estamos en mayo de 2021. ¿Cuál es el efecto probable de los nuevos criterios de Google para las clasificaciones de búsqueda para una empresa de comercio electrónico que haya superado los umbrales de los tres o un par de Core Web Vitals?

R: Según Google , los sitios que alcanzan los umbrales de Core Web Vitals disfrutan de una tasa de abandono un 24 por ciento menor. Cuanto más cumpla con las pautas de Google, más atractivo se volverá su sitio o aplicación y más rápido crecerán sus ventas. No hace falta decir que una experiencia de usuario atractiva atrae a los visitantes y los retiene, lo que le otorga una ventaja sobre la competencia. Por supuesto, tenga en cuenta el resto de directrices de optimización de búsqueda marcadas por Google.

Nuevamente, asegúrese de optimizar las imágenes, especialmente las de mayor tamaño en la ventana gráfica, para que se carguen lo más rápido posible.

P: Parece que las empresas de comercio electrónico deberían comenzar inmediatamente a explorar formas de cumplir o mejorar los límites de los signos vitales. Antes de terminar, ¿cómo será el futuro de Core Web Vitals?

R: A finales del año pasado, Google celebró una conferencia y hubo varias charlas sobre este tema exacto. Todos los cambios importantes entrarán en vigor anualmente y Google se ha comprometido a anunciarlos con mucha antelación.

Entre bastidores, Google recopila constantemente datos sobre el terreno y los compara con las expectativas de los usuarios. La primera pintura de contenido, que mencioné antes, se está considerando como otro Core Web Vital. Además, Google está pensando en reducir el criterio para la métrica del retardo de la primera entrada (el FID, ¿recuerdas?) de 100 milisegundos a 75 o incluso 50.

Más allá de eso, Google ha recibido muchos comentarios sobre algunos de los Core Web Vitals que no funcionan bien para aplicaciones de una sola página. Esto se debe a que esas aplicaciones se cargan sólo una vez. Incluso si obtienen un cambio de diseño acumulativo ideal (es decir, CLS), al hacer clic en la página, las cosas pueden moverse y reducir la puntuación. En el futuro, Google podría modificar CLS para adaptarse mejor a las aplicaciones de una sola página.

También en la pantalla del radar de Google hay métricas de seguridad, privacidad y accesibilidad. Google promete ajustar las métricas actuales y lanzar otras nuevas con más frecuencia que los lanzamientos principales, incluida la introducción de nuevas métricas Core Web Vital.

Entonces, el cambio es la única constante aquí. Veo un futuro brillante para los vitals y no tengo ninguna duda de que estamos en buenas manos. Recuerde que Google recopila atentamente datos reales de los usuarios como análisis para ayudar a determinar los estándares adecuados. Siempre que se mantenga al día con los desarrollos y se asegure de que su sitio o aplicación cumpla con las reglas, obtendrá todos los puntos verdes en el marcador. Ese es un gran lugar para estar.

Cloudinary ofrece innumerables recursos sobre experiencia de medios (MX), en particular el podcast MX Matters , que abarca la visión de los expertos sobre las tendencias de la economía visual actual junto con boletines sobre nuevos productos y mejoras. Échales un vistazo.