Mientras que nosotros pasamos mucho tiempo centrรกndonos en la optimizaciรณn de palabras clave, la experiencia mรณvil y los backlinks, Google presta mucha atenciรณn a la experiencia en la pรกgina. Por eso ha puesto en marcha un nuevo conjunto de seรฑales llamado Core Web Vitals. Esto ocurriรณ a partir de mayo de 2021 y forma parte de las nuevas seรฑales de ยซexperiencia en la pรกginaยป.
Estas seรฑales tendrรกn en cuenta la velocidad de carga de la pรกgina, la capacidad de respuesta y la estabilidad visual de un sitio web.
Core web vitals, ยฟQuรฉ son y por quรฉ deberรญan importarte?
ยฟSe trata simplemente de otra tรกctica de miedo por parte de Google para que renovemos todo y nos pongamos nerviosos durante unos meses? No creo que lo sea; creo que esto se convertirรก en un factor de clasificaciรณn serio en los prรณximos aรฑos, y por una buena razรณn.
La buena noticia es que es posible que ni siquiera tenga que hacer nada diferente porque ya estรก proporcionando una experiencia de alta calidad en la pรกgina para sus visitantes.
Pero ยฟquรฉ son las Core Web Vitals? Se trata de una mรฉtrica de experiencia de pรกgina de Google para determinar quรฉ tipo de experiencia obtienen los visitantes cuando aterrizan en su pรกgina.
Por ejemplo, Google determinarรก si su pรกgina se carga lo suficientemente rรกpido como para evitar que los usuarios reboten. Si no lo es, podrรญa enfrentarse a una penalizaciรณn en la clasificaciรณn y ser sustituido por un sitio web que se cargue correctamente.
Lo que nos lleva a tener los siguientes factores que determinan la calidad de una ยซexperiencia de pรกginaยป en Google:
ยท Mobile-friendly: La pรกgina estรก optimizada para la navegaciรณn mรณvil.
ยท Navegaciรณn segura: La pรกgina no contiene contenido engaรฑoso ni software malicioso.
ยท HTTPS: La pรกgina se sirve en HTTPS.
ยท Sin intrusos: La pรกgina no contiene cuestiones que tapen el contenido principal.
ยท Core web Vitals: La pรกgina se carga rรกpidamente y se centra en elementos de interactividad y estabilidad visual.
Muchos sitios web ya ofrecen estos factores, y si eres uno de ellos, no tienes nada de quรฉ preocuparte.
En un comunicado de prensa, Google anunciรณ que, con el tiempo, aรฑadirรญa factores como la velocidad de carga de la pรกgina y la facilidad de uso para los dispositivos mรณviles, pero quieren hacer hincapiรฉ en la importancia de la experiencia en la pรกgina.
Estรกn estudiando los prรณximos cambios en la clasificaciรณn de las bรบsquedas que tienen en cuenta la experiencia en la pรกgina. Google afirma que incorporarรก estas mรฉtricas de experiencia de pรกgina para la funciรณn ยซTop Storiesยป en mรณviles y eliminarรก el requisito de AMP.
Google tambiรฉn dice que avisarรก con seis meses de antelaciรณn antes de poner en marcha esta medida, por lo que parece que tenemos algo de tiempo para pensar en ello y ponernos en marcha.
Mรฉtricas bรกsicas de Core Vitals
Como propietario de un sitio web, desarrollador o constructor, tienes en cuenta un millรณn de factores diferentes a la hora de crear tu sitio web.
Si actualmente estรกs trabajando en nuevos sitios o haciendo actualizaciones de los existentes, querrรกs tener en cuenta estos tres factores de cara al futuro.
Carga (LCP por sus siglas en ingles)
La mayor pintura de contenido o LCP se refiere al rendimiento de la carga de su pรกgina. Abarca la velocidad de carga percibida, es decir: ยฟCuรกnto tiempo tarda tu sitio web en empezar a mostrar los elementos que son importantes para el usuario? ยฟVes cรณmo esto difiere de la velocidad de carga de la pรกgina regular ahora?
Hay una gran diferencia; por ejemplo, es una prรกctica comรบn mantener la informaciรณn mรกs importante y el contenido mรกs llamativo por encima del pliegue, ยฟverdad? Pues bien, eso no le sirve a nadie si todo lo interesante ยซpor encima del pliegueยป tarda seis segundos en cargarse.
Esto lo vemos todo el tiempo cuando los sitios tienen imรกgenes o vรญdeos por encima del pliegue. Generalmente ocupan mucho espacio y contienen piezas importantes de contexto para el resto del contenido, pero son las รบltimas en cargarse, por lo que dejan un gran espacio en blanco en la parte superior de la pantalla.
Google estรก prestando atenciรณn a esto porque se da cuenta de que estรก provocando que mucha gente rebote.
La referencia general de Google es de 2,5 segundos. Esto significa que su sitio web debe mostrar todo en el primer cuadro (por encima del pliegue) en 2,5 segundos.
Interactividad: Retraso en la primera entrada (FID por sus siglas en ingles)
El First Input Delay o FID es la capacidad de respuesta de su pรกgina web. Esta mรฉtrica mide el tiempo que transcurre entre la primera interacciรณn de un usuario con la pรกgina y el momento en que el navegador puede responder a esa interacciรณn.
Este vital web puede parecer un poco complejo, asรญ que vamos a desglosarlo.
Supongamos que estรกs rellenando un formulario en un sitio web para solicitar mรกs informaciรณn sobre un producto. Rellenas el formulario y haces clic en enviar. ยฟCuรกnto tiempo tarda el sitio web en empezar a procesar esa solicitud?
Eso es el retraso de la primera entrada. Es el tiempo que transcurre entre que el usuario realiza una acciรณn y que el sitio web la lleva a cabo.
Es esencialmente una medida de frustraciรณn para el usuario. ยฟCuรกntas veces has pulsado con rabia un botรณn de envรญo una y otra vez porque estรก tardando una eternidad? Esta es una mรฉtrica de UX enorme porque tambiรฉn puede ser la diferencia entre captar un lead o una venta.
Lo mรกs probable es que alguien realice una acciรณn porque estรก interesado en lo que usted ofrece. Lo รบltimo que quiere hacer es perderlos en la lรญnea de meta.
Estabilidad visual: Desplazamiento acumulativo del diseรฑo (CLS)
El cambio de diseรฑo acumulativo se refiere a la frecuencia de los cambios de diseรฑo inesperados y a la estabilidad visual general de una pรกgina web.
Esto es sencillo, y tengo un ejemplo perfecto.
ยฟAlguna vez has navegado por una pรกgina web, has visto algo interesante, has ido a hacer clic en รฉl, pero justo en el รบltimo segundo se carga un botรณn y acabas haciendo clic en รฉl? Ahora tienes que volver a encontrar lo que buscabas y (con suerte) hacer clic en el enlace correcto.
O, cuando estรกs leyendo un pรกrrafo, y los botones, anuncios y vรญdeos siguen cargรกndose mientras lees, lo que hace que el pรกrrafo siga bajando en la pรกgina, por lo que tienes que seguir desplazรกndote para leerlo.
Estos son signos de una mala experiencia en la pรกgina, y Google estรก teniendo en cuenta estos problemas en su esfuerzo por ofrecer la mejor experiencia a los usuarios.
En el futuro, la atenciรณn se centrarรก en imitar una experiencia ยซen personaยป en lรญnea. A medida que se cierran mรกs tiendas y el comercio electrรณnico sigue en auge, corresponde a los propietarios de tiendas/sitios web ofrecer esa experiencia en la tienda a sus usuarios.
Para CLS, el objetivo es tener una puntuaciรณn lo mรกs cercana posible a cero. Cuanto menos intrusivos y frustrantes sean los cambios de pรกgina, mejor.
Los efectos de Core Web Vitals en la estrategia de contenidos y el desarrollo web
Ahora hablemos de cรณmo mejorar los valores vitales del nรบcleo de la web y de dรณnde puede obtener esta informaciรณn.
Dirรญgete a tu Consola de Bรบsqueda de Google, donde verรกs que la prueba de velocidad fue reemplazada por ยซCore Web Vitalsยป. Cuando hagas clic en รฉl, aparecerรก un informe para mรณvil y otro para escritorio. Verรกs una lista de URLs pobres, URLs que necesitan mejorar y URLs buenas.
Recuerda que Google tiene en cuenta los tres aspectos que hemos comentado anteriormente para determinar la calidad de la URL. Por lo tanto, si tienes muchas URLs deficientes, significa que son lentas para mostrar el contenido mรกs crรญtico, lentas para procesar acciones, y continuamente ofrecen una experiencia pobre al cambiar el diseรฑo con demasiada frecuencia.
Si la URL ยซnecesita mejorarยป, es posible que presente una ligera combinaciรณn de dos o tres de estas caracterรญsticas. Una buena URL se ve limpia.
ยฟCรณmo mejorar Core Web Vitals?
Una vez que hayas sacado tu informe, es el momento de hacer algunos cambios.
Podrรกs mejorar el LCP limitando la cantidad de contenido que muestra en la parte superior de la pรกgina web a la informaciรณn mรกs crรญtica. Si no es crรญticamente importante para un problema que el visitante estรก tratando de resolver, muรฉvalo hacia abajo en la pรกgina.
Mejorar el FID es sencillo, y hay cuatro cuestiones principales que querrรก abordar:
ยท Reducir el impacto del cรณdigo de terceros: Si tienes un montรณn de procesos diferentes sucediendo simultรกneamente, la acciรณn tardarรก mรกs en empezar a funcionar.
ยท Reducir el tiempo de ejecuciรณn de JavaScript: Envรญe sรณlo el cรณdigo que sus usuarios necesitan y elimine todo lo innecesario.
ยท Minimizar el trabajo del hilo principal: El hilo principal hace la mayor parte del trabajo, por lo que debes reducir la complejidad de tu estilo y diseรฑos si tienes este problema.
ยท Mantenga el recuento de peticiones bajo y el tamaรฑo de las transferencias pequeรฑo: Asegรบrese de que no estรก intentando transferir archivos enormes.
Para mejorar el CLS hay que prestar atenciรณn a los atributos de tamaรฑo y a los elementos de vรญdeo en todos los medios. Si se deja el espacio correcto para un contenido antes de que se cargue, no deberรญa haber cambios de pรกgina durante el proceso.
Tambiรฉn te serรก de mucha ayuda limitar las animaciones de transformaciรณn porque muchas de ellas provocarรกn cambios de diseรฑo, lo quieras o no.
En conclusiรณn
Core Web Vitals y SEO van de la mano, y todos sabemos que no podemos ignorar ningรบn factor de clasificaciรณn si queremos superar a nuestra competencia y mantener nuestras clasificaciones.
ยฟSabemos exactamente el impacto que tienen las variables vitales de la web en nuestros rankings? No, no lo sabemos. Pero Google estรก prestando mucha mรกs atenciรณn a la experiencia en la pรกgina.
