Guía definitiva de Core Web Vitals para editores

brock munro
8 de enero de 2021
15 de abril de 2024
Guía definitiva de Core Web Vitals para editores

Elementos vitales web básicos para editores

Core Web Vitals son un factor de clasificación importante para los motores de búsqueda. Como editor de anuncios, se ha vuelto cada vez más importante para usted no solo conocer los elementos básicos de la web (CWV), sino también por qué se han vuelto tan importantes en términos de experiencia del usuario.

Si aún no lo sabe,Google ha declarado oficialmente que Core Web Vitals será un factor de clasificación a mediados de junio de 2021, para lo cual solo faltan unas semanas. Antes de profundizar en más detalles, profundicemos en los fundamentos para desarrollar una comprensión básica.

Anuncio de Google Core Web Vitals

¿Qué son los Core Web Vitals? Los tres elementos básicos de la Web

Cuando Google habla de Core Web Vitals, se refiere a tres métricas básicas que determinan la calidad de la experiencia del usuario en el mundo real. Lo que significa es que, en lugar de tomar en consideración sólo una variedad de puntos de referencia, Google ahora se está preparando para tener en cuenta el rendimiento real y la experiencia del usuario proporcionada por el sitio web para determinar su clasificación. Las tres métricas incluyen lo siguiente:

1. Tiempos de carga

El primer factor que Google tendrá en cuenta es el tiempo de carga del sitio web, es decir, la rapidez con la que se carga el contenido escrito y visual en la página (es decir, la velocidad de carga de la página).

Según un informe publicado por Google , si el tiempo de carga de una página aumenta de 1 a 3 segundos, la tasa de rebote aumenta un 32%, mientras que si el tiempo de carga de la página aumenta a 6 segundos, la misma tasa de rebote experimenta un abrumador aumento del 106%.

2. Rendimiento de entrada

El segundo y uno de los factores más importantes mide el retraso de entrada, lo que ayuda a determinar la calidad de la experiencia del usuario en el sitio web. También proporciona una medida de cómo reacciona el sitio web a la entrada del usuario.

3. Estabilidad visual

Esta es la tercera métrica en la que los motores de búsqueda miden la capacidad de una amplia gama de elementos visuales presentes en la página del sitio para moverse, mientras se carga sin causar interrupciones o problemas en la experiencia.

En términos técnicos, las tres métricas anteriores se conocerán como:

Averigüemos qué significan realmente estos términos y qué puede hacer usted para optimizar su sitio para estas métricas, de modo que tenga más posibilidades de obtener clasificaciones de búsqueda más altas.

Pintura con contenido más grande (LCP)

Largest Contentful Paint, o LCP, evalúa el tiempo de carga o el rendimiento de los elementos presentes en el sitio web. En palabras más sencillas, determina la duración total del elemento web más grande, ya sea una imagen o contenido, para aparecer en la pantalla.

Para ofrecer una experiencia de página excepcional, según las definiciones de estado de Core Web Vitals de Google , la pintura de contenido más grande (LCP) debe mantenerse por debajo de los 2,5 segundos, mientras que un informe de Kissmetrics sugiere que el 47% de todos los visitantes esperan que el tiempo de carga sea inferior a 2 segundos .

Pintura de contenido más grande (LCP) de Google Core Web Vitals

Puede medir el tiempo de carga de la página para el elemento web más grande de su sitio web para determinar el mayor rendimiento de pintura de contenido .

Retraso de la primera entrada (FID)

First Input Delay determina el rendimiento de carga o la capacidad de respuesta del sitio web o sus páginas. Mide el tiempo desde que el visitante interactúa con su sitio web.

Por ejemplo, al hacer clic en un botón de llamada a la acción (CTA), hasta el tiempo que tarda el navegador en responder a esa solicitud generada. Para ofrecer una experiencia de página excepcional, el retardo de la primera entrada no debe exceder los 100 milisegundos o su sitio web podría verse penalizado.

Retraso de la primera entrada (FID)

Una vez más, puede medir el retraso de la primera entrada de diferentes elementos web en su sitio web para saber si necesita mejoras y si están lo suficientemente optimizados para los motores de búsqueda.

Cambio de diseño acumulativo (CLS)

Esta métrica mide la cantidad de estabilidad visual y cambios inesperados en el diseño de la página de un sitio web. Se considera que el desplazamiento se ha producido cuando un elemento visible modifica su posición inicial entre los fotogramas. Estos elementos inestables tienen un impacto negativo en la experiencia del usuario, por lo que para brindar una buena experiencia de usuario, sus páginas web deben mantener un valor CLS inferior a 0,1 .

Cambio de diseño acumulativo (CLS) de Google Core Web Vitals

Tenga en cuenta que el cambio de diseño acumulativo solo involucra los elementos existentes que cambian su posición inicial. Si se agrega un nuevo elemento a la página web o un elemento existente modifica su tamaño, no se considera un cambio de diseño a menos que su posición inicial haya cambiado.

¿Por qué son importantes los Core Web Vitals?

Unapublicación publicada en el Blog central para webmasters de Google hizo hincapié en mejorar la importancia de la experiencia de la página para crear una mejor web. Google ya ha tenido en cuenta la compatibilidad con dispositivos móviles y los tiempos de carga de la página en sus criterios de experiencia y su equipo de Chrome ha anunciado que los CWV serán la próxima medida de la experiencia del usuario.

Como se mencionó anteriormente, estas métricas miden la capacidad de respuesta, la estabilidad visual y la velocidad de carga de las páginas web, lo que permite a las marcas y empresas analizar y optimizar sus experiencias en el sitio web.

También proporciona al algoritmo de Google nuevas métricas para evaluar la experiencia de los visitantes y clasificar los sitios web en consecuencia.

Core Web Vitals se ha vuelto cada vez más importante porque:

  • Las empresas necesitan ofrecer una experiencia web consistente en una multitud de dispositivos
  • Ayudan a las empresas a crear una mejor experiencia web para sus visitantes y clientes.
  • Proporcionan a los motores de búsqueda nuevas métricas para evaluar el rendimiento de la página web y la experiencia general.
  • Permiten que tanto las empresas como los motores de búsqueda impulsen una mejor participación de los usuarios.

¿Cuándo se convertirá Core Web Vitals en un factor de clasificación de búsqueda?

A medida que la pandemia de COVID-19 continúa teniendo un impacto en el mundo empresarial, Google ha retrasado el lanzamiento de esta importante actualización del algoritmo porque quiere dar más tiempo a los webmasters para prepararse para la actualización.

Dicho esto, se prevé que suceda en algún momento de la primera mitad de 2021, alrededor de la primavera de 2021 como muy pronto.

Google ha prometido que avisará con al menos 6 meses de antelación a los webmasters y profesionales de SEO para que se preparen para esta importante actualización.

Hasta ahora no ha habido ningún aviso por parte del gigante de los motores de búsqueda, pero podría estar a la vuelta de la esquina, por lo que los propietarios de sitios web deben estar alerta en términos de preparación para la actualización.

Independientemente de cuándo Google decida implementar los cambios de algoritmo, creemos que los propietarios de sitios ya deberían estar mejorando el rendimiento de su página web, ya que esto afecta directamente la calidad de la experiencia de sus clientes y visitantes.

¿Cuánto cambiará con Core Web Vitals?

Si tiene un sitio web que ya tiene en cuenta estos factores, está bien posicionado para capitalizar su trabajo anterior.

Sin embargo, si no ha prestado mucha atención al rendimiento y la velocidad de su sitio web, corre el riesgo de ser penalizado y caer más abajo en las SERP. Esto es lo que debe esperar:

Cambios en los resultados de búsqueda habituales

La actualización de CWV creará cambios sustanciales en los resultados de búsqueda habituales tanto para computadoras de escritorio como para dispositivos móviles según los criterios antes mencionados. Si su sitio web se carga lentamente o tiene problemas en términos de capacidad de respuesta, será reemplazado por un sitio web de la competencia que funcione mejor en esos aspectos.

Criterios para las historias destacadas de Google

También debes tener en cuenta que Core Web Vitals se convertirá en un factor que contribuirá a que tus resultados se muestren en Top Stories. Se trata de resultados de noticias que generalmente aparecen en la parte superior de la clasificación de los motores de búsqueda.

Hasta el momento, AMP era un requisito importante para mostrar su sitio web en las noticias destacadas, pero AMP ya no es obligatorio a medida que CWV ocupa su lugar.

Mayor impacto en industrias altamente competitivas

Si compite en un sector vertical donde hay marcas importantes que invierten en el rendimiento de su sitio web, es más probable que estos cambios lo afecten.

Tenga en cuenta que hay cientos de factores que el algoritmo tiene en cuenta, por lo que todavía tiene algo de tiempo para implementar los cambios necesarios y mejorar la experiencia general del sitio para sus usuarios y visitantes.

Mayor influencia de Core Web Vitals

Aunque, en el papel, estos podrían no ser los cambios de algoritmo más importantes que haya visto, hay ciertas señales que se han vuelto cada vez más influyentes en términos de clasificación debido a su importancia para determinar la experiencia del usuario.

Teniendo en cuenta todos los factores anteriores, la propia investigación de Google demuestra que los sitios web que cumplen con los criterios de los CWV tienen un 24% menos de probabilidades de ser abandonados por los visitantes.

Esta es exactamente la razón por la que las empresas, los profesionales de SEO y los webmasters deben comenzar a centrarse en mejorar las métricas relacionadas con la velocidad, el rendimiento, la coherencia y la estabilidad de la página.

Cómo medir los valores básicos de la web

Hay multitud de formas de medir los CWV y Google ha ampliado continuamente la cantidad de herramientas para comodidad de los propietarios de sitios web. Actualmente, el gigante de los motores de búsqueda ofrece 6 formas diferentes de analizar y evaluar LCP, FID y CLS.

Herramientas para medir Google Core Web Vitals

  1. Consola de búsqueda
  2. Estadísticas de PageSpeed de Google
  3. Faro
  4. Herramientas de desarrollo de Chrome
  5. Informe de experiencia de usuario de Chrome
  6. Extensión de elementos vitales web

1. Consola de búsqueda de Google (GSC)

Consola de búsqueda ahora ofrece un nuevo informe Core Web Vitals que permite a los propietarios de sitios analizar sus páginas en todo el sitio web. En la barra lateral de GSC, encontrará la pestaña Core Web Vitals.

Consola de búsqueda de Google (GSC)

Al hacer clic en esto, el informe de Search Console mostrará las páginas web que requieren su atención agrupadas por cada una de las tres métricas y en función de los datos acumulados por el informe Chrome UX. Asegúrese de que haya suficientes datos disponibles para que GSC proporcione información valiosa; de lo contrario, las URL se omitirán del informe.

Uso de Google Search Console para medir Google Core Web Vitals

Una vez que crea que los problemas se han resuelto, puede validar fácilmente las correcciones para todo el grupo de forma masiva o por página individual.

Uso de Google Search Console para medir Google Core Web Vitals

Fuente: Wordstream

2. Información sobre la velocidad de la página

PageSpeed Insights ahora es compatible con Lighthouse 6.0, lo que significa que ahora tiene la capacidad de evaluar Core Web Vitals tanto en las secciones de informes de campo como de laboratorio. Los CWV están marcados con una cinta azul para una mejor visibilidad. Los propietarios de sitios pueden mejorar la experiencia de la página por un amplio margen utilizando PageSpeed Insights.

3. Faro

Como se mencionó anteriormente, Google Lighthouse experimentó una actualización a la última versión 6.0 que incluye nuevas métricas, auditorías adicionales y una forma completamente nueva de calcular la puntuación de rendimiento del sitio web. Dos de las métricas incluidas en Lighthouse son las métricas de Google CLS y LCP. Estas métricas ayudan a proporcionar datos de diagnóstico para resaltar qué página necesita mejorar para que pueda trabajar en mejorar la experiencia del usuario (UX).

4. Informe de experiencia de usuario de Chrome

Comúnmente conocido como CrUX , Chrome UX Report contiene datos públicos de la experiencia del usuario en el mundo real acumulados en millones de sitios web. El informe CrUX evalúa todas las métricas de Core Web Vitals y Google ha incluido recientemente una página de inicio dedicada a Core Web Vitals para mejorar la UX.

5. Herramientas de desarrollo de Chrome

Chrome DevTools se actualizó para permitir a los propietarios de sitios web identificar y solucionar problemas de inestabilidad visual en una página, que es un factor para calcular CLS. Debe elegir un cambio de diseño para ver sus detalles, a los que se puede acceder desde la pestaña Resumen. Al igual que Lighthouse, Chrome DevTools también mide el TBT, que se puede ver en el pie de página.

6. Extensión de Web Vitals

La extensión Web Vitals está disponible para instalar desde Google Chrome Web Store y le permite medir los tres Core Web Vitals en tiempo real. Esto le brinda una descripción general de las métricas que le permiten identificar qué área de una página necesita mejorar y qué páginas no.

Todas estas herramientas son de fácil acceso, por lo que puede descargarlas en línea y comenzar a trabajar para mejorar la experiencia de la página de su sitio.

Cómo mejorar sus métricas de Core Web Vitals

Si bien mejorar Core Web Vitals y la experiencia de la página de los visitantes en su sitio puede ser un proceso que requiere mucho tiempo, como se mencionó anteriormente, vale la pena.

Una vez que haya identificado y señalado los problemas de velocidad de la página, rendimiento y estabilidad visual que afectan a su sitio, debe elaborar un plan para implementar cambios. Antes de empezar a hacer cambios en los signos vitales al azar, es mejor priorizarlos de antemano. Por ejemplo, si hay problemas en la página de inicio, es necesario solucionarlos con máxima prioridad, mientras que los cambios en la página de políticas se pueden completar más adelante. Tener sus prioridades establecidas le permitirá mejorar lo que más importa ahora para sus clientes en lugar de invertir sus recursos en algo menos valioso.

Cuando se trata de optimizar su sitio web para los Core Web Vitals de Google, debe tener en cuenta los tres factores y tener una estrategia individual para abordar estas métricas. En lugar de intentar adoptar un enfoque integral e intentar arreglar todo de una vez, tómate tu tiempo y experimenta cómo los cambios afectan tu sitio web. De esa manera, podrás encontrar el equilibrio y avanzar gradualmente en lugar de hacer todos los cambios y modificaciones de una sola vez.

Mejorando el PCC

Puede mejorar el rendimiento del sitio mejorando LCP mediante la restricción de la cantidad de contenido que se muestra en el sitio, especialmente en la parte superior de la página web. Asegúrese de que solo se muestre información crítica en la mitad superior de la página. Pregúntate si esa información es importante para que el visitante resuelva su problema. Si no es así, considere bajarlo.

Mejorando la FID

Mejorar la FID es relativamente fácil y sencillo, ya que hay cuatro áreas principales que debes corregir, incluidas las siguientes:

  • Reducir los códigos de terceros : si hay varios procesos ejecutándose en segundo plano en una página, tardará más en cargarse. Elimine cualquier código de terceros que no sea esencial.
  • Reducir el tiempo de carga de JS : JavaScript es una parte importante para ofrecer una experiencia de usuario estética y fluida. Sin embargo, no se exceda y elimine los scripts que sean innecesarios.
  • Minimización de la carga del hilo principal : el trabajo del hilo principal asume la mayor parte de la carga, por lo que debe reducir la carga de trabajo arreglando el diseño y el estilo del sitio si tiene algún problema de velocidad de la página.
  • Implementar carga diferida : esto conserva el ancho de banda al entregar contenido a los usuarios solo si lo solicitan.

Mejorando el CLS

Para mejorar CLS, preste mucha atención al tamaño de los elementos de página grandes y a los atributos de todos los medios. Si le da suficiente espacio a un elemento antes de su momento de carga, no tendrá que lidiar con ningún problema de cambio de diseño. También ayudará a la página a reducir la cantidad de animaciones de transformación, ya que pueden desencadenar cambios de diseño.

Conclusiones clave

Las métricas web vitales se han vuelto cada vez más importantes para la clasificación de los motores de búsqueda a lo largo de los años y millones de sitios web y propietarios de sitios ya han trabajado mucho para mejorar el rendimiento, la capacidad de respuesta y la velocidad de la página. Dicho esto, las últimas métricas web vitales de Google son mucho más específicas, especialmente cuando se trata de cuantificación. El algoritmo de Google pronto exigirá a las empresas que mejoren esas áreas si desean mantener y mejorar su clasificación de búsqueda.

Mejorar Core Web Vitals no siempre es un trabajo fácil debido a la cantidad de tiempo que lleva y la complejidad de otros factores de clasificación SEO. Es por eso que se recomienda tomarse este tiempo y comenzar a mejorar la experiencia del usuario de su sitio de acuerdo con las pautas de Google ahora, ya que las herramientas son fácilmente accesibles y Google podría entregar el aviso prometido de 6 meses en cualquier momento.

Si obtiene más de $2000 en ingresos publicitarios mensuales, contáctenos hoy para obtener más información sobre cómo Publift puede ayudarlo a aumentar sus ingresos publicitarios y optimizar mejor el espacio publicitario disponible en su sitio web o aplicación.

Crezca con nosotros

Haga crecer su negocio con una asociación sostenible a largo plazo. Si obtiene más de $2000 en ingresos publicitarios mensuales, contáctenos hoy para aumentar sus ingresos con nuestra solución todo en uno.
Pantalla de portátil con página web abierta

Historias de éxito