No tienes una estrategia de SEO si no la acompañas de una estrategia de rendimiento web. Con cada nueva actualización de Google, se perfeccionan las técnicas y la atención necesarias para mantener una posición alta en los resultados.
Google está empezando a incorporar la «experiencia en la página» como uno de sus factores de posicionamiento. Ten en cuenta que la experiencia en la página está relacionada con la experiencia de usuario, pero no es lo mismo. Google ha publicado bastante documentación para explicar las métricas concretas de rendimiento web que tendrá en cuenta.
Aunque esta actualización no supondrá un cambio drástico, exigirá que tu sitio web ofrezca una experiencia en la página que vaya más allá de la velocidad. La velocidad de las páginas es importante, pero también es una métrica demasiado amplia para resultar realmente útil.
Las tres nuevas métricas de Google sobre el rendimiento de los sitios (denominadas Core Web Vitals) miden la experiencia tangible de los visitantes en cada página.
¿No tienes tiempo para aprender a mejorar las Core Web Vitals? Confía en nosotros e instala nuestro plugin gratuito Jetpack Boost.
¿Qué son las Core Web Vitals y por qué son mejores que las métricas anteriores?
Como explica Google, las métricas web permiten a los propietarios de sitios cuantificar la experiencia de usuario y les ofrecen medidas concretas para mejorarla. Las Core Web Vitals abordan el hecho de que muchas herramientas de medición se centran en la tecnología — no en las personas que las usan.
Las métricas de rendimiento web que Google utilizaba antes medían aspectos que importaban a los scripts automatizados, los bots y los ordenadores. Sin embargo, las Core Web Vitals reflejan las experiencias reales de visitantes reales. Por tanto, sí, estas métricas siguen relacionadas con la velocidad de los sitios web, pero con la velocidad que importa a los usuarios en el mundo real.
Los usuarios lo notan cuando las Core Web Vitals tienen un rendimiento deficiente.
Actualmente, Google ha establecido tres Core Web Vitals relacionadas con:
- El rendimiento de carga, medido mediante Largest Contentful Paint (LCP)
- La interactividad, medida mediante First Input Delay (FID)
- La estabilidad visual, medida mediante Cumulative Layout Shift (CLS)
Estos términos pueden parecer un poco abrumadores, pero te facilitarán mucho mejorar tanto la experiencia en tus páginas como tu posicionamiento en los motores de búsqueda.
Veamos cada uno con más detalle.
LCP: Largest Contentful Paint
Términos como «velocidad del sitio web» no resultan útiles porque son demasiado amplios y no reflejan realmente lo que importa al usuario. Cuando abres una página web, no necesitas esperar a que se cargue por completo para empezar a interactuar con ella. Lo que sí necesitas ver son los elementos principales de la página.
La métrica LCP mide el tiempo que tarda en renderizarse la imagen o el bloque de texto más grande que aparece en la primera pantalla visible. Puede tratarse de una foto, un vídeo o un bloque de texto. La idea es que, aunque los distintos elementos de la barra lateral o de las secciones más pequeñas de la página no se hayan cargado por completo, puedes empezar a interactuar con ella en cuanto el contenido principal esté visible.
Al medir el rendimiento de tu sitio web según la métrica LCP (tanto en dispositivos móviles como en ordenadores), Google busca una puntuación inferior a 2,5 segundos en al menos el 75 % de las experiencias. Así se obtiene una valoración de «bueno». Una valoración de «malo» corresponde a cualquier resultado superior a 4,0 segundos.
Cómo mejorar tu puntuación de LCP
Según Google, los factores que más afectan a LCP son una respuesta lenta del servidor, el renderizado del lado del cliente, los tiempos de carga de los recursos y el JavaScript y CSS que bloquean el renderizado. Aquí entramos en aspectos algo más técnicos, pero, si tienes los conocimientos necesarios o puedes contratar a un desarrollador, podrás empezar a abordar algunas de estas tareas.
Los recursos que bloquean el renderizado pueden hacer que Largest Contentful Paint tarde más de lo debido. Si aplazas el CSS y el JavaScript que no son esenciales, puedes acelerar el tiempo de carga del contenido principal.
Cuando recursos como los vídeos y las imágenes tardan demasiado en cargarse, tu LCP también se resiente. Puedes acelerar el proceso optimizando y comprimiendo las imágenes.
Si te parece complicado, ve al final del artículo para conocer una herramienta que se encarga de gran parte de este trabajo por ti.
Más información sobre LCP y cómo mejorar tu puntuación
FID: First Input Delay
Se produce una mala experiencia de usuario cuando el visitante realiza una acción concreta y no ocurre nada en tu sitio.
Por ejemplo, cuando haces clic en un enlace o un botón, o tocas una imagen, ¿cuánto tarda en procesarse la acción? Si tienes que quedarte esperando, la experiencia en la página es mala y el rendimiento de tu sitio web se verá perjudicado.
Los nuevos factores de posicionamiento de Google favorecerán a los sitios con una puntuación de FID baja. Esta puntuación mide el tiempo desde que un usuario interactúa por primera vez con un elemento de una página web hasta que el navegador responde a esa acción.
La respuesta debería ser rápida, y Google considera «buena» una puntuación de FID inferior a 100 milisegundos en al menos el 75 % de las interacciones de los usuarios. Se considera mala cualquier puntuación superior a 300 milisegundos.
Cómo mejorar tu puntuación de FID
Empieza por ejecutar una auditoría de rendimiento de Lighthouse, que te mostrará oportunidades para mejorar tu puntuación de FID.
La causa más habitual de una puntuación de FID deficiente es un exceso de JavaScript que intenta ejecutar varias tareas. Si el hilo principal está ocupado procesando todas esas tareas de JavaScript, no responderá a las interacciones del usuario.
Puedes mejorar tu puntuación de FID dividiendo las tareas largas, optimizando la página para que esté lista para la interacción del usuario, utilizando un Web Worker y reduciendo el tiempo de ejecución de JavaScript.
Si te parece complicado, ve al final del artículo para conocer una herramienta que se encarga de gran parte de este trabajo por ti.
Más información sobre FID y cómo mejorar tu puntuación
CLS: Cumulative Layout Shift
Esta métrica importa mucho a tus visitantes, y más adelante te mostraremos varias formas de mejorarla, incluida una herramienta gratuita que hace gran parte del trabajo por ti.
Se produce un «cambio de diseño» cuando estás en una página web y, de repente, todo se desplaza un poco hacia arriba o hacia abajo. ¿Te ha pasado alguna vez? Intentas leer una página y el texto no deja de saltar. Resulta muy frustrante. Y, si estás intentando hacer clic en algo, puede ser todavía más molesto.
Estos desplazamientos se producen porque se añaden o eliminan otros elementos de la página fuera de la parte que puedes ver. Puede deberse a una imagen que cambia de tamaño, un vídeo que se abre, una fuente que cambia de tamaño, un anuncio de terceros o un widget.
La métrica CLS mide la frecuencia con la que ocurre y utiliza una fórmula para puntuar tu sitio según todos los cambios de diseño inesperados que se producen durante el proceso de carga de la página. La clave está en que sean «inesperados». Si el usuario hace clic en algo, espera que ocurra algo, por lo que ese tipo de cambios no afecta negativamente a la puntuación.
Una buena puntuación de CLS es cualquier resultado inferior a 0,1. Una puntuación superior a 0,25 se considera mala.
Si sabes trabajar con el código de tu sitio web o tienes conocimientos básicos de desarrollo, quizá puedas mejorar tu puntuación de CLS corrigiendo los elementos que empeoran la experiencia de usuario.
Cómo mejorar tu puntuación de CLS
- Incluye atributos de tamaño en todas las imágenes y los vídeos. También puedes reservar el espacio con algo similar a los contenedores CSS con relación de aspecto. De este modo, los navegadores reservarán el espacio adecuado aunque la imagen o el vídeo todavía no se hayan cargado.
- Nunca diseñes una página que inserte contenido nuevo por encima del punto que está viendo el usuario, salvo que esté directamente relacionado con las acciones que haya realizado el visitante de tu sitio.
- Si utilizas animaciones en tu sitio, gestiónalas con cuidado.
Más información sobre cómo mejorar tu puntuación de CLS
¿Cómo puedes comprobar tus puntuaciones actuales de las métricas Core Web Vitals?
La forma más sencilla de saber qué rendimiento ofrece tu sitio web según estas nuevas métricas es utilizar Google PageSpeed Insights. Esta herramienta gratuita puntúa tu sitio y te propone medidas prácticas para mejorarlo.
PageSpeed Insights puntúa distintas métricas y las combina en una puntuación general de 0 a 100. Un resultado inferior a 50 se considera malo; entre 50 y 89 indica que hay margen de mejora, y entre 90 y 100 se considera bueno.
Esta captura de pantalla muestra el aspecto del informe de puntuación principal:
Debajo del informe de puntuación se muestran oportunidades para mejorarla. En algunos casos, las recomendaciones son muy concretas. Por ejemplo, se indican plugins específicos que puedes instalar y utilizar en tu sitio para resolver un problema determinado. También se calcula el ahorro de tiempo que puedes conseguir con cada mejora.
Esta es una captura de pantalla de la sección Oportunidades.
Al hacer clic en la flecha desplegable situada a la derecha de cada elemento, verás todas las sugerencias para mejorar esa métrica concreta.
Visita PageSpeed Insights para puntuar tu sitio
Cuando accedas a la página de Insights, introduce tu URL en la barra de la parte superior, espera a que analice tu sitio y consulta los resultados.
Otra herramienta que puedes utilizar es el informe de Core Web Vitals, al que puedes acceder desde Search Console. Aquí te explicamos cómo obtener e interpretar ese informe.
Cómo validar los cambios en las Core Web Vitals
Cuando hayas mejorado la experiencia de usuario y la velocidad de tu sitio, te interesará que Google tenga en cuenta esas mejoras cuanto antes. Para validar los cambios:
- Inicia sesión en tu cuenta de Google Search Console y selecciona la propiedad de tu sitio web.
- Selecciona Core Web Vitals en el menú de la izquierda.
- Haz clic en Abrir informe junto al gráfico para móviles u ordenadores.
- Selecciona el Tipo de problema que hayas corregido. Por ejemplo, podría ser «Problema de LCP».
- Haz clic en el botón Validar corrección para continuar.
Esto iniciará un periodo de supervisión de 28 días en todo tu sitio. Si Google no detecta indicios del problema, lo marcará como «corregido». También puedes volver a esta misma página para consultar el progreso de la validación y ver el resultado final.
¿Qué ocurre si no optimizas tu sitio para las Core Web Vitals?
La introducción de las Core Web Vitals representa un cambio general en el enfoque de Google hacia la experiencia de usuario. Los motores de búsqueda darán cada vez más importancia a que los visitantes puedan utilizar tu sitio con facilidad, encontrar lo que buscan y marcharse satisfechos. Si no te adaptas a los nuevos estándares, tu sitio web podría perder posiciones.
Por supuesto, una caída en el posicionamiento también implica menos tráfico en el sitio y, por tanto, una reducción de las ventas, los ingresos publicitarios o el número de seguidores. Pero, como las Core Web Vitals también afectan directamente a la experiencia de usuario, hay mucho más en juego.
Tanto si tienes un blog como una tienda o prestas servicios, la experiencia de los visitantes de tu sitio es fundamental para tu éxito. Si tu sitio carga rápido y ofrece una experiencia de usuario excelente, será mucho más probable que lean tus entradas, compren tus productos, se suscriban a tu lista de correo electrónico o contacten con tu equipo de ventas. Si no es así, probablemente se marcharán y buscarán en otro sitio lo que necesitan.
En definitiva, merece mucho la pena optimizar tu sitio para las Core Web Vitals.
¿Qué ocurre si no quieres complicarte con las mejoras recomendadas?
Aunque el nuevo enfoque de Google facilita mucho la mejora de las métricas de rendimiento de tu sitio web, todavía requiere algo de trabajo.
¿No hay una forma más sencilla? ¿Qué puedes hacer si no tienes tiempo ni experiencia técnica?
La buena noticia es que sí: hay una forma más sencilla.
Se llama Jetpack Boost.
Si no quieres revisar a diario las estadísticas de rendimiento del sitio web y encargarte de las tareas constantes de optimización, pero tampoco quieres contratar a un especialista en desarrollo web, Jetpack Boost es justo lo que necesitas.
Lo mejor de todo es que es gratuito.
La mayoría de las demás herramientas te abruman con numerosas opciones que suelen exigir conocimientos técnicos que quizá no tengas. Todas esas casillas que puedes marcar o desmarcar pueden resultar confusas y, a menudo, no queda claro cómo afectará a tu sitio la activación de cada función. Rara vez se explica con claridad por qué podría interesarte cambiar o no cada ajuste. Si pulsas el botón equivocado o modificas un ajuste incorrecto, puedes estropear tu sitio o exponerlo a otros riesgos y amenazas.
Jetpack Boost se creó para propietarios de sitios que no tienen tiempo ni experiencia para ocuparse de todo esto, pero que aun así quieren mejorar las métricas de rendimiento de su sitio web y ofrecer una experiencia positiva en la página.
Con Jetpack Boost, solo tienes que activarlo y dejar que se encargue de todo. Ejecuta una prueba para comprobar el rendimiento de tu sitio y activa las mejoras con un solo interruptor.
Más información sobre Jetpack Boost
Una vez más, tu posicionamiento en los motores de búsqueda está directamente relacionado con la capacidad de tu sitio web para ofrecer una experiencia positiva. Google utiliza estas tres Core Web Vitals —Largest Contentful Paint, First Input Delay y Cumulative Layout Shift— como uno de sus factores de posicionamiento.
Con Jetpack Boost, puedes obtener buenas puntuaciones de Google y ofrecer al mismo tiempo una experiencia mejor a tus visitantes.
Si tienes preguntas y quieres consultar más detalles sobre Jetpack Boost, empieza aquí.
Jetpack 