Google Core Web Vitals para WordPress: una guía completa

Para que su sitio de WordPress tenga éxito, debe proporcionar una experiencia de usuario (UX) potente. Sin embargo, evaluar y medir el rendimiento de su sitio puede ser difícil, especialmente cuando no está seguro de prestar la mayor atención.

Afortunadamente, Core Web Vitals de Google, también conocido como Web Vitals, hace que esta tarea sea mucho más fácil. Esta colección de señales de clasificación clave e indicadores de rendimiento es una iniciativa de Google para ayudar a evaluar y evaluar la experiencia de la página ofrecida por cualquier sitio web.
En esta publicación, explicaremos qué son Google Core Web Vitals, por qué son importantes y cómo probarlos en su sitio web. Luego le daremos consejos sobre cómo mejorar su sitio web de WordPress Core Web Vitals. ¡Vamos a empezar!
En este articulo
¿Cuáles son los vitales web de Google Core?
¿Por qué son la web web Web Vitals Web Web?
Prueba de vital web básico: ¿cómo mide mi sitio web?
Cómo mejorar sus elementos web básicos vitales en WordPress
Preguntas frecuentes (preguntas frecuentes)
conclusión
¿Cuáles son los vitales web de Google Core?
Google Core Web Vitals es un conjunto de indicadores de rendimiento que miden la calidad de UX que una página ofrece a los visitantes. Web Vitals “Basic” es un subconjunto de “Web Vitals”, una iniciativa de Google que tiene como objetivo facilitar los valores más importantes para usted y otros propietarios de sitios.
Cada núcleo web vital es medible y juega un papel en las señales de clasificación de Google. Google ha demostrado claramente que estos vitales web se expandirán y evolucionarán con el tiempo. Sin embargo, los actuales se centran principalmente en tres aspectos clave del UX:
Cargando
Interactividad
Estabilidad visual
Cada uno de estos aspectos tiene su propio valor:
La pintura contenta más grande (LCP) mide el tiempo de carga o el tiempo requerido para que aparezca el contenido principal de su sitio web. Idealmente, LCP debe ocurrir dentro de los 2.5 segundos desde el comienzo de la carga de la página.
El primer retraso de entrada (FID) es una métrica para la interactividad. Las páginas que proporcionan un UX sólido generalmente tienen una puntuación FID de hasta 100 milisegundos (MS).
El cambio de diseño acumulativo (CLS) mide la estabilidad visual, es decir, cómo los usuarios experimentan cambios inesperados en el aspecto de su sitio para el mejor rendimiento, este valor debe ser inferior a 0.1.
Google Now considera estas mediciones de la velocidad y la interacción de los usuarios como indicadores importantes de la “experiencia de página” de un sitio. De hecho, a principios de este año, Google anunció que introducirá un nuevo factor de clasificación, Page Experience, para combinar sus señales existentes con Core Web Vitals.
Core Web Vitals es una iniciativa de Google que lo ayuda a simplificar el proceso de medir y mejorar su sitio web. #Wordpress haga clic para enviar un tweet
¿Por qué somos importantes vitales web?
Como propietario del sitio web, proporcionar una calidad UX es esencial para el éxito de su negocio en línea. Un UX débil, como la causa de la carga lenta o los tiempos de navegación complejos, puede aumentar la tasa de rechazo y abandonar el carrito de compras.
Core Web Vitals son importantes porque le ayuda a medir el rendimiento de su sitio de WordPress. Ofrecen métricas concretas que puede seguir y probar para evaluar el UX de su sitio y luego hacer mejoras, según sea necesario. Más, los vitales de la web principales son valores que Google busca para ayudar a determinar y evaluar la experiencia y el rendimiento de su página como se menciona en el Sección anterior, incluye qué tan rápido se carga la página, ya sea que una página sea interactiva o no, y la estabilidad de la página.
Sin embargo, a medida que la experiencia de la página se convierte en un factor de clasificación oficial, Google combinará estos elementos web vitales con otras señales existentes, como:
Https
Instalaciones móviles
Falta de ventanas emergentes intrusivas
Navegación segura
Además, como cada uno de los elementos web vitales es una señal de clasificación, también juegan un papel importante en la optimización del motor de búsqueda (SEO). Verificar para ver cómo las pruebas y medidas de su sitio web en Core Web Vitals no solo aumentan su UX, sino que pueden ayudarlo en su sitio a clasificarse anteriormente en búsquedas relevantes.
Prueba de vital web básico: ¿cómo mide mi sitio web?
Hay varias herramientas que puede usar para medir, probar e informar su web vital principal. Esto incluye Google PageSpeed ​​Insights, Google Search Console, Web Vitals Extension y más. Echemos un vistazo a las ventajas de cada opción, así como cuándo y cuándo usarla:
Google PageSpeed ​​Insights
Consola de búsqueda de Google
Extensión web vital
Devtools de Chrome
WebPagetest
Google PageSpeed ​​Insights
Si no está familiarizado con esta primera solución, PageSpeed ​​Tsights es una herramienta popular que puede usar para verificar la velocidad y el rendimiento de sus páginas web: sin embargo, también puede ser útil para la medición de vitales web. Esta herramienta le brinda una relación extendida que incluye datos de campo y datos de laboratorio, así como valores clave que constituyen vitales web básicos (LCP, FID y CLS).
Para usarlo, simplemente ingrese la URL en el campo de entrada y haga clic en el botón Análisis. Los elementos web vitales que buscarán se enumerarán en la sección de datos de campo:

Una de las cosas que más nos gusta en PageSpeed ​​Insights es que le da diagnósticos, así como oportunidades de cómo puede mejorar su sitio para una mejor velocidad y rendimiento:
Otra ventaja de esta herramienta es que se basa en datos reales del navegador. El uso de PageSpeed ​​Insights le permite comprender rápidamente dónde está su sitio web en Core Web Sitals. Luego le da algunos pasos simples que puede tomar para solucionar cualquier problema con su sitio que pueda contribuir a puntajes débiles.

Consola de búsqueda de Google

La siguiente herramienta para agregar a su arsenal para pruebas y medidas vitales es la consola de búsqueda de Google:
Google agregó recientemente un nuevo informe Core Web Vitals al que puede acceder aquí. Suponiendo que haya revisado al propietario de su sitio y use la consola de búsqueda de Google, podrá localizar y abrir este informe, que se basa en usuarios en el mundo real, en la sección de mejora:
Este informe puede ayudarlo a identificar y descubrir posibles problemas en las páginas de su sitio web que le afectan las vital web y el UX general. También le ayuda a identificar grupos de páginas en su sitio. Que se ven afectados por los mismos problemas. Las ideas de la energía de las páginas y la consola de búsqueda de Google se recopilan de la experiencia del usuario de Chrome (Crux). Sin embargo, una ventaja de usar la consola de búsqueda de Google es que le permite verificar los datos de LCP en todo el sitio, en lugar de analizar las páginas individuales al azar.

Extensión web vital

Google Chrome también ofrece una extensión que puede usar para acceder a la web vital:
La extensión web de vital crome es gratuita y facilita los problemas con los que puede encontrar FID o CLS. Puede usarlo en su propio sitio web y mientras navega por Internet.
Esta fácil extensión mide cada valor utilizando la biblioteca Web-Vitals y los muestra en su navegador. Proporciona una forma rápida y simple de ver el rendimiento de su sitio, así como los sitios web de sus competidores.
Para comenzar a usarlo, vaya a la tienda web de Chrome y busque la aplicación. Después de encontrarlo, haga clic en el botón Agregar a Chrome. Cuando aparezca la ventana emergente de confirmación, seleccione Agregar extensión:

Después de instalar la extensión, se agregará un cuadrado a la esquina superior derecha del navegador Chrome. Cuando esté en un sitio web, puede hacer clic en el cuadrado y los tres núcleos web vitales aparecerán en una ventana:
Tenga en cuenta que el color del cuadrado cambiará dependiendo del rendimiento de la web vital. Por ejemplo, si todo está en un intervalo aceptable, el cuadrado será verde. Si uno o más valores indican un UX débil, será rojo (así como el valor que requiere su atención). Si la extensión no puede acceder y probar el sitio en el que se encuentra, el cuadrado será gris. Esta es una extensión simple que proporciona información básica y simple. Aunque no hay mucha información disponible más allá de los valores, es una forma libre de problemas de poner estos datos sobre la marcha.
Devtools de Chrome

Para una visión más detallada de estos valores, puede usar Chrome DevTools (y, más precisamente, Lighthouse) para medir su núcleo web vital en un entorno de laboratorio:

Sin embargo, este método debe usarse principalmente para la medición de LCP y CLS. Dado que esta herramienta carga sus páginas en un entorno simulado sin entradas reales, no puede proporcionar mediciones para FID. En cambio, utiliza un valor similar llamado Total de bloqueo total (TBT).
WebPagetest
Nuestra herramienta final que puede usar para medir y recopilar información de Web Vitals es WebTetest:
Esta plataforma independiente ofrece informes para diferentes aspectos de su sitio de WordPress, incluidos los vitales web. Puede ser especialmente útil obtener información sobre el rendimiento y UX de su sitio en ciertos dispositivos y condiciones de red.

Una vez que haya ingresado a la URL de su sitio web, puede hacer clic en el botón de prueba de inicio para comenzar. También puede seleccionar una ubicación para ejecutar la prueba, así como el navegador que desea usar.
En la página de resultados, hay una sección dedicada de Web vital:
Aquí, puede ver cómo su sitio de WordPress prueba para cada uno de estos valores. Si uno de ellos se destaca en rojo (como CLS está en el ejemplo anterior), sabrá que debe trabajar para mejorar el puntaje para ese valor.

Además, si se ajusta, notará que la página de resultados muestra las vistas detalladas de las solicitudes realizadas durante la prueba. Allí puede obtener información más específica sobre las páginas y el contenido en su sitio que deja caer estos puntajes.

Cómo mejorar sus elementos web básicos vitales en WordPress
Ahora que comprende un poco más sobre los vitales de la web central y por qué son importantes para su sitio de WordPress, es hora de ver cómo puede mejorar. Después de haber terminado de probar la prueba web de Vitals, debe tener una imagen más clara de los valores que podrían ser mejores.

Echemos un vistazo a las diferentes formas en que puede mejorar los vitales de Web Core en su sitio web de WordPress.
Cómo mejorar la pintura más grande contenida (LCP)
Cómo mejorar el primer retraso de entrada (FID)
Cómo mejorar el cambio de diseño acumulativo (CLS)
EBook rápido para mejorar los vitales de la web central
¡Descargue nuestro libro electrónico gratuito para obtener velocidad para obtener la lista de verificación en 12 pasos para tocar los tiempos de carga bajo 1 segundo!
Obtener la descarga
Libro electrónico gratis
EBook rápido para mejorar los vitales de la web central
¡Descargue nuestro libro electrónico Speed ​​gratuito para obtener la lista de verificación en 12 pasos para tocar los tiempos de carga bajo 1 segundo!
Obtener la descarga
Libro electrónico gratis
Cómo mejorar la pintura contenida más grande (LCP) Si su contenido tarda mucho en cargarse, aumenta la posibilidad de que los usuarios se frustraran y dejen su sitio, por lo tanto, si obtiene puntajes LCP débiles (algo más largo durante unos segundos) tomando las medidas necesarias Para mejorar este valor es crucial.
Por supuesto, la solución que use dependerá de la causa de la puntuación débil. Hay algunas razones por las que puede enfrentar problemas de LCP. Algunos de los problemas más comunes incluyen un servidor lento, así como JavaScript y CSS que bloquea la obra.
Algunas formas en que puede usar para mejorar LCP son:
Elimine los artículos grandes. Si ha utilizado PageSpeed ​​Insights para probar su sitio web, le notificará si hay un elemento en particular en su página que es un problema. Si es así, puede considerar eliminarlo (o reducirlo) para ayudar a mejorar el LCP.
Minimiza el bloqueo de JavaScript y CSS. Reducir la cantidad de recursos en su sitio web que contiene el bloqueo de CSS y JavaScript puede reducir el tiempo requerido para completar el contenido principal de la página. Para obtener más orientación, puede consultar nuestra publicación sobre cómo minimizar CSS.
Aproveche la carga perezosa. La carga perezosa es cuando las imágenes en una página se cargan solo después de que un usuario se desplaza hacia ellas, lo que le permite hacer el LCP a un ritmo más rápido. Puedes hacer esto con complementos como WP Rocket.
Use una red de entrega de contenido (CDN). Un CDN es una red de servidores que cargan el contenido de su sitio desde un centro de datos en las inmediaciones de sus visitantes. Si su host actual no usa uno, puede probar un complemento CDN WordPress. No ayude a mejorar su LCP, puede ser hora de actualizar su alojamiento web. Por lo general, como tiene un alojamiento de mayor calidad, los mejores servidores y actuaciones generales del sitio que puede esperar.
Cómo mejorar el primer retraso de entrada (FID)
Como recuerdas, el momento ideal para FID es de 100 ms o menos. Por lo tanto, si su sitio lleva más tiempo que eso, es probable que su UX sufra.
El método más efectivo para mejorar el FID es la optimización de su JavaScript. Hay una variedad de formas de hacerlo.
Una táctica ordinaria es minimizar o posponer JavaScript. Esto permitirá a los visitantes interactuar con su sitio mientras su JavaScript se carga en el navegador. Puede hacer esto usando un complemento como Async JavaScript:
Esta herramienta gratuita le permite eliminar JavaScript que bloquea la representación de su contenido en los tiempos. Esto no solo puede ayudarlo a mejorar FID, la velocidad de página y UX, sino que también puede mejorar sus motores de búsqueda.
Otra forma en que puede mejorar el FID es eliminando cualquier guión innecesario de terceros. Demasiados scripts pueden obstruir su red y conducir a tiempos de respuesta más pequeños.
Finalmente, le recomendamos que considere usar un caché del navegador. Al simplificar la carga de contenido de su sitio en los navegadores de usuarios, un caché puede hacer tareas de JavaScript más rápidas. Cómo mejorar el cambio de diseño acumulativo (CLS)
Si los elementos en una página cambian a medida que se carga la página, a menudo resulta en un CLS alto, lo cual no es bueno. La inestabilidad visual puede llevar a que un usuario haga clic en el elemento incorrecto o simplemente confusión sobre las razones por las cuales los artículos se han movido una vez que la página está completamente cargada.
Idealmente, su CLS no debe exceder 0.1. Si es más grande que eso, hay algunos pasos que puede tomar para mejorar.
El primero es especificar el tamaño de la imagen. Si no tiene atributos para la longitud y el ancho de sus imágenes, esto puede conducir a una mayor puntuación. Lo mismo es cierto para cualquier soporte de medios, como GIF, videos e infografías.

Otro aspecto importante son los anuncios dinámicos. Cualquier anuncio incluido en su sitio web debe tener su propio espacio reservado que no sea demasiado intrusivo en la experiencia de la vista del usuario. Por ejemplo, colocar grandes anuncios en la parte superior de la página puede dificultar leer el contenido.
Una tercera forma de mejorar su puntaje CLS es reservar un lugar para la incorporación e iframe. Es.
Google hizo la experiencia de la página un factor de clasificación oficial en 2021-tu sitio está optimizado. Nuestro equipo de WP Buffs ayuda a los propietarios de sitios web, socios de la agencia y socios independientes a monitorear y optimizar su sitio WordPress para el máximo rendimiento. Ya sea que necesite que administremos un sitio web o que admitan 1,000 sitios de clientes, le ofrecemos cobertura.
Ver nuestros servicios
Google hizo de la experiencia de la página un factor de clasificación oficial en 2021: ¿está optimizado su sitio?
Nuestro equipo de WP Buffs ayuda a los propietarios de sitios web, socios de la agencia y socios independientes a monitorear y optimizar sus sitios de WordPress para el máximo rendimiento. Ya sea que necesite que administremos un sitio web o que admitan 1,000 sitios de clientes, le ofrecemos cobertura.
Ver nuestros servicios
preguntas frecuentes
¿Cómo encuentro mi informe web básico vital?
Puede acceder a su informe Core Web Vitals en su consola de búsqueda de Google (suponiendo que ya tenga una cuenta). Si aún no ha configurado una cuenta de consola de búsqueda y no ha verificado al propietario de su sitio, querrá comenzar desde allí. Para obtener orientación adicional, puede consultar esta publicación. Para localizar el informe, simplemente explore la sección de mejoras. Además de la consola de búsqueda de Google, puede usar otras herramientas para acceder y la medida web vital. Esto incluye PageSpeed ​​Insights, Chrome Vitals Extension y WebPagetest.
¿Cuándo hace Google “experiencia de página” una señal de clasificación oficial?
Google dijo que estos cambios se lanzarán en 2021. Aunque no hay una fecha oficial para el momento en que Core Web Vitals formará parte del algoritmo de clasificación, hacer los ajustes necesarios ahora es inteligente. La optimización del sitio de WordPress lo antes posible para estos valores importantes debería colocarlo ante los competidores y ayudarlo a desarrollar su negocio. ¿Cuál es la diferencia entre los datos de campo y de laboratorio?

Al probar su sitio web y analizar el núcleo de su Web Vitals, probablemente cumplirá con diferentes tipos de datos, dependiendo de la herramienta que use. Por ejemplo, con PageSpeed ​​Insights, su informe contendrá datos de laboratorio y de campo, mientras que este último solo los obtendrá con DevTools. Entonces, ¿cuál es la diferencia entre los dos? Simplemente, los datos de campo se basan en usuarios y navegadores reales. Los datos de laboratorio, por otro lado, son datos sintéticos que se recopilan de entornos simulados. Es importante tener en cuenta que FID no se puede medir en ambientes de laboratorio.
Conclusión ️
Un aspecto crítico de ejecutar un sitio de WordPress es garantizar que proporcione un UX positivo a sus usuarios. No solo UX influye en las tasas de conversión y rechazo, sino que también tiene un gran impacto en el SEO. Es por eso que le recomendamos que preste atención a los núcleos web de Google (LCP, CLS) para optimizar su sitio web.
Como discutimos en esta publicación, estos valores de rendimiento son esenciales para evaluar la experiencia de la página que los visitantes tendrán en su sitio. Puede usar herramientas como Google PageSpeed ​​Tsights, Google Search Console y Web Vitals Extension para probar su sitio web para medir para medir Web vital y para hacer cualquier cambio necesario para mejorar sus puntajes. Si necesita ayuda para mantener y optimizar su sitio de WordPress, podemos ayudarlo.¡Consulte nuestros planes de atención y soluciones de etiquetas blancas para obtener más información!
¿Quieres darnos comentarios o unirte a la conversación?Agregue sus comentarios en Twitter.