Ir al contenido principal
Ir al panel
¿No sabes por dónde empezar? Responde un breve cuestionario para obtener recomendaciones personalizadas.
Lección 3 de 5
Mantén el interés de los visitantes con Métricas web principales
5 minutos para completar

Mantén el interés de los visitantes con Métricas web principales

webdev

Crea una experiencia de usuario de calidad en tu sitio de noticias

webdev

¿Qué es Métricas web principales?

GNI_Data_Presentation (1)

Métricas web es una iniciativa de Google cuyo objetivo es proporcionar una guía unificada de los indicadores esenciales para ofrecer una excelente experiencia de usuario en la Web.

Métricas web principales es un subconjunto de Métricas web que mide tres aspectos. Algunos estudios demuestran que, cuando un sitio supera los umbrales de Métricas web principales, hay un 24 % menos de probabilidades de que sus visitantes lo abandonen.

Las métricas que componen Métricas web principales se centran en:

  • Cargando
  • Interactividad
  • Estabilidad visual
GNI_Data_Presentation (1)

Empieza a medir la calidad con Métricas web principales

GNI_Data_Analytics

El primer paso para mejorar los resultados de Métricas web principales es recoger datos.

  • PageSpeed Insights mide y genera informes de la experiencia de usuario de una página, tanto en dispositivos móviles como de sobremesa, y ofrece sugerencias para mejorar las páginas.

  • Search Console mide y genera informes del rendimiento de las páginas de un sitio, basándose en el uso que hace la audiencia de él, para saber si superan los umbrales de Métricas web principales.

  • La extensión de Chrome de Métricas web (llamada "Web Vitals") mide y genera informes del rendimiento que ofrece una página en tiempo real en relación con los indicadores de Métricas web principales. Está especialmente indicada para desarrolladores.

💡Práctica recomendada: Comparte las sugerencias de estas herramientas con tu desarrollador.

GNI_Data_Analytics

Cargando

GNI_Audience_engagement_Blank

Las páginas con un tiempo de carga rápido parecen más útiles a la audiencia.

  • El 50 % de los usuarios abandona un sitio si tarda más de 3 segundos en cargarse
  • El 47 % espera que las páginas web se carguen en menos de 2 segundos
  • El 52 % afirma que el tiempo de carga influye en su nivel de fidelidad a la marca

La carga se mide según el renderizado del mayor elemento con contenido (LCP), que es el tiempo que se tarda en mostrar la imagen o el bloque de texto más grandes.

Para llegar al umbral de Métricas web principales, el 75 % de tus páginas deben cargarse en 2,5 segundos como máximo.

💡Prácticas recomendadas

  • Habilita la carga en diferido
  • Usa vídeos en lugar de GIFs grandes
  • Quita el código que no se utilice
GNI_Audience_engagement_Blank

Interactividad

screenshot-2023-02-23-at-54241-pm

Mientras que la métrica Carga mide la rapidez con la que tu sitio muestra el contenido, la métrica Interactividad mide la capacidad de respuesta que tiene el sitio cuando la audiencia intenta seleccionar un artículo o llevar a cabo otra acción.

La interactividad se mide según la latencia de la primera interacción (FID), que es el tiempo que transcurre desde que alguien hace clic en un enlace o un botón hasta que tu sitio empieza a procesar esa acción.

Para llegar al umbral de Métricas web principales, el 75 % de tus páginas deben tardar 0,1 segundos como máximo en empezar a procesar un clic.

💡Prácticas recomendadas

  • Habilita la carga en diferido, que divide el código en tareas más pequeñas
  • Carga primero el código necesario para la página
  • Reduce el código que recoge datos
screenshot-2023-02-23-at-54241-pm

Estabilidad visual

blue-data-screen

¿Alguna vez has empezado a leer un artículo y, antes de llegar al final de una frase, el texto se ha movido y te has despistado?

Aunque la mayoría de las veces esta situación solo resulta molesta, a veces puede tener consecuencias graves.

La estabilidad visual se mide según los cambios de diseño acumulados (CLS). Esta métrica permite conocer todos los cambios que se han producido en un contenido determinado al mismo tiempo.

Para llegar al umbral de Métricas web principales, el 75 % de tus páginas deben tener una puntuación de 0,1 como máximo.

💡Prácticas recomendadas

  • Define las relaciones de aspecto o las dimensiones de las imágenes y los vídeos
  • Elige el tamaño de anuncio que te resulte más adecuado en función de los anuncios anteriores

Evita usar anuncios que se muestren en la parte superior de la página

blue-data-screen
¿Cómo calificarías esta lección?
Tus comentarios nos ayudarán a mejorar continuamente nuestras lecciones.
RESPONDE ESTA PREGUNTA PARA COMPLETAR LA LECCIÓN.
¿En qué aspectos se centra Métricas web principales?
Enviar
checklist (8)
Se completó el cuestionario
¡Felicitaciones! Ya terminaste Keep visitors engaged with Core Web Vitals
Revisa la lección y vuelve a intentarlo
Sí, lo estoy haciendo
Recomendaciones para ti
¿Salir y perder el progreso?
Si sales de esta página, perderás todo el progreso de la lección actual. ¿Confirmas que quieres continuar y perder el progreso?