s√°bado, junio 15, 2024
No menu items!
InicioMarketingLos Core Web Vitals de Google ponen todos los ojos en la...

Los Core Web Vitals de Google ponen todos los ojos en la 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 al ranking de la p√°gina desde hace alg√ļn tiempo. Si las personas tienen una mala experiencia al intentar leer o ver su p√°gina, es probable que la abandonen r√°pidamente y pasen al siguiente sitio. Todo eso afecta negativamente 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 una 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 en computadoras 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 es ahora un factor de clasificaci√≥n directo. De esa manera, las p√°ginas que sean m√°s f√°ciles de usar y directas aparecer√°n m√°s arriba en la p√°gina de resultados del motor de b√ļsqueda (SERP) de Google.

Los elementos b√°sicos de la web y las se√Īales de la experiencia del usuario afectan el ranking de la p√°gina

En la actualizaci√≥n de la experiencia de la p√°gina, Google combin√≥ las se√Īales actuales de 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.

El desarrollo de esta se√Īal de clasificaci√≥n es posiblemente 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 s√≥lo 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 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 la puntuación de la 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.

[Image source]

Actualmente, no sabemos cuánto peso soportan los elementos individuales. Lo que sí sabemos es cuáles son estos elementos y cómo se pueden medir.

¬ŅQu√© son los 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 debería ser de 2,5 segundos o menos para cualquier página determinada.
[Image source]

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 cambien repentinamente cuando una persona intenta interactuar con ellos.

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

En el GIF de Google, un cambio repentino en el dise√Īo hace que un usuario confirme accidentalmente un pedido incorrecto.

Google calcula la puntuaci√≥n de cambio de dise√Īo observando 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 menos.

ūüĒ• Leer:  Las 15 mejores herramientas de IA de SEO para aumentar tu SEO en 2024.
[Image source]

3. Interacción con la siguiente pintura (INP)

El objetivo de esta métrica (INP) es determinar cuánto tiempo tarda su página en responder a las acciones de un usuario. Mide la frustración potencial de cuánto tiempo tendría que esperar un usuario para obtener una respuesta de su sitio, por lo que lo mejor es un INP más rápido (tiempos más bajos).

INP es una incorporación más reciente a la línea Core Web Vitals. En marzo de 2024, reemplazó al FID (First Input Delay) como un enfoque de medición más amplio. Cubre el mismo concepto (preparación para un usuario) pero toma medidas en más lugares donde el usuario desearía acceder al sitio, no solo en la primera acción.

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 p√°gina de Google Search Console nos mostraron n√ļmeros rojos 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 d√≠a a d√≠a. 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 un LCP o un CLS deficientes. No le dir√° qu√© elementos de la p√°gina est√°n provocando las calificaciones.

Ahí es donde necesitas investigar un poco.

La revisi√≥n de los informes de Core Web Vitals nos dijo que casi todas las p√°ginas de nuestro blog se vieron afectadas. S√≥lo eso era una pista. ¬ŅQu√© tienen casi todas las p√°ginas de nuestro blog que tardar√≠an mucho en cargarse? Im√°genes. De hecho, im√°genes destacadas realmente grandes.

Demostramos esta corazonada revisando el c√≥digo y viendo que las im√°genes se mostraban m√°s grandes de lo que esper√°bamos. Correcci√≥n de errores y soluciones alternativas m√°s adelante, controlamos los tama√Īos de las im√°genes de nuestras funciones. Nuestro equipo de desarrollo incluso los elimin√≥ del m√≥vil por completo cuando nuestras puntuaciones m√≥viles para LCP no cambiaban.

Nuestro n√ļmero de URL deficientes 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 deber√° validarla a trav√©s de Google. Esto le indica a Google que cree que ha solucionado el problema. Pueden pasar 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 de UX forman 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 de la p√°gina, junto con Core Web Vitals:

  1. Compatibilidad con dispositivos m√≥viles: Observa qu√© tan bien se desempe√Īa 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. B√°sicamente, 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 intersticiales intrusivos: Observa si su página contiene ventanas emergentes u otros anuncios que oscurecen el contenido de la página y dificultan la lectura o la navegación del usuario. Un ejemplo sería un anuncio en el que la persona no puede ingresar a su sitio antes de cerrarlo, 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 anuncios intersticiales requeridos legalmente, 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 ampliar los aspectos de la experiencia de la p√°gina que afectan la clasificaci√≥n y tener en cuenta las expectativas cambiantes de los usuarios.

ūüĒ• Leer:  10 preguntas que debes hacer antes de trabajar con influencers

Las historias destacadas est√°n abiertas a p√°ginas que no son AMP

La experiencia de la p√°gina tambi√©n influye en c√≥mo Google determina qu√© art√≠culos aparecen en el cuadro de Historias principales para 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.

Historias destacadas de Google en dispositivos móviles

En el pasado, Top Stories priorizaba los art√≠culos creados con Google AMP. AMP, anteriormente conocida como Accelerated Mobile Pages, es una plataforma de formato que garantiza que las p√°ginas se carguen r√°pidamente y sean compatibles con dispositivos m√≥viles. Si bien AMP es una herramienta √ļtil, no todos los creadores quieren utilizarla porque tendr√≠an que permanecer dentro de un marco HTML restrictivo. Les resultaba frustrante verse obligados a utilizar AMP para que un art√≠culo se clasificara entre las noticias destacadas.

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

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 utilizar 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 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.
  • Informaci√≥n de PageSpeed Mide la velocidad de carga y ejecuci√≥n de su p√°gina tanto en dispositivos m√≥viles como en computadoras 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 es necesario descargarlo.
  • El Panel de herramientas de desarrollo de Chrome es un conjunto de extensiones que puedes instalar en tu 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 le ayuda a analizar y depurar el JavaScript de su p√°gina. Google agreg√≥ recientemente una secci√≥n de Experiencia al panel para verificar si hay problemas de inestabilidad y cambios de dise√Īo.
  • En web.dev/medida, puede colocarlo 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 s√≥lo funciona en el escritorio.

Tambi√©n hay varias pruebas que puede ejecutar para verificar otras se√Īales de experiencia del usuario fuera de Core Web Vitals.

  • El Prueba de optimizaci√≥n para dispositivos m√≥viles califica 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 comprobar el rendimiento de p√°ginas individuales o ejecutar un informe de usabilidad del sitio completo.
Captura de pantalla de los resultados de la prueba de compatibilidad con dispositivos móviles para SpyFu
  • 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 s√≥lo 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: utilice los s√≠mbolos de seguridad de Google para comprobar su evaluaci√≥n de la seguridad de su sitio. Estos s√≠mbolos aparecen a la izquierda de tu URL en la barra de b√ļsqueda:
ūüĒ• Leer:  ¬°Gane entre $ 30 y $ 50 por hora para recoger basura y ganar dinero extra!
[Image source]

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

Crear un informe de Core Web Vitals

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

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.

Ejemplo de descripción general del informe Core Web Vitals

Además del informe Core Web Vitals, ejecute un Informe de experiencia del usuario de Chrome (CrUX). 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.

Ejemplo de descripción general de CrUX

CrUX no ofrece una vista tan detallada como el informe Core Web Vitals, pero tiene 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. 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 le ayuda a mostrar qué factores externos podrían estar afectando sus datos de rendimiento.

Utilice sus resultados para optimizar su p√°gina

Una vez que vea qué áreas de su sitio necesitan mejoras, podrá abordar estos problemas y mejorar la experiencia general del usuario. Optimizar su página ayudará a mejorar la experiencia de navegación de los visitantes de su sitio y ayudará 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.

Informe de ejemplo de faro

La prueba de optimizaci√≥n para dispositivos m√≥viles de Google tiene m√ļltiples notificaciones de errores espec√≠ficos. 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 acercarlo

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 actualmente no se ejecuta en HTTPS, actualícelo. La ejecución en HTTPS afectará directamente el ranking 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 grandes en rojo que este sitio no es seguro. No querrás quedar atado a esa experiencia.

No se centre en la experiencia por encima de la calidad del contenido

Por muy impactante que sea 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 continuará dando prioridad a los sitios que ofrezcan la mejor información, incluso si la experiencia de la página es ligeramente peor que la de 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 le ayudar√°n directa e indirectamente desde la perspectiva de la experiencia de la p√°gina.

Recomendamos

Populares