Ya se ha confirmado que el Core Web Vitals se convertirá en un factor de clasificación de búsqueda en mayo de 2022 con la actualización de la experiencia de la página. Lo que esto significa es que, aunque el contenido de calidad sigue reinando, el aspecto técnico de su SEO ganará algo más de importancia segun la agencia seo amarok.
¿Qué significa esto y cómo puede prepararse para ello? En este post vamos a ponerte al día con las Core Web Vitals y luego proporcionaremos cinco pasos que puedes implementar para asegurarte de que tu sitio está en línea con esta actualización del algoritmo:
- Reducir la ejecución de Javascript
- Implementar lazy loading
- Optimizar y comprimir las imágenes
- Proporcionar las dimensiones adecuadas para las imágenes y las incrustaciones
- Mejorar el tiempo de respuesta del servidor
¿Qué son las Core Web Vitals?
Las Core Web Vitals son señales de experiencia de página que evalúan la experiencia del usuario en un sitio web. En pocas palabras, estas señales miden la rapidez con la que los usuarios podrán interactuar con su sitio web y el tipo de resultado que recibirán. Estas señales también miden lo fácil que es para los usuarios navegar por el sitio web.
Si mejora la experiencia del usuario y hace que su sitio web sea mejor en general, mejores serán sus puntuaciones de experiencia de página.
Hay tres métricas de Core Web Vitals:
- Largest Contentful Paint (LCP) mide la rapidez con la que el elemento más grande (imágenes, vídeos, animaciones, texto, etc.) puede cargar y aparecer en un sitio web.
- El Desplazamiento de Diseño Acumulado (CLS) garantiza que las páginas de un sitio web no tengan movimientos inesperados y confusos que puedan perturbar a los usuarios en el consumo del contenido.
- El primer retraso de entrada (FID) muestra la capacidad de respuesta de las páginas de un sitio web cuando los usuarios interactúan con ellas por primera vez. También mide la rapidez con la que el navegador de un sitio web puede ofrecer el resultado a los usuarios.
5 consejos para mejorar su Core Web Vitals segun la agencia seo
Para ver el rendimiento de tu sitio web en términos de core web vitals, debes realizar una prueba rápida de análisis de rendimiento del sitio web. Para ello, puedes utilizar herramientas de Google como Search Console y Page Speed Insights y otras herramientas como GTmetrix.
Si ejecutas informes de rendimiento utilizando diferentes herramientas, vale la pena comparar los resultados y mejorar tu página de manera más eficiente.
1. Reducir la ejecución de JavaScript (JS)
Si tu informe muestra una mala puntuación FID, significa que su página interactúa con los usuarios más de 300 milisegundos. Debería considerar reducir y optimizar su ejecución de JS. Esto significa que el tiempo entre la ejecución del código JS de su navegador y la página se reduce.
También es esencial utilizar la menor cantidad de memoria posible. ¿Por qué? Cada vez que el código de tu sitio solicita al navegador, éste reserva una nueva memoria que detiene el JavaScript y puede ralentizar la página.
Según Google, una de las formas de reducir la ejecución es aplazando el JS no utilizado.
Para ver si tu sitio web tiene JavaScript no utilizado:
En primer lugar, vayas a tu sitio web y pulse el botón derecho del ratón y elija «Inspeccionar».
A continuación, haga clic en ‘Fuentes’ y busque tres puntos en la parte inferior. Deberías añadir una herramienta-‘Cobertura’. Después de añadirla, pulse la función de carga.
mejorar el núcleo vital de la web-captura de pantalla de la herramienta de cobertura en la ventana «inspeccionar elemento
Cuando la carga esté hecha, verá la cantidad de JavaScript que no se está utilizando en su página web.
Cuando te hayas dado cuenta de la cantidad de JS que no se utiliza, deberías empezar a reducirlo. Una de las formas de hacerlo es dividiendo el código. Esto significa separar un paquete de JavaScript (archivos combinados en un solo paquete para evitar demasiadas peticiones HTTP que se requieren para cargar una página) en piezas más pequeñas.
2. Implementar la carga
Si muestra imágenes en su sitio, es crucial implementar la carga perezosa para que la UX de su sitio y la puntuación vital de la web no se vean perjudicadas. La carga perezosa permite cargar las imágenes en el momento exacto en que los usuarios se desplazan por la página, sin comprometer la velocidad de carga del sitio web y logrando que su puntuación LCP sea de primer nivel.
3. Optimizar y comprimir las imágenes
Suena bastante obvio, ¿no crees? Sin embargo, para muchos sitios web, los elementos más grandes son las imágenes. Por lo tanto, es crucial optimizarlas porque puede hacer que su página sea significativamente más ligera, mejorando así la velocidad de carga, la puntuación LCP, la UX y su clasificación en los motores de búsqueda.
Puede reducir el tamaño total de la página comprimiendo las imágenes con jpg diminutos y mejorar sus resultados LCP. Puede que pienses que la compresión de imágenes destruirá la calidad o la resolución. Bueno, en realidad, sólo se puede ver la diferencia cuando se hace un zoom o si la imagen se guarda en el formato equivocado. Intenta utilizar siempre el formato jpg para las imágenes apaisadas y el png para los gráficos. También puedes utilizar formatos de última generación como JPEG 2000, JPEG XR o WebP, pero te sugerimos que investigues un poco antes.
Además de comprimir, otra cosa importante es activar la red de distribución de contenidos (CDN) para las imágenes. La CDN es una red de servidores en todo el mundo que almacena su contenido. Como los servidores están distribuidos en muchos lugares diferentes, las imágenes pueden servirse más rápidamente desde el servidor más cercano a los usuarios.
4. Proporcionar las dimensiones adecuadas para las imágenes e incrustaciones
Una puntuación de CLS superior a 0,1 se considera deficiente y, por lo general, está causada por elementos como imágenes, anuncios o incrustaciones sin dimensiones en el archivo CSS. Si quieres mejorar tu puntuación CLS, las dimensiones son importantes. La importancia de establecer una anchura y una altura adecuadas ayuda al navegador a asignar la cantidad correcta de espacio en la página mientras se carga el elemento.
Por ejemplo, si las dimensiones de una imagen no son las adecuadas, suele aparecer más tarde en la página. Mientras un usuario consume el contenido, éste puede caer repentinamente porque la imagen sin la dimensión adecuada no pudo cargar lo suficientemente rápido. En este caso, el navegador no entendió cuánto espacio se necesita para esa imagen en particular.
Por lo tanto, para evitar este desplazamiento de la imagen, puede reservar antes un espacio en el que se debe mostrar la imagen. Este tipo de acción evitará el desplazamiento del diseño si se carga fuera de la pantalla.
Asegúrate también de haber establecido las dimensiones adecuadas para las incrustaciones, como cuando se insertan vídeos de YouTube en tu sitio. Por defecto, el video puede verse bien desde el back-end, pero puede verse súper grande o desordenado en el front-end. Si ese es el caso, hay un problema con las dimensiones, y debes cambiarlas.
5. Mejore el tiempo de respuesta de su servidor
Google dice: «Cuanto más tarda un navegador en recibir el contenido del servidor, más tiempo tarda en renderizar cualquier cosa en la pantalla. Un tiempo de respuesta del servidor más rápido mejora directamente cada una de las métricas de carga de la página, incluido el LCP».
Lo más importante es que un tiempo de respuesta del servidor prolongado puede influir negativamente no sólo en el SEO, sino también en la UX.
Para medir el tiempo de respuesta del servidor, utilice el tiempo hasta el primer byte (TTFB), que identifica el momento en que el navegador web del usuario recibe el primer byte del contenido de su página.
Sin embargo, antes de empezar, recopile los datos sobre el rendimiento actual de su servidor para entender cómo lo es