Core Web Vitals de Google se fija en UX

Estás leyendo la publicación: Core Web Vitals de Google se fija en UX

Google declaró que su algoritmo de clasificación de búsqueda ahora tiene en cuenta la experiencia del usuario (UX) a partir del verano de 2021.

La experiencia del usuario ha afectado indirectamente el rango de la página durante algún tiempo. Si las personas tienen una mala experiencia al intentar leer o ver su página, es probable que se vayan rápidamente y pasen al siguiente sitio. Todo eso afecta negativamente a tu rango. Sin embargo, con esta actualización, Google utilizará una nueva señal de experiencia de página como factor de clasificación directo.

La actualización de la experiencia de la página de Google impulsa la navegación fácil de usar

Según Google, el objetivo de la actualización de la experiencia de la página es mejorar la experiencia general de navegación web, tanto en dispositivos móviles como de escritorio.

En los últimos años, Google ha desarrollado varias señales de experiencia del usuario, incluidas medidas de compatibilidad con dispositivos móviles, seguridad HTTPS y seguridad de navegación. Más recientemente, crearon Core Web Vitals, que ayuda a monitorear la velocidad y la funcionalidad del sitio web. Estas métricas ofrecen formas concretas para que los propietarios midan la experiencia del usuario de su sitio.

La actualización de la experiencia de la página lleva los esfuerzos de UX de la empresa un paso más allá. Desde esta actualización, la experiencia del usuario ahora es un factor de clasificación directo. De esa manera, las páginas que son más fáciles de usar y sencillas serán empujadas más arriba en la página de resultados del motor de búsqueda (SERP) de Google.

Core Web Vitals y las señales de experiencia del usuario afectan el Page Rank

En la actualización de la experiencia de la página, Google combinó las señales actuales para la experiencia de la página con Core Web Vitals para crear una señal de clasificación amplia de “experiencia de la página”.

Podría decirse que el desarrollo de esta señal de clasificación es el cambio más significativo que trae la actualización. Anteriormente, aunque Google medía la experiencia de la página, afectaba la clasificación solo de forma indirecta. La experiencia de usuario positiva mejora la probabilidad de que las personas permanezcan en su página en lugar de rebotar inmediatamente y hacer clic en el siguiente resultado de SERP de Google.

Google ahora mide la experiencia de la página utilizando Core Web Vitals y otros factores de UX, y estas métricas juntas determinarán el puntaje de experiencia de la página. Una experiencia de página positiva mejorará directamente su clasificación, mientras que una puntuación negativa podría hacer que la clasificación de su página baje.

Actualmente, no sabemos cuánto peso tienen los elementos individuales. Lo que sí sabemos es cuáles son estos elementos y cómo puedes medirlos.

¿Qué son Core Web Vitals?

Core Web Vitals son métricas de rendimiento diseñadas para medir qué tan fácil de usar es una página. Google tiene la intención de actualizarlos a medida que pasa el tiempo, pero actualmente hay tres:

  1. Pintura con contenido más grande (LCP): LCP mide la rapidez con la que se carga el contenido de su sitio. Idealmente, LCP debe ser de 2,5 segundos o menos para cualquier página determinada.

2. Cambio de diseño acumulativo (CLS): CLS analiza la estabilidad de su diseño. Mide si es probable que los objetos o el texto de la página se desplacen repentinamente cuando una persona intenta interactuar con ellos.

Los cambios repentinos pueden ser un problema importante para la experiencia del usuario.

Google calcula su puntaje de cambio de diseño al observar la fracción de impacto y la fracción de distancia, las cuales son métricas que analizan cómo se mueven los elementos inestables en una página. Una buena puntuación CLS es 0,1 o inferior.

Juntos, Core Web Vitals miden el rendimiento de carga, la interactividad y la estabilidad de su página.

Core Web Vitals nos dijo qué URL corregir

Puedo decir que vimos una diferencia con los problemas de LCP, especialmente en dispositivos móviles. Inmediatamente, los informes en la sección Experiencia de la página de Google Search Console nos mostraron rojo en un tramo de fechas.

Esas barras rojas representaban la cantidad de URL afectadas que eran deficientes o que necesitaban mejoras, graficadas con cualquier cambio de un día a otro. El informe Core Web Vitals le indicará qué URL se ven afectadas (o al menos un número y una lista de “muestra” de URL) por LCP o CLS deficientes. No le dirá qué elementos en la página están causando las calificaciones.

🔥 Recomendado:  Cómo arreglar la falla de verificación de privacidad en Instagram (SOLUCIONADO)

Ahí es donde necesitas hacer algo de investigación.

La revisión de los informes Core Web Vitals nos indicó que casi todas las páginas de nuestro blog se vieron afectadas. Eso solo era una pista. ¿Qué tienen casi todas las páginas de nuestro blog que tardarían mucho en cargarse? Imágenes. Imágenes de características realmente grandes, de hecho.

Probamos esta corazonada al revisar el código y ver que las imágenes se mostraban más grandes de lo que esperábamos. Corrección de errores y soluciones alternativas más tarde, controlamos el tamaño de nuestras imágenes de funciones. Nuestro equipo de desarrollo incluso los eliminó por completo de los dispositivos móviles cuando nuestros puntajes móviles para LCP no se estaban moviendo.

Nuestra cantidad de URL “pobres” se redujo sustancialmente, lo que nos permitió comenzar el proceso de investigación nuevamente con un conjunto más pequeño de páginas.

Una vez que encuentre una solución con la que esté satisfecho, aún debe “validarla” a través de Google. Esto le dice a Google que cree que ha solucionado el problema. Podría tomar hasta 28 días después de enviar su validación hasta que Google lo refleje en su informe Core Web Vitals.

¿Qué otras señales UX son parte de la actualización de la experiencia de la página?

Actualmente, hay cuatro factores principales de experiencia en la página que Google incluye en la señal de clasificación de la experiencia en la página, junto con Core Web Vitals:

  1. Amabilidad móvil: Analiza el rendimiento de su página en dispositivos móviles.
  2. Navegación segura: Comprueba su página en busca de malware y otro contenido malicioso o engañoso. Esencialmente, esta métrica mide si su página es segura para el usuario o si visitarla podría poner en riesgo su información personal.
  3. HTTPS: Comprueba si su página utiliza una conexión HTTPS segura. Esta es otra medida de qué tan segura es la página para el usuario.
  4. Sin anuncios intersticiales intrusivos: Analiza si su página contiene ventanas emergentes u otros anuncios que ocultan el contenido de la página y dificultan la lectura o la navegación para el usuario. Un ejemplo sería un anuncio en el que la persona no puede ingresar a su sitio antes de descartarlo, o una ventana emergente que cubre secciones del contenido de la página principal. Sin embargo, las páginas de inicio de sesión o los intersticiales legalmente requeridos, como una ventana emergente de verificación de edad, no contarán en su sitio.

Aunque estas son las únicas señales de experiencia del usuario en este momento, Google ha declarado que planea actualizar estos elementos anualmente. Su objetivo es expandir los aspectos de la experiencia de la página que afectan la clasificación y dan cuenta de las expectativas cambiantes del usuario.

Las historias principales están abiertas a páginas que no son AMP

La experiencia de la página también influye en la forma en que Google determina qué artículos se muestran en el cuadro de Historias destacadas de los dispositivos móviles. Top Stories es un agregador de noticias que muestra artículos relacionados con el término de búsqueda de la persona en la parte superior de la página de resultados.

En el pasado, Top Stories priorizaba los artículos creados con Google AMP. AMP, anteriormente conocido como Accelerated Mobile Pages, es una plataforma de formato que garantiza que las páginas se carguen rápidamente y sean aptas para dispositivos móviles. Si bien AMP es una herramienta útil, no todos los creadores quieren usarla porque tendrían que permanecer dentro de un marco HTML restrictivo. Les resultó frustrante estar obligados a usar AMP para que un artículo se clasificara en las mejores historias.

Ahora, Top Stories está abierto a páginas que no son AMP. De hecho, Google ha degradado el papel de AMP en la clasificación en el sentido de que ya no da preferencia a las páginas de AMP sobre las páginas que no son de AMP. En lugar de utilizar los criterios de AMP como el guardián de la publicación de contenido bien construido, la experiencia de la página toma el control. Esto ayuda a abrir este lugar codiciado a más contenido, pero no cuenta contra las páginas de AMP. Si ya usa AMP, no necesitará volver a configurar sus artículos.

🔥 Recomendado:  16 trabajos legítimos de quedarse en casa para mamás

Tenga en cuenta que esto no significa que deba abandonar AMP por completo, especialmente si ya lo usa para configurar sus páginas móviles. AMP garantiza que su página sea rápida, segura y compatible con dispositivos móviles, todo lo cual contribuye a la señal de clasificación de la experiencia de la página.

Evalúe su sitio con las herramientas para desarrolladores de Google

Google tiene varias herramientas y pruebas que puede usar para evaluar la facilidad de uso de su sitio. La compañía actualizó recientemente sus herramientas para evaluar Core Web Vitals además de las señales originales de la experiencia del usuario. Google ofrece herramientas independientes y extensiones de navegador para ayudar a medir el rendimiento de su sitio:

  • Faro es una herramienta de auditoría de sitios web que mide específicamente Core Web Vitals junto con otros factores de la experiencia del usuario. Un informe de Lighthouse le brinda una puntuación general, junto con recomendaciones para mejorarla. Instale la herramienta en su navegador o descargue la extensión de Chrome para ejecutar un informe.
  • Perspectivas de PageSpeed mide la velocidad de carga y ejecución de su página tanto en dispositivos móviles como de escritorio. Se ejecuta junto con Lighthouse para medir Core Web Vitals y ofrecer sugerencias para mejorar la velocidad de la página. Copie y pegue su URL en la herramienta para ejecutar un informe, no se requiere descarga.
  • El Panel de herramientas para desarrolladores de Chrome es un conjunto de extensiones que puede instalar en su navegador Chrome para medir diferentes aspectos del rendimiento de la página. Una extensión, por ejemplo, simula cómo se ve y actúa su página en un dispositivo móvil. Otro lo ayuda a analizar y depurar el JavaScript de su página. Google agregó recientemente una sección de Experiencia al panel para verificar problemas de inestabilidad y cambios de diseño.
  • En web.dev/medida, puede poner en su sitio para obtener un informe de rendimiento y recomendaciones. Inicie sesión con su cuenta de Google para mantener registros de informes anteriores y realizar un seguimiento del rendimiento a lo largo del tiempo.
  • El Extensión Web Vitals le permite monitorear Core Web Vitals en tiempo real. Esta herramienta solo funciona en el escritorio.

También hay varias pruebas que puede ejecutar para verificar las otras señales de experiencia del usuario fuera de Core Web Vitals.

  • El Prueba de compatibilidad con dispositivos móviles puntúa su página en función de su rendimiento en dispositivos móviles. Muestra una imagen de cómo aparece la página en el móvil y ofrece sugerencias para resolver cualquier problema. Puede verificar el rendimiento de páginas individuales o ejecutar un informe de usabilidad del sitio completo.
  • A Informe de problemas de seguridad le muestra qué tan bien su sitio se ajusta a los criterios de “navegación segura” de Google. Comprueba si hay problemas de seguridad como malware y contenido pirateado (contenido de terceros colocado en su sitio sin su conocimiento). Esta prueba no solo resalta las preocupaciones de UX, sino que también podría revelar vulnerabilidades de seguridad que ponen en riesgo su sitio.
  • El Prueba HTTPS es un poco menos formal: use los símbolos de seguridad de Google para verificar su evaluación de la seguridad de su sitio. Estos símbolos aparecen a la izquierda de su URL en la barra de búsqueda:

Use las herramientas de monitoreo Core Web Vitals junto con las pruebas de experiencia del usuario para obtener una idea completa de la puntuación de experiencia de su página.

Crear un informe Core Web Vitals

Para un análisis más profundo de Core Web Vitals de su sitio, ejecute un informe de Core Web Vitals, ubicado en la consola de búsqueda de Google. Mientras que las otras herramientas usan métricas de experiencia de página, como la velocidad de carga, para evaluar su sitio, el informe Core Web Vitals muestra datos de uso del mundo real. Muestra el rendimiento de su sitio para las personas que actualmente intentan usarlo.

El informe mide el rendimiento de varias URL en todo su sitio. Ofrece una vista agregada del rendimiento del sitio completo, así como información detallada sobre cada página.

🔥 Recomendado:  Una guía paso a paso para utilizar Google Search Console en todo su potencial

Además del informe Core Web Vitals, ejecute un Informe de experiencia de usuario de Chrome (CrUX). El CrUX también utiliza datos del mundo real y rastrea otras métricas junto con Core Web Vitals. Por ejemplo, informa sobre los permisos de notificaciones y el tiempo hasta el primer byte.

El CrUX no ofrece una vista tan granular como el informe Core Web Vitals, pero tiene varias otras ventajas. Por un lado, proporciona un resumen de los datos de rendimiento del mes anterior, lo que le permite realizar un seguimiento del rendimiento a lo largo del tiempo. El CrUX también desglosa los datos de los usuarios por país, tipo de dispositivo y efectividad de su conexión. Esta capa adicional de información ayuda a mostrarle qué factores externos podrían estar afectando sus datos de rendimiento.

Usa tus resultados para optimizar tu página

Una vez que vea qué áreas de su sitio necesitan mejoras, puede abordar estos problemas y mejorar la experiencia general del usuario. Optimizar su página ayudará a mejorar la experiencia de navegación para los visitantes de su sitio y ayuda a clasificar su contenido.

Muchas de las herramientas de Google ofrecen recomendaciones de mejoras basadas en sus resultados. Lighthouse, por ejemplo, enumera “oportunidades” para mejorar el rendimiento del sitio.

La prueba optimizada para dispositivos móviles de Google tiene múltiples notificaciones de error específicas. Cada uno destaca una razón particular por la que su sitio no funciona bien en dispositivos móviles. Algunos de estos errores incluyen:

  • Complementos incompatibles
  • Contenido demasiado amplio: el visitante no puede ver todo el contenido sin girar la pantalla
  • Texto demasiado pequeño: el visitante no puede leer el texto sin hacer zoom

Puede abordar problemas específicos en función de los errores que obtenga, y cada solución contribuirá a un mejor rendimiento general.

Si su sitio no se ejecuta actualmente en HTTPS, actualícelo. Ejecutar en HTTPS afectará directamente el rango de su página. Google reconoce su valor y los visitantes se sienten más seguros al hacer clic en su enlace. Los navegadores y las extensiones alertan a sus usuarios con letras rojas grandes que este sitio no es seguro. No quieres estar atado a esa experiencia.

No se centre en la experiencia sobre la calidad del contenido

A pesar de lo potencialmente impactante que es la actualización de la experiencia de la página, el contenido de alta calidad sigue siendo más importante que la experiencia del usuario por sí sola. Google declaró en su anuncio original que seguirá dando prioridad a los sitios que ofrecen la mejor información, incluso si la experiencia de la página es ligeramente peor que las páginas con contenido de menor calidad.

La clave para mejorar su clasificación junto con Core Web Vitals, en última instancia, sigue siendo: crear el mejor contenido posible y optimizar su página para brindar una buena experiencia de usuario. Siga estos consejos para mejorar la experiencia del usuario, que lo ayudarán directa e indirectamente desde la perspectiva de la experiencia de la página.