La experiencia de usuario es fundamental en la actualidad. Y no solo porque determina el comportamiento de los usuarios en tu sitio web, sino también porque los motores de búsqueda la tienen muy en cuenta a la hora de realizar sus rankings de posicionamiento. De hecho, Google, el más importante de todos ellos, cuenta con una serie de métricas claves a través de las cuales mide dicha experiencia de usuario para posteriormente utilizar esa información de rendimiento en la configuración de sus páginas de resultados. Entremos en detalles.
¿Qué son las core web vitals?
Las core web vitals son precisamente esas métricas claves. Como ya hemos anticipado, se trata de una serie de indicadores de rendimiento de la experiencia de usuario. En ese sentido, tiene en cuenta parámetros como la velocidad de carga de las distintas páginas del sitio, la interactividad de la página o la estabilidad visual que presenta. Lejos de ser métricas secundarias, estos core web vitals hablan mucho de la calidad de tu sitio para Google y las tiene muy en cuenta a la hora de posicionar. Así que mucho ojo con descuidar estos aspectos.
¿De dónde obtiene Google los datos?
Google obtiene la información de los sitios web a través de unos programas informáticos, habitualmente conocidos como bots de Google. Son estos programas los que recorren Internet, entran en los diferentes sitios web y los analizan. Es precisamente ahí cuando los robots de Google miden estas cualidades. Para ellos, medir las core web vitals de los sitios web es fundamental. Y tu sitio web no se salvará de este examen tan trascendental. Veamos más en profundidad cuáles son las tres grandes core web vitals.
¿Cuáles son los core web vitals?
Core web vitals puede traducirse con algo así como «principales métricas web». Y son tres. Está el Largest Contentful Paint o LCP, está el First Input Delay o FID y está el Cumulative Layout Shift o CLS. Los robots indexadores de Google analizan los tres durante su recorrido e inspección, por lo que como webmaster debes cuidarlos todos meticulosamente. A continuación los desarrollaremos con detenimiento.
Métricas básicas
El FID mide cuánto tiempo tarda la página en responder a la primera interacción del usuario con la página. Uno de los motivos más habituales del retraso en esta respuesta suele producirse por la presencia de archivos JavaScript. En líneas generales, Google recomienda que este tiempo de respuesta no dure más de 100 milisegundos. Si supera los 300 milisegundos estás en un grave problema.
El LCP mide cuánto tiempo tarda en cargar la página. Es una métrica que se complementa con la anterior. Después de todo, ambas cosas son importantes: cuándo tarda en cargar la web y cuánto tarda en responder a las acciones del usuario. En concreto, el LCP mide cuánto se tarda en cargar todo el contenido. Debe estar por debajo de los 2,5 segundos. Por encima de los 4 segundos es grave.
El CLS mide la estabilidad del contenido a medida que se carga la página y que el usuario interacciona con ella. Premia a los sitios cuyos diseños permanecen sólidos ante los progresos de la página. Si realizas una acción y el contenido se mueve, cambia de tamaño o padece algún error de esas características, el sitio web no cuenta con una buena experiencia de usuario y será penalizado.
¿Cómo afectan las core web vitals al SEO?
Las core web vitals son simplemente indicadores. Hablan de la experiencia de usuario de tu sitio web. Es decir, de qué tan cómodos están los usuarios dentro de él. En ese sentido, y según la propia Google, los sitios web que siguen las recomendaciones de Core Web Vitals tiene un 24% menos de probabilidades de abandonar las páginas. Eso, a su vez, tiene un impacto directo en el posicionamiento SEO, ya que las visitas son más largas, más frecuentes y más interesadas. Está claro que son indicadores de rendimiento a considerar.
Herramientas para medir las métricas
•Google PageSpeed Insights: herramienta de Google que permite medir la velocidad de carga de las páginas web. No obstante, y aunque esta ha sido siempre su función, ahora también proporciona información completa de las Core Web Vitals.
•Search Console: herramienta de Google imprescindible para la administración SEO de los sitios web. Siendo de Google, no es extraño que incluya un informe que muestra el rendimiento de estas tres métricas Core Web Vitals tan importantes.
•Web Vitals: extensión de Google para Google Chrome que informa del rendimiento de estas métricas en tiempo real y conforme se viaja por los sitios web. Es una manera muy sencilla y cómoda de obtener esta valiosísima información.
•Auditoria SEMrush: SEMrush es una herramienta de pago para la gestión de las estrategias de posicionamiento orgánico y cuenta con un herramienta para realizar auditorías SEO muy completas que incluyen el análisis de las core web vitals.
•Lighthouse: herramienta cuya principal finalidad ha sido siempre medir la velocidad de los sitios web, pero que también ofrece datos del LCP, el FID y el CLS. Se encuentra conectada a PageSpeed por lo que muestran la misma información.
Consejos para mejorar estas métricas
1. Utilizar las herramientas recomendadas de Google para realizar el seguimiento de las core web vitals. La información es poder y saber en qué punto se encuentran estas métricas respecto a tu sitio web es fundamental para poder tomar decisiones.
2. Mantén las imágenes optimizadas, ya que un peso excesivo puede ralentizar la velocidad de carga completa de las páginas web. Trata de cuidar su peso sin descuidar la calidad mínima necesaria para una buena experiencia de usuario.
3. La carga diferida es otra manera de mejorar el core web vitals. Aunque, por un lado, retrasa ligerísimamente la velocidad de carga, se asegura de que se cargue todo el contenido a la vez con una muy buena estabilidad visual.
4. Prepara la precarga de contenido importante. Es decir, asegúrate de que el contenido más relevante, el que puede captar el interés de usuario, se cargue con antelación en caso de que no pueda cargarse todo a suma velocidad.
5. Minimiza la cantidad de archivos JavaScript que incluyes en las páginas web de tu sitio. Estos contenidos suelen pesar mucho y los navegadores encuentran problemas para cargalos con facilidad, con lo cual retrasan mucho las cargas.
6. Usa el caché del navegador para acelerar la carga del sitio a los usuarios que ya lo han visitado anteriormente.
7. Reserva un espacio para los anuncios concreto y sólido para que la estabilidad visual no se vea afectada cuando carguen del todo.