Guía detallada sobre las Métricas web principales (CWV)
Desde junio, las métricas web principales, o Core Web Vitals (CWV), un nuevo conjunto de evaluaciones del rendimiento, pasaron a tener un papel importante en el algoritmo de búsqueda de Google. Esta iniciativa ofrece una orientación y estandarización unificadas para ayudar a los sitios a ofrecer mejores experiencias de usuario en la web. A medida que se vaya implementando este cambio, los profesionales del marketing y los dueños de sitios deben aprender a aprovechar estas nuevas métricas para ofrecer sitios de carga rápida con buenas experiencias de usuario.
En Wix, trabajamos constantemente para mejorar el rendimiento de los sitios alojados en nuestra plataforma, con el fin de garantizar que nuestros sitios cumplan los estándares del mercado, incluyendo las CWV.
En este artículo, veremos las CWV de cerca, junto con otras métricas clave para el rendimiento, para comprender qué significan para el rendimiento de un sitio y la experiencia de los visitantes.
Introducción
¿Por qué es tan importante la experiencia del usuario?
Los visitantes llegan a tu sitio dispuestos a explorar tu oferta y el contenido que creaste para ellos, pero no lo disfrutarán si tarda demasiado tiempo en cargarse. Los usuarios abandonarán hasta la experiencia más fascinante si deben esperar mucho tiempo para que tu sitio se cargue en sus dispositivos.
Este es uno de los motivos por los que Google está enfatizando ahora en el rendimiento web (es decir, la velocidad) como un factor de clasificación para su motor de búsqueda. Cuando los factores principales de clasificación, como el contenido y la autoridad, están muy próximos, la velocidad del sitio puede ser determinante. Como resultado, un buen rendimiento puede tener impacto en las clasificaciones en los resultados de búsqueda.
A medida que las Métricas web principales se convierten en parte integral de la Optimización para motores de búsqueda (SEO), los dueños de sitios buscan la manera de mejorar sus evaluaciones de CWV. Aunque esto no reemplaza otros factores importantes de la medición, la relativa simplicidad, transparencia e información accionable de las CWV hacen que sean un excelente recurso para comprender y monitorear el rendimiento de tu sitio.
Comprender las Métricas web principales
Las Métricas web principales son un nuevo conjunto de evaluaciones basadas en datos de campo (datos anónimos recopilados de visitas reales a tus sitios), diseñadas para ayudar a estandarizar y simplificar la manera en que los dueños de sitios monitorean tres factores clave que afectan principalmente la experiencia de los visitantes: el tiempo de carga, la interactividad y la estabilidad visual. Y, puesto que estas métricas se basan en datos de usuarios reales, las puntuaciones de CWV son fluidas y cambian a medida que los usuarios interactúan con tu sitio.
Las herramientas de Google presentan las CWV con puntuaciones numéricas y etiquetas sencillas, para que puedas ver rápidamente cuál es el rendimiento de tu sitio.
-
Una puntuación de CWV "Buena" significa que todo sucede de manera rápida y fluida, es decir que tu experiencia de usuario funciona bien.
-
La puntuación de CWV "Necesita mejora" te alerta de problemas que pueden hacer que tu sitio sea más lento.
-
La puntuación de CWV "Deficiente" te advierte si tu experiencia de usuario (UX) no alcanza los estándares del sector.
Las Métricas web principales evalúan tres aspectos de la UX esenciales que afectan al rendimiento de tu sitio:
-
Carga: la métrica Largest Contentful Paint (LCP) mide el tiempo desde que la página comenzó a cargarse, hasta el renderizado de la mayor imagen o bloque de texto visible dentro de la ventana gráfica inicial. Para una buena puntuación, el LCP debe ser inferior a 2,5 segundos.
-
Interactividad: la métrica First Input Delay (FID) mide el tiempo desde que un usuario interactúa por primera vez con una página, por ejemplo al hacer clic en un enlace o botón, hasta que el navegador es realmente capaz de procesar esa interacción. Para una buena puntuación, el FID debe ser inferior a 100 milisegundos.
-
Estabilidad visual: la métrica Cumulative Layout Shift (CLS) mide el total de todos los cambios de disposición individuales inesperados que se producen durante toda la vida útil de la página. Una disposición inesperada se produce cada vez que un elemento visible cambia su posición sin la interacción del usuario. Para una buena puntuación, el CLS debe ser inferior a 0,1.
Además de las CWV, la experiencia de página incluye otros aspectos de la experiencia de usuario que no están relacionados con el rendimiento. Son los siguientes:
-
Optimización para dispositivos móviles: los usuarios deben ser capaces de leer y usar la versión móvil de tu sitio sin tener que alejar o acercar para leer el contenido.
-
Navegación segura: Google usa la navegación segura para asegurar que los sitios no contienen contenido "malicioso" o "engañoso". Puedes probar tu sitio con un informe de Problemas de seguridad.
-
HTTPS: la seguridad de tu sitio es fundamental tanto para ti como para tus visitantes, y los motores de búsqueda la tienen en cuenta. HTTPS utiliza un protocolo de cifrado y es más seguro que ofrecer tu sitio a través de HTTP. La buena noticia es que todos los sitios Wix son HTTPS.
-
Intersticiales intrusivas: por ley, los sitios web deben informar a los usuarios acerca de cuestiones como la recopilación de datos y las políticas de privacidad mostrando intersticiales, pero las intersticiales intrusivas pueden dificultar la accesibilidad del contenido.
Las métricas CWV que Google utiliza para la clasificación de la experiencia de página se basan únicamente en datos de campo y no usan datos de laboratorio ni otras pruebas simuladas. Estos datos de campo también se conocen como monitoreo de usuarios reales (RUM), porque se recopilan de las sesiones de usuarios reales.
Las CWV, así como los datos adicionales, se recopilan de cada sesión de Chrome en la que los usuarios no hayan optado por no participar. Estos datos se envían a los servidores de Google y se almacenan en una base de datos conocida como Experiencia de usuario de Chrome (CrUX). El motor de búsqueda de Google consultará esta base de datos para calcular la señal de clasificación de la experiencia de página. Los datos de CrUX también son accesibles y están disponibles en herramientas como Google PageSpeed Insights (PSI), y la propia Google Search Console.
Además de los datos de campo, Google también proporciona herramientas para probar el rendimiento de sesiones específicas bajo condiciones de laboratorio, incluidas Google Lighthouse y PageSpeed Insights (que cubriremos más adelante). También existen herramientas de laboratorio de otras fuentes, como WebPageTest y GTmetrix. Estas resultan especialmente útiles para entender rápidamente posibles cambios que estén afectando al rendimiento, o para probar sitios que todavía no tienen suficientes mediciones de campo.
¿Cómo recopila Google los datos de campo de las Métricas web principales (y cuál es el problema con los datos de laboratorio)?
Puntos fuertes y limitaciones: herramientas de campo y de laboratorio
Las tres métricas que evalúan las Métricas web principales
Comprender las Métricas web principales (CWV)
Herramientas para medir las Métricas web principales de tu sitio
Para integrar mejor la información de las Métricas web principales con el conjunto de herramientas de Google, Google está incorporando ahora las métricas CWV en sus otras herramientas populares de medición, incluidas algunas que históricamente se centraban en los informes de datos de laboratorio. A continuación puedes ver cómo y dónde encontrar tus evaluaciones de CWV:
Herramientas de campo:
-
Informe de Métricas web principales de Google Search Console: naturalmente, tu primera parada debería ser tu informe de Métricas web principales en Google Search Console (GSC), el cual hace una estimación de la rapidez de carga de tus páginas durante cualquier periodo determinado. Este informe analiza todas las URL de tu sitio que Google tiene indexadas, compara sus puntuaciones con los datos de las Métricas web principales y los coloca en buckets, con puntuaciones separadas para la versión móvil y de escritorio. Como ya se mencionó en la sección anterior, las tres Métricas web principales analizadas son Largest Contentful Paint (LCP), First Input Delay (FID) y Cumulative Layout Shift (CLS).
*Si Search Console indica que "No hay datos disponibles", significa que o bien tu propiedad es nueva en Search Console, o no hay suficientes datos en el informe de CrUX que se puedan transmitir a Search Console.
-
Experiencia de usuario de Chrome (CrUX): el informe de Experiencia de usuario de Chrome se realiza mediante mediciones de datos de usuarios reales de las principales métricas de UX en la web pública. Se agregan los datos de los usuarios que no hayan inhabilitado sus informes de uso. Puedes configurar el panel de control de CrUX en Google Data Studio para realizar un seguimiento de las tendencias de UX de un origen.
Herramientas de laboratorio:
-
Google Lighthouse: Google Lighthouse realiza auditorías de rendimiento, accesibilidad, apps web progresivas (PWA), SEO y mucho más. Junto con las Métricas web principales LCP y CLS (así como Total Blocking Time - TBT), Lighthouse mide las siguientes métricas de datos de laboratorio:
-
First Contentful Paint (FCP): FCP marca el primer punto durante la carga de la página en que los usuarios ven algo en sus pantallas. Un FCP rápido puede ayudar a confirmar a los usuarios que algo está sucediendo cuando llegan a tu sitio. Un FCP lento significa que tus usuarios no están viendo nada inmediatamente (y eso no es bueno).
-
Índice de velocidad: el índice de velocidad mide con qué rapidez se muestra visualmente el contenido al cargar la página. Eso es fundamental para una buena experiencia de usuario.
-
Time to Interactive (TTI): el TTI mide cuánto tiempo tarda una página en volverse totalmente interactiva. Por ejemplo, el TTI indica cuánto tiempo transcurre desde que se carga la página hasta que un usuario puede hacer clic en un botón.
-
-
Google PageSpeed Insights: PageSpeed Insights (PSI) es una herramienta de Google que proporciona tanto datos de laboratorio como de campo acerca de una página y evalúa la velocidad de esta; ahora también incorpora las tres métricas CWV. Al analizar una URL, recibirás dos informes separados: uno para la versión de escritorio y otro para la móvil, y lo más probable es que ambas puntuaciones sean distintas, porque:
-
Los dispositivos móviles suelen tener procesadores más lentos que los de escritorio.
-
Los dispositivos móviles deben redimensionar las imágenes y los elementos del sitio para que se ajusten a la ventana gráfica.
-
PageSpeed Insights muestra el tiempo de carga del sitio en dispositivos móviles con una conexión 3G simulada.
-
-
GTmetrix: GTmetrix usa una combinación de Google PageSpeed Insights y YSlow para generar puntuaciones y recomendaciones. Esta herramienta genera informes de resumen, rendimiento, estructura y en cascada.
Recuerda que el rendimiento de un sitio puede variar considerablemente en función de las características del dispositivo del usuario, las condiciones de la red y otros procesos que se ejecuten en el dispositivo. Como ya se mencionó anteriormente, como las Métricas web principales son datos de campo extraídos de interacciones de usuarios reales con tu sitio, tus evaluaciones de las Métricas web principales fluctuarán más que los datos de laboratorio medidos por las herramientas de laboratorio.
Qué dice Google sobre las CWV y el SEO
En la última conferencia Google I/O de mayo de 2021, Google hizo algunas aclaraciones acerca de cómo planean utilizar las métricas CWV para el SEO.
I. Inicialmente, la ventaja de clasificación obtenida en función del rendimiento solo será para dispositivos móviles. El soporte para la versión de escritorio se agregará posteriormente (no se especificó ninguna fecha).
II. Solo es una ventaja, no un factor de degradación. Dicho esto, la clasificación de una página de un sitio puede disminuir si los competidores obtienen la ventaja y dicho sitio no.
III. El contenido sigue siendo "el rey" y siempre lo será. La calidad y la autoridad del contenido tienen un impacto mucho mayor en la clasificación que el rendimiento.
IV. No necesitas tener buenas puntuaciones en las tres CWV para obtener la ventaja de clasificación por rendimiento: cada métrica contribuye a una ventaja independiente.
V. No necesitas una buena puntuación (verde) en cualquier CWV para obtener ventaja: con una puntuación de la métrica deficiente (roja), obtienes una ventaja cero. A partir de ahí, va aumentando gradualmente en la zona amarilla, hasta llegar al máximo en la verde.
Dicho esto, un buen rendimiento siempre es beneficioso para el éxito de una página, y así seguirá siendo.
Obtén más información en la sesión de preguntas y respuestas de Google.
Medición de CWV
Cómo se está preparando Wix para las Métricas web principales
Con el fin de mejorar el rendimiento para los millones de sitios creados en nuestra plataforma, hemos implementado varias herramientas nuevas y estrategias para prepararnos para la incorporación de las CWV en la clasificación de páginas de Google. Estas incluyen:
-
Lanzamiento del nuevo Panel de control de velocidad del sitio para ayudar a los usuarios a monitorear el rendimiento de sus sitios con métricas en tiempo real, como el tiempo de carga (a partir de datos de campo), y consejos para mejorar la velocidad de la página. Adicionalmente, el panel de control ofrece las puntuaciones de PageSpeed Insight, basadas en datos de laboratorio, para la versión móvil y de escritorio.
-
Reducción del tiempo de renderizado del sitio web en versión de escritorio y móvil.
-
Caché de páginas renderizadas y recursos estáticos en un CDN global para una entrega rápida.
-
Descarga de cálculos para dispositivos endpoint en nuestro servidor rápido.
A través de estos y otros esfuerzos, multiplicamos por 8 el número de sitios Wix con una buena puntuación.
Cómo mejorar los resultados de las Métricas web principales en tu sitio Wix
Si tus Métricas web principales no son buenas, es importante resolver los problemas en tu sitio para mejorar su rendimiento. A continuación se enumeran algunas sugerencias para mejorar tus puntuaciones de CWV:
1. Evita sobrecargar las páginas con un exceso de contenido.
2. Divide las páginas largas en varias páginas más cortas, centradas en contenido o funciones específicos.
3. Usa JPG en lugar de PNG y videos en lugar de GIF siempre que sea posible.
4. Evita usar muchas fuentes o estilos diferentes.
5. Reduce el uso de animaciones, especialmente las animaciones de revelación.
6. No coloques el contenido principal dentro de ventanas interactivas.
Para obtener más información sobre las prácticas recomendadas para mejorar tu sitio para las CWV, echa un vistazo a nuestro artículo sobre cómo optimizar tu sitio web para un mejor rendimiento.
El conocimiento es el primer paso hacia el éxito, así que monitorea siempre tus Métricas web principales (junto con los demás elementos que hemos abordado), y resuelve cualquier problema que detectes optimizando regularmente tu sitio para un mejor rendimiento.
Optimización para las CWV en Wix
Conclusion
Many agencies aren’t upselling soon enough. And they’re risking premature customer churn because of it.
Knowing when to upsell a client can feel more art than science, but a study by Vendasta claims to have found the perfect time to expand your relationship with a client: 3 months.
Ninety days may seem like a short timeline to start upselling, but if a client is satisfied with your work in that time period then upselling can bring them more value quicker than they expected. Alternatively, if they’re not satisfied, it gives you a chance to recalibrate so you can keep their business. Both of those scenarios result in additional revenue you would have missed out on had you not initiated the conversation.
Upsells are easier to approach and able to start earlier than most agencies realize. Here are four critical steps that will help you upsell sooner successfully.
Dan se centra en la optimización de todos los sitios alojados en Wix para mejorar su velocidad. Con más de 25 años de experiencia en el desarrollo de software, Dan ha trabajado en sistemas que incluyen desde videojuegos multiusuario hasta simulaciones de trayectorias de misiles. Es un orador frecuente en conferencias técnicas, panelista en el podcast JavaScript Jabber y miembro del Consejo Asesor de Google Chrome (CAB). Dan tiene un máster en Ciencias Computacionales.
Autor: Dan Shappir
Líder de tecnología de rendimiento en Wix.com
Author: Dan Shappir
Dan focuses on optimizing all sites hosted on Wix for speed. With over 25 years of software development experience, Dan has worked on systems ranging from multi-user games to missile trajectory simulations. He is a frequent speaker at technical conferences, a panelist on the JavaScript Jabber podcast, and a member of the Google Chrome Advisory Board (CAB). Dan holds an M.Sc. in Computer Science.