Las estrategias de SEO se centran en la experiencia del usuario. Sabemos que optimizas tus páginas para obtener mejores posiciones en Google, pero es en el usuario en quien debes pensar. Al fin y al cabo, el buscador también se centra en ofrecer la mejor experiencia de búsqueda y la tiene en cuenta posicionando mejor a las páginas que contribuyen a ello.
Para el usuario, una buena experiencia consiste en encontrar respuestas a sus preguntas, acceder rápidamente a los contenidos y lograr fácilmente lo que quiere.
Google, por otro lado, depende de una serie de señales para comprender si una página ofrece una buena experiencia y clasificar los resultados de búsqueda. Ahí es donde aparecen los Core Web Vitals.
Los Core Web Vitals son métricas clave para evaluar la experiencia que ofrece una página web.
Están relacionados con la velocidad y estabilidad con la que dicha página responde a las interacciones de los usuarios que no tienen más tiempo que perder y quieren acceder pronto al contenido, pudiendo ante el primer obstáculo desistir de la acción.
Para comprender mejor qué es Core Web Vitals y cómo usarlo en tus estrategias de Marketing Digital, lee este artículo y aprenderás:
¿Qué son los Core Web Vitals?
Core Web Vitals es un conjunto de señales esenciales para una buena experiencia de usuario, que Google utiliza en su algoritmo para evaluar el nivel de usabilidad de una página web.
Esta expresión se puede traducir libremente como "Principales Métricas Web", que incluyen los siguientes indicadores:
- Largest Contentful Paint (LCP), que mide cuánto tiempo demora para cargarse la página;
- First Input Delay (FID), que mide cuánto tiempo el usuario interactúa con la página;
- Cumulative Layout Shift (CLS), que mide la estabilidad del contenido a medida que se carga la página y el usuario interactúa con ella.
A principios de mayo de 2020, Google anunció el desarrollo de estas métricas como una forma de orientar a los propietarios de sitios web en la creación de mejores experiencias para sus visitantes. La intención era unificar los indicadores que indican la calidad de una página, en lugar de tratar con múltiples métricas y herramientas de evaluación.
A finales de mayo de 2020, Google hizo un nuevo anuncio: Core Web Vitals se incorporaría al algoritmo del motor de búsqueda.
Introducing upcoming ranking signals for Google Search based on various aspects of page experience–combining Core Web Vitals and previous UX-related signals.
Read our pre-announcement: https://t.co/L3IrB2dOnM
— Google Search Central (@googlesearchc) May 28, 2020”
Otras métricas de experiencia en la página
Google no solo usa estas métricas para medir la experiencia que ofrece una página, en todos los navegadores y plataformas. Core Web Vitals se une a otros factores de clasificación que el algoritmo ya consideraba:
- compatibilidad con dispositivos móviles;
- navegación segura;
- uso del protocolo HTTPS;
- intersticiales no invasivos ("ventanas emergentes").
A partir del comunicado, todas estas señales se unieron para evaluar la experiencia de la página, que a su vez se combinan con cientos de otros factores de posicionamiento que Google utiliza para posicionar los resultados de búsqueda.
Estos factores tienen diferentes pesos. Según Google, en el anuncio de Core Web Vitals, una buena experiencia en la página no sustituye al contenido relevante y de calidad.
Por lo tanto, es importante saber que las páginas con los mejores contenidos, incluso si tienen aspectos inferiores a la experiencia, pueden clasificarse mejor. Pero los factores de la experiencia en la página pueden ser diferentes cuando los contenidos son similares.
Google también anunció que estas métricas se utilizarán en la sección "Noticias principales" de la búsqueda móvil, para lo cual ya no será necesario crear páginas AMP.
Implantación de los Core Web Vitals
En el anuncio de 2020, Google recalcó que los cambios no se implementarían de inmediato, ya que el contexto era pandémico y los sitios necesitarían más tiempo para adaptarse.
Posteriormente, el buscador informó que comenzaría a implementar el nuevo algoritmo, poco a poco, a partir de junio de 2021, con la previsión de completar el proceso en agosto del mismo año.
Por lo tanto, los cambios ya se están produciendo y los sitios deben prestarle atención a los Core Web Vitals, evaluar sus métricas y hacer los cambios necesarios para adaptarse si no quieren perder posiciones en las SERP. Más adelante, descubrirás cómo mejorar tu puntuación.
¿Qué importancia tienen los Core Web Vitals en las estrategias de SEO?
Según Google, cuando un sitio sigue las recomendaciones para cada métrica de Core Web Vitals, los usuarios tienen un 24% menos de probabilidades de abandonar las páginas.
Es como si los sitios obtuvieran el mismo porcentaje de tráfico con solo ajustar la carga de la página. Este resultado ya muestra la importancia de Core Web Vitals para tus estrategias de SEO y los resultados comerciales.
Mejorar la velocidad y la estabilidad de la página significa crear jornadas más fluidas, rápidas e ininterrumpidas para los usuarios.
¡Todos se benefician! Piénsalo así:
- los usuarios, que encuentran y realizan fácilmente lo que quieren;
- tu marca, que fortalece su relación con su audiencia, gana tráfico y aumenta las conversiones;
- Google, que mejora la experiencia de búsqueda en la web.
De esta forma, tus páginas tienden a ganar mejores posiciones en el motor de búsqueda.
Velocidad de carga
La velocidad de carga ha sido uno de los factores del posicionamiento de Google durante mucho tiempo. En 2010, Google ya estaba anunciando el uso de tiempos de carga de la página entre los factores de posicionamiento. En 2018, el motor de búsqueda anunció que la velocidad también se incorporaría al ranking de páginas en dispositivos móviles.
La novedad de Core Web Vitals es que ahora Google no solo considera la velocidad de carga cuando el usuario entra a la página. Es un conjunto de métricas que miden la experiencia de acceso a la página y abarca qué tan rápido se carga, qué tan rápido responde a las interacciones y qué tan estable es el contenido durante la carga y las interacciones.
De esta forma, Core Web Vitals representa un factor de posicionamiento más completo y eficiente, tanto para calificar el algoritmo de Google como para orientar los ajustes SEO de tu sitio web o blog.
De hecho, es importante que percibas que cada vez que Google anuncia una actualización de algoritmo, la intención del motor de búsqueda también es motivar a los sitios a calificar la experiencia que ofrecen.
Después de todo, Google realiza miles de actualizaciones de algoritmos cada año sin notificarlo públicamente. Entonces, cuando hay un anuncio público, la noticia merece atención.
Además, el anuncio de Core Web Vitals ya viene con mucha orientación sobre cómo medir estas métricas y mejorar el puntaje. Entonces, comprende que esta actualización definitivamente tendrá un impacto en los resultados de búsqueda, tanto en dispositivos móviles como en computadoras de escritorio.
¿Qué métricas están incluidas en los Core Web Vitals?
La calidad de la experiencia en la página depende de varios factores. Pero Core Web Vitals reúne los elementos principales de la experiencia de carga de una página mientras el usuario accede e interactúa con sus elementos.
A continuación, detallaremos mejor cada métrica de Core Web Vitals. ¡Continúa leyendo!
Largest Contentful Paint (LCP)
Largest Contentful Paint o LCP es la métrica que mide la velocidad en la que la página carga completamente su contenido para el usuario.
Se puede traducir como "la mejor impresión de contenido". Esta métrica reemplaza otros indicadores utilizados hasta ahora, como First Contentful Paint (FCP), que mide solo la carga del elemento de la primera página, y First Meaningful Paint (FMP), que se centra en el elemento de la página principal, pero tiende a ser inexacto.
Por lo tanto, el LCP mide la velocidad de carga por tiempo de renderizado, hasta el momento en que su elemento más grande (imagen, video o texto) aparece en la pantalla para el usuario, asumiendo que es el contenido principal de la página. Esto puede verse influenciado por el tiempo del servidor, CSS, JavaScript y otros factores.
Google recomienda que el Largest Contentful Paint se mantenga por debajo de los 2,5 segundos, lo que se considera un límite satisfactorio para los sitios web y capaz de proporcionar una experiencia de usuario satisfactoria.
Entre 2.5 y 4 segundos, la página necesita ajustes. Por encima de 4 segundos es una señal de que puede estar perdiendo muchos visitantes.
First Input Delay (FID)
First Input Delay o FID es la métrica que mide la velocidad de respuesta a la primera interacción del usuario con la página, como un clic o un control de JavaScript.
Se puede traducir como "retardo de la primera entrada". Esto significa que el FID mide el tiempo desde que el usuario interactúa por primera vez hasta que el sitio puede procesar una respuesta a esa interacción, lo que ocurre en milisegundos. Este retraso o latencia de entrada puede deberse a otros procesos, como cargar un archivo JavaScript grande en paralelo.
Google comprende que la impresión que tiene un usuario del sitio no solo está determinada por la carga del contenido, sino también por el tiempo de respuesta. Por lo tanto, es importante combinar la evaluación del LCP y el FID, no solo uno u otro.
La recomendación es que este tiempo no supere los 100 milisegundos, para que el usuario tenga una respuesta rápida y no abandone la página. Entre 100 ms y 300 ms, es una señal de advertencia para el ajuste. Por encima de los 300, es una mala experiencia.
Cumulative Layout Shift (CLS)
Cumulative Layout Shift ou o CLS es la métrica que mide la frecuencia y la gravedad de los cambios inesperados en el diseño de una página. Esta expresión se puede traducir como "cambio de diseño acumulativo".
Estos cambios inesperados ocurren cuando un elemento de la página cambia de lugar mientras el usuario interactúa con la misma. Esto sucede, por ejemplo, cuando vas a hacer clic en un botón, pero un elemento se carga y cambia la posición de ese botón, lo que produce que hagas clic donde no deseas. Esto puede resultar extremamente irritante e, incluso, crearle problemas al usuario.
Esto se debe, generalmente, a que los elementos de la página se cargan de forma asincrónica o tienen alguna configuración dinámica para adaptarse al contexto. Por lo tanto, elementos más pesados, imágenes sin tamaño definido o anuncios redimensionados automáticamente pueden provocar movimientos repentinos que interrumpan la experiencia en la página.
Para medir esto, Google establece una puntuación de cambio de diseño. La puntuación es el resultado de multiplicar la Fracción de Impacto, que mide cómo el elemento inestable impacta en la visualización y la Fracción de Distancia, que mide cuánto se ha movido el elemento en el diseño.
Google recomienda que la puntuación CLS de las páginas sea inferior a 0,1. Entre 0,1 y 0,25, debes realizar mejoras. Por encima de 0,25 significa que el usuario está teniendo una mala experiencia con cambios de página repentinos.
¿Cómo medir los Core Web Vitals?
Con el anuncio de Core Web Vitals, Google también dijo que estaba ajustando sus herramientas de SEO para incorporar las métricas. A continuación, te mostraremos las principales posibilidades de las herramientas de análisis.
Es importante saber que las métricas de Core Web Vitals se pueden medir en el laboratorio (lab data) o en el campo (field data). ¿Pero qué significa eso?
- Lab data: significa que el análisis utiliza herramientas que simulan la carga de una página en un entorno controlado.
- Field data: significa que el análisis considera las interacciones de usuarios reales y captura matices que el laboratorio no capta. Es lo que usa Google en su algoritmo.
Por lo tanto:
- el FID es una métrica que solo se puede medir en campo, ya que requiere que un usuario interactúe con la página. En este caso, las herramientas pueden usar otra métrica (Tiempo total de bloqueo o TBT) para calcular el FID aproximado.
- el LCP y el CLS se pueden medir tanto en campo como en laboratorio.
Cada herramienta puede utilizar un método diferente y, por lo tanto, generar resultados diferentes. Por eso, es importante conocer cómo funciona cada herramienta y combinar los resultados de laboratorio y de campo para tener un diagnóstico completo. ¡Veamos esto a continuación!
Informe de experiencia del usuario de Chrome (CrUX)
El Informe de Experiencia del Usuario de Chrome utiliza datos de campo para analizar las métricas de Core Web Vitals, así como otras métricas de diagnóstico para las páginas.
Puedes acceder a los datos de Chrome UX Report de cuatro formas:
- CrUX Dashboard, un panel personalizable para tu sitio web en Google Data Studio;
- PageSpeed Insights, que extrae datos de CrUX;
- CrUX en BigQuery, que requiere conocimientos de SQL para realizar análisis avanzados;
- API CrUX, para integrarse con datos de otras aplicaciones y personalizar análisis.
PageSpeed Insights
PageSpeed Insights es una herramienta que los sitios web utilizan tradicionalmente para medir la velocidad de las páginas. Ahora, también informa las métricas de Core Web Vitals, divididas entre computadoras desktop y dispositivos móviles, así como sugerencias para mejoras. Está disponible en la web y como API.
La herramienta nos brinda los datos de campo del informe de la experiencia de usuario de Chrome. Sin embargo, también tiene datos de laboratorio y una puntuación de velocidad general que se basa en el análisis de Lighthouse, otra herramienta que veremos más adelante.
Informes en Google Search Console
Google Search Console, una herramienta esencial para cualquier estrategia de SEO, ofrece un informe específico sobre Core Web Vitals. También utiliza datos reales de uso del sitio web.
Los resultados de los informes se agrupan por estado (Malo, Mejoras necesarias y Bueno), lo que te permite identificar qué páginas necesitan ajustes. Esta herramienta proporciona datos de rendimiento históricos que PageSpeed Insights no proporciona.
Biblioteca de JavaScript
También puedes utilizar una biblioteca de JavaScript de código abierto de Core Web Vitals, que se puede utilizar con cualquier proveedor de análisis que admita métricas personalizadas. En este caso, debes tener dominio de programación. Aquí puedes ver una guía paso a paso para usar la biblioteca web-vitals.
Web Vitals (extensión de Google Chrome)
La extensión Web Vitals para Google Chrome trae datos de laboratorio para una página en particular a la que accede el usuario.
La intención es brindarles comentarios sobre el rendimiento en tiempo real a los desarrolladores, a medida que realizan cambios en el código.
Lighthouse
Lighthouse también es una herramienta popular para medir la velocidad de un sitio web, pero también otros elementos de la experiencia en la página. En los informes, puedes verificar los datos de LCP, FID y CLS. La propia PageSpeed Insights utiliza los datos de laboratorio de Lighthouse en sus informes.
Esta herramienta está disponible en el conjunto de funciones de Chrome DevTools o como una extensión para Google Chrome.
WebPageTest
WebPageTest es otra herramienta de análisis de la experiencia de la página. Utiliza datos de laboratorio para informar las métricas de Core Web Vitals. Te permite analizar páginas individuales y proporciona orientación para mejorar el rendimiento.
¿Cómo mejorar tu puntuación de Core Web Vitals?
Si ya has usado las herramientas anteriores para probar tu sitio y has descubierto que no funciona bien en Core Web Vitals, es hora de modificarlo.
Sin embargo, encontrarás que las recomendaciones de la herramienta son bastante técnicas. Por lo tanto, si no eres competente en programación y SEO técnico, es probable que necesites la ayuda de un profesional para realizar estos ajustes.
A continuación, traemos las principales sugerencias que aportan las herramientas para mejorar las métricas de Core Web Vitals y lograr los valores recomendados por Google.
Mejora el tiempo de respuesta del servidor
Cuanto más tiempo tarda el navegador en recibir contenido del servidor, más tiempo tarda en procesar los elementos en la pantalla. Este retraso afecta a todas las métricas de carga, incluidas LCP y FID.
Por eso, es importante mejorar este tiempo de respuesta y puedes tomar algunas acciones para eso:
- optimizar el servidor (evita los servidores compartidos);
- dirigir a los usuarios a un CDN junto a ellos;
- almacenar en caché parte o todo el contenido de la página HTML;
- transmitir primero las páginas HTML almacenadas en caché;
- anticiparte a conexiones de terceros.
Minimizar y aplazar JavaScript y CSS
Los scripts y las hojas de estilo son características que pueden ralentizar la Largest Contentful Paint (LCP). Antes de renderizar cualquier contenido, el navegador necesita analizar el HTML de la página. Y estos elementos pueden hacer que se pause ese análisis y demore la carga del contenido.
Por lo tanto, para evitar la demora, puedes minimizar los códigos, lo que significa eliminar caracteres innecesarios para reducir archivos y aplazar la carga de scripts y hojas de estilo que no son fundamentales para la página.
Reducir el tiempo de carga para recursos lentos
Algunos elementos son críticos para la carga de la página y afectan el LCP.
Puedes seguir algunos pasos para acelerar esta carga:
- optimizar y comprimir imágenes;
- precargar recursos importantes;
- comprimir archivos de texto;
- entregar diferentes activos basados en la conexión de red (servicio adaptativo);
- habilitar el almacenamiento en caché con un service worker.
Divide Javascript pesado en tareas asincrónicas más pequeñas
Si bien el navegador ejecuta JavaScript, no puede responder a las interacciones del usuario. Por lo tanto, los scripts pesados pueden retrasar la respuesta del sitio web, es decir, el First Input Delay (FID).
Para solucionar este problema, divide las tareas largas de JavaScript en tareas asincrónicas más pequeñas. Estas tareas largas bloquean la actividad principal durante 50 milisegundos o más y son una señal de que JavaScript está funcionando más de lo que el usuario necesita actualmente.
Por lo tanto, la división en tareas más pequeñas tiende a reducir el retraso de entrada de la página.
Utiliza un web worker
Un web worker posibilita que JavaScript, que retrasa la respuesta a los usuarios, se ejecute en segundo plano.
Las operaciones no relacionadas con la UI se mueven a un thread de trabajo, mientras que el navegador puede realizar las tareas que solicitó el usuario. De esta forma, es posible mejorar el FID.
Utiliza una API de carga de fuentes
La carga de fuentes web también puede retrasar la carga y provocar cambios de diseño repentinos que interrumpen la experiencia.
Mientras no se cargan, el navegador puede usar una fuente invisible (Flash of Invisible Text o FOIT) o una fuente genérica (Flash of Unstyled Text o FOUT), que pueden configurar mal el diseño. Luego, cuando se carga la fuente original, el diseño cambia repentinamente.
Para evitar que esto suceda, puedes utilizar una API de carga de fuentes, que garantiza que tus fuentes de texto estén precargadas.
Incluye atributos de width y height para imágenes y videos
Incluye siempre atributos de tamaño width (ancho) y height (alto) en las imágenes y videos. La ausencia de esta configuración es una de las principales razones del bajo rendimiento en CLS, ya que estos elementos pueden tardar en cargarse y provocar cambios de diseño repentinos.
Por otro lado, cuando defines las medidas de ancho y alto, el navegador ya conoce el espacio correcto que necesita asignarle a ese contenido específico.
Reserva de espacios fijos para elementos dinámicos
El contenido dinámico y los anuncios también suelen provocar cambios de diseño inesperados durante la carga. Pueden cambiar de tamaño según lo que vaya a aparecer y, a menudo, terminan empujando el contenido principal.
Una de las soluciones para evitar esto es reservar espacio estático para este tipo de contenidos, en lugar de permitir que el anuncio cambie el tamaño de tu espacio automáticamente. Intenta definir el tamaño más probable según el historial o elige la dimensión más grande posible que evite la expansión del espacio.
Ahora, si deseas obtener más información sobre la optimización de Core Web Vitals, Google creó un contenido completo con sugerencias para cada métrica: LCP, FID y CLS. Notarás cómo algunos ajustes ya pueden mejorar tu puntuación y el rendimiento de tus páginas.
Recuerda que las optimizaciones en Core Web Vitals están destinadas a mejorar la experiencia del usuario en tu sitio web. Como resultado, Google notará tus esfuerzos y posicionará mejor tus páginas en las SERP.
Si te gustó este artículo acerca de esta nueva función de Google, continúa aprendiendo y lee nuestro post sobre tendencias de SEO. ¡Es importante saber qué es lo que se viene para que puedas preparar tu sitio web!
