SEO

Core Web Vitals de Google en WordPress: Cómo Optimizar su Sitio o Blog

¿Ya ha conseguido optimizar su sitio web para Core Web Vitals de Google?

Puede decir que no, no pasa nada. No es el único. De hecho, Searchmetrics descubrió que hasta el 96% de los 2 millones de sitios principales no superaron las pruebas de Core Web Vitals. No soy matemático, pero eso parece mucho.

Google Core Web Vitals es la última herramienta que ayuda a Google a analizar su sitio web. Google seguirá utilizando aspectos como la velocidad, la calidad del contenido y la facilidad de uso para los dispositivos móviles para clasificar los sitios web. Así que, si ha estado clasificando bien, puede relajarse un poco.

Pero sólo un poco, porque sus competidores están buscando la ventaja que les lleve a la cima. ¿Cómo puede mantenerse por delante de ellos? Proporcionando grandes experiencias de usuario, que es precisamente lo que Google quiere también.

Y, obtendrás grandes recompensas si tu sitio web proporciona grandes experiencias y gran contenido. En este artículo, vamos a ayudarle a crear un sitio web de este tipo.

Comenzaremos con una inmersión en los valores fundamentales de la web de Google, para que sepa exactamente qué significan y qué miden. A continuación, compartiremos nuestros mejores consejos para crear páginas que siempre aprueben las Core Web Vitals.

Aunque se ha producido un cambio en el calendario, y la actualización no se aplicará hasta mediados de junio, todavía tenemos mucho trabajo que hacer. Empecemos.

¿Qué son las Google Core Web Vitals (y por qué deberían importarte)?

Si las actualizaciones de Google no son lo tuyo, probablemente te estés preguntando a qué viene todo este revuelo. Echemos un vistazo a los detalles.

En mayo de 2020, Google anunció una nueva adición a sus clasificaciones de búsqueda, Core Web Vitals. Un anuncio como este suele significar mucho trabajo para alguien. Con más de 200 factores únicos utilizados para clasificar los sitios web, las clasificaciones de Google lo cubren todo.

Incluso encontrarás que la edad de tu dominio juega algún papel en tu clasificación. En este caso, las Google Core Web Vitals se centran en la experiencia del usuario, es decir, en cómo se utiliza el sitio web.

En el futuro, Google Core Web Vitals tendrá una serie de métricas, pero la actualización de 2021 incluye tres: La pintura de contenido más grande o Largest Contenful Paint (LCP), los cambios de diseño acumulados o Cumulative Layout shift (CLS) y el primer retardo de entrada o First Input Delay (FID).

Largest Contentful Paint (LCP)

Su LCP es una medida del tiempo que tarda en descargarse la pieza de contenido más grande. Puede ser una imagen o simplemente un texto. Sea lo que sea, una vez que se ha cargado, el sitio web parece estar listo.

Mejor aún, la pintura de contenido más grande sólo mide el contenido en la ventana gráfica del usuario. Cualquier imagen por debajo del pliegue no contará en tu puntuación LCP.

Si quieres obtener un resultado aprobatorio, necesitas que tu LCP sea inferior a 2,5s.

Cumulative Layout Shift (CLS)

El CLS mide la estabilidad de su página durante el proceso de carga. Mide todos los desplazamientos que pueden producirse cuando las imágenes se cargan tarde o las fuentes cambian de estilo. Incluso cosas como los botones pueden crear desplazamientos inesperados en la página.

Si sus elementos se mueven repentinamente (y más de 0,1), tiene un problema de CLS que debe resolver.

First Input Delay (FID)

El FID mide la rapidez con la que un navegador se vuelve interactivo. Esto significa que los visitantes son capaces de hacer cosas y obtener una reacción. Incluye cosas como hacer clic en enlaces, pulsar botones o completar casillas de verificación.

Puedes pasar esta métrica si los usuarios pueden hacer cosas como introducir datos en formularios y encuestas en 100ms.

Cómo probar (y leer) tu puntuación de Google Core Web Vitals

Una de las grandes cosas de Core Web Vitals es su enfoque fácil de usar. No se trata de un montón de métricas arcanas que son difíciles de probar (y mucho menos de entender). En cambio, todo puede ser bastante fácil con una serie de herramientas oficiales de Google para probar y corregir su sitio web.

En lo que respecta a las pruebas, debes conocer las dos categorías principales: herramientas de pruebas de laboratorio y herramientas de pruebas de campo. Las herramientas de pruebas de campo están respaldadas por datos del mundo real tomados de usuarios reales que optan por el informe de experiencia de usuario de Chrome. Esto las hace más valiosas para Core Web Vitals. Vamos a centrarnos en dos opciones:

  • Informe Google Core Web Vitals de Google Search Console.
  • La prueba Page Speed Insights que tiene resultados tanto de campo como de laboratorio.

Empecemos con el informe Google Core Web Vitals porque nos dirá qué URLs son las que dan problemas.

Usando de Google Search Console

Una vez que esté en la consola, desplácese hacia abajo para encontrar Experiencia → Core Web Vitals. Al hacer clic aquí se abrirá un informe completo del sitio con cada URL clasificada como Buena, Necesita mejorar o Mala.

Haga clic en Abrir informe para obtener información más específica sobre qué métrica de Core Web Vitals está causando más problemas.

Si hace clic en el Tipo obtendrá una lista completa de URLs que pueden ser probadas en Page Speed Insights para obtener más información.

Usando de Page Speed Insights

Introduzca la URL de su página y haga clic en Analizar para iniciar la prueba. No debería tardar mucho en completarse el análisis, que mostrará primero los resultados para móviles por defecto. Sin embargo, puedes ver los datos de Core Web Vitals tanto desde el móvil como desde el escritorio sin necesidad de ejecutar una nueva prueba. Encontrarás los resultados en la parte superior de la página:

Si desea probar toda su página, haga clic en Resumen de origen. Como puedes ver, las Core Web Vitals han sido marcadas de forma útil con porcentajes que indican la frecuencia con la que aprueban. Esta página es un sólido aprobado, pero ¿qué podemos hacer para las páginas que fallan?

¿Qué puedo hacer para mejorar mi puntuación de Google Core Web Vitals?

En realidad, hay bastantes cosas que podemos hacer para mejorar las puntuaciones de Core Web Vitals (incluso sin conocimientos técnicos). Veamos nuestros mejores consejos para mejorar la experiencia del usuario y el Core Web Vitals.

Actualice su alojamiento

Sí, no hay mejor manera de mejorar la respuesta del servidor que tener uno bueno. En realidad, cambiar de host puede ser difícil (por no hablar de su precio), pero no es necesario dar el salto de un alojamiento compartido a un alojamiento dedicado. Es decir, ese salto solucionará muchos problemas de rendimiento, pero incluso un pequeño salto a un servidor más rápido también puede aportar mejoras de rendimiento notables.

Utilizar un plugin de caché

Sin embargo, no todos los hosts ofrecen almacenamiento en caché del lado del servidor, pero puedes disfrutar de algunos de los beneficios con un plugin de almacenamiento en caché de páginas. Incluso el almacenamiento en caché a nivel de página ofrece contenido lo suficientemente rápido como para mejorar su pintura de mayor contenido.

Cuando se trata de usar un plugin, yo recomendaría WP Super Cache porque es completamente gratis (sin actualizaciones) con opciones simples y avanzadas (como la precarga).

¿Qué tan fácil es usar WP Super Cache? Compruébalo:

Una vez instalado y activado el plugin, abre la configuración a través de Ajustes → WP Super Cache. Haz clic en Easy y Caching On y luego Update Status.

En algún momento, te encontrarás con algunos problemas con tu caché. No sólo tendrás demasiadas páginas en la caché sino que los nuevos cambios no aparecerán en el sitio. Si esto ocurre, puedes borrar la caché haciendo clic en Delete Cache.

WP Super Cache también ofrece la opción de precargar sus páginas más populares. Sin embargo, la precarga ocupará valiosos recursos, por lo que tendrás que elegir sabiamente y monitorear tu CPU diariamente.

Configurarlo es fácil. Haz clic en la opción de Preload. Puedes establecer la regularidad de la actualización de la caché y si los archivos antiguos deben ser eliminados o no.

Una vez que esté satisfecho con la configuración, pulse Preload Cache Now para comenzar. Una vez que el proceso de almacenamiento en caché haya terminado, los archivos estarán en su carpeta wp-content/cache en el servidor.

Optimice sus imágenes

A la gente le encantan las fotos. Y todos usamos muchas, ¿verdad? Pero, las imágenes podrían estar perjudicando sus resultados de Core Web Vital. Hay algunas razones para esto:

  • La imagen puede ser demasiado pesada.
  • Las dimensiones de la imagen son demasiado grandes.
  • Estás cargando todas las imágenes de la página.
  • Las imágenes se envían desde tu servidor a personas de todo el mundo.

Afortunadamente, hay una manera fácil de arreglar todo lo anterior.

En primer lugar, ten en cuenta algunas cosas cuando se trata de imágenes:

  • ¿Necesitas todas las imágenes?
  • ¿Qué dimensiones utilizas? Nuestro objetivo es que sean >2000px.
  • Para los fondos, intente utilizar patrones, gradientes o SVG.
    Limite las imágenes por encima de la página a un logotipo y una imagen principal.
  • No utilice deslizadores ni carruseles por encima de la página.

Una vez que haya reducido sus imágenes, puede optimizar el resto. La optimización de imágenes puede reducir el tamaño de las mismas, mejorar sus dimensiones y entregarlas desde una red de distribución de contenidos (CDN) utilizando servidores más cercanos a tus usuarios. Para todo esto, recomiendo Optimole.

Optimole ahorra mucho trabajo a tus servidores al hacer todo lo anterior en la nube. Diríjase a Optimole y regístrese para obtener una clave API (la necesita para acceder a las operaciones en la nube).

Recibirás un correo electrónico para validar tu cuenta a través del panel de control de Optimole. Coge la clave API y dirígete a tu sitio de WordPress.

Una vez que instales y actives Optimole, accede a la configuración desde el menú Media → Optimole. Pegue su clave API y pulse conectar.

También debe habilitar Scale images and Lazy load.

Escalar las imágenes significa que Optimole enviará las imágenes con el tamaño perfecto para el dispositivo (sin importar cuál sea) para reducir el desplazamiento del diseño.

Lazy Load significa que sólo cargará las imágenes que sus usuarios puedan ver en la ventana gráfica. Con esta configuración, deje que Optimole se encargue del resto.

Optimización del código

El problema con el funcionamiento de un sitio de WordPress son todas las partes móviles. Entre los temas y los plugins, y los lenguajes que los potencian, es difícil para una persona no técnica optimizar el código.

Obviamente, podemos optar por temas con bases de código optimizadas y evitar los plugins con código hinchado. Más allá de eso, podemos optimizar el código de dos maneras principales:

Una desventaja es que Autoptimize tiene un montón de ajustes, lo que significa que no hay una verdadera solución única para todos.

Dicho esto, puedes elegir con seguridad Optimizar todo el JavaScript, CSS y HTML. Este ajuste minifica tu código eliminando cosas como espacios y saltos de línea. Más allá de la minificación, Autoptimize tiene grandes opciones de rendimiento para cualquiera que esté dispuesto a aprender un poco más y probar mucho.

Por ejemplo, puedes conseguir un aumento significativo de la velocidad utilizando tareas avanzadas, como la precarga de CSS y el inlining de CSS crítico, pero tendrás que leer sobre cada opción antes de utilizarla.

Fuentes e iconos

Puedes usar Autoptimize para manejar tus fuentes, particularmente si estás comprometido a usar Google Fonts. Incluso puedes probar a precargar tus Google Fonts para evitar el “flash de texto sin estilo” que perjudica tu Cumulative Layout Shift.

Te recomiendo que pruebes algunas opciones diferentes y veas lo que funciona mejor para tu sitio. Desafortunadamente, si usted está usando Elementor, entonces usted todavía verá el cambio de diseño. Si este es tu caso, entonces considera cambiar a las fuentes del sistema.

Mejores prácticas para los anuncios

Cuando se trata de cambiar el diseño, los anuncios son uno de los mayores problemas. Por lo general, los anuncios empujan el contenido hacia abajo, lo que crea una mala experiencia para el usuario. Afortunadamente, es posible reducir el desplazamiento siguiendo las mejores prácticas.

Lo más importante es que la colocación del anuncio debe estar equilibrada entre la obtención de más clics y el impacto en su diseño. Por ejemplo, no coloque los anuncios en la parte superior de la ventana gráfica. Si el tamaño final del anuncio es mayor que el contenedor, empujará todo su contenido hacia abajo. Procure situar el anuncio en el centro de la página, donde hará menos daño.

Cuando haya decidido cuál es la mejor ubicación, reserve un espacio para el anuncio. Si bien es posible que esto le deje algún espacio en blanco, podría valer la pena.

En Conclusion

A partir de agosto de 2021, sus métricas de Core Web Vitals son otro factor de clasificación a tener en cuenta. Aunque son una gran herramienta para mejorar las clasificaciones, las buenas puntuaciones también deberían ayudar a mejorar su experiencia de usuario.

Con estos consejos, debería ver una mejora inmediata en sus resultados. Y lo que es mejor, cada una de las opciones le ofrece un buen punto de partida para posteriores optimizaciones.

¿Qué has hecho para prepararte para la actualización de Google Core Web Vitals? No dudes en hacérnoslo saber en los comentarios a continuación.

Acerca del Autor

Andres

Agregar un Comentario

Clic Aqui para Publicar un Comentario

Publicidad

Síguenos en Facebook