Core Web Vitals de Google y lo que debe hacer para evitar perder tráfico

¿Ha visto una caída repentina en el tráfico del sitio web durante el último año? La actualización Core Web Vitals de Google es la probable culpable.

Después de la actualización del motor de búsqueda en el verano de 2021, muchos sitios web vieron una caída dramática en el tráfico de búsqueda que llegaba a su sitio. Ese es el tráfico que no han visto desde entonces, dejando a los gerentes de marketing con las manos sudorosas buscando ideas.

¿Suena familiar? Siga leyendo si esto describe su experiencia o si desea proteger su tráfico web para que no sea penalizado por futuras actualizaciones de Core Web Vitals (CWV).

Este artículo se basa en uno de nuestros populares seminarios web. Ver el video y descargar las diapositivas:

Cómo la actualización Core Web Vitals de Google cambió el juego de SEO

Cuando se trata de SEO, hay muchas cosas que no puedes controlar. No puedes controlar a Google. No puede controlar quién visita su sitio web oa qué páginas van.

Pero puedes controlar la arquitectura, la ingeniería y la velocidad de tu sitio web.

¿Qué son Core Web Vitals?

Core Web Vitals (CWV) es la forma en que Google mide lo que el motor de búsqueda considera importante sobre el rendimiento del sitio web, es decir, la velocidad y la capacidad de respuesta. Hay tres elementos:

1. Pintura con contenido más grande (LCP) : ¿cuánto tarda en cargarse una página? Por lo general, se mide en segundos o, si su sitio es excepcionalmente lento, en decenas de segundos.
2. Primera demora de entrada (FID) : ¿cuánto tiempo pasa antes de que el sitio web responda a un clic del usuario o una interacción? Normalmente se mide en milisegundos.
3. Cambio de diseño acumulativo (CLS) : ¿cuánto cambia el sitio a medida que se carga? Normalmente se mide en segundos.

Google mide estos elementos de dos maneras. Datos de laboratorio , donde ingresa su página web en una pieza de software o una herramienta de prueba (más sobre esto más adelante). Y datos de campo , que se basan en acciones reales de usuarios en su sitio.

Google no tendrá ni usará datos de campo para cada página, pero determinará lo que está midiendo en función del volumen de tráfico. Cuanto mayor sea el volumen, más probable será que haya datos de campo reales. Y Google puede agregar esos datos en todo el sitio. Esa agregación puede causar mucha agravación. ¿Por qué? Si tiene muchos visitantes de personas con poca conectividad, como teléfonos móviles con conexiones 3G o lugares en el mundo donde la fibra aún no existe, ese tráfico puede sesgar los datos. Por lo tanto, para Google, su sitio puede parecer lento, incluso si para otros usuarios está bien y los datos de laboratorio muestran que tiene un sitio de alto rendimiento.

¿Por qué importan los CWV?

Este es un ejemplo de un sitio que se vio afectado por la actualización de CWV y perdió la mitad de su tráfico en tres meses. Ay. Estos datos provienen de Google Search Console (más sobre eso más adelante).

Google penaliza los sitios lentos porque a los usuarios no les gustan los sitios lentos. Lo que Google está tratando de hacer con los CWV es hacer que la web esté más centrada en el usuario, lo cual es algo bueno. La experiencia del usuario es importante cuando vendes cosas. Las tasas de conversión caen por cada segundo adicional de tiempo de carga hasta cinco segundos y luego caen en un 4,42 por ciento. En resumen, si su sitio tarda seis segundos en cargarse y el sitio de su competidor tarda un segundo en cargarse, verán una mejor tasa de conversión que usted.

La actualización Core Web Vitals simplemente ha priorizado estos factores cuando se trata del juego SEO. Si quieres seguir jugando, tienes que aceptar que las reglas han cambiado. Entonces, adáptate.

Cómo medir los Core Web Vitals de su sitio

Ver el problema es el primer paso para resolverlo. Desafortunadamente, no existe una herramienta que resuelva todos sus problemas para medir y optimizar CWV.

Lo que está tratando de hacer es probar si modificar algo en su sitio web tiene algún impacto en el tráfico, ¿verdad? Entonces, haga un cambio, espere a que los datos reales del usuario se acumulen durante uno o dos meses (los datos de laboratorio solo pueden predecir tanto), y luego espere a que Google se dé cuenta.

Necesita ver el problema desde diferentes perspectivas para obtener una imagen completa. Eso significa múltiples herramientas. Después de muchas pruebas y errores, este es el conjunto de herramientas que recomendamos:

1. Consola de búsqueda de Google

Google Search Console **** es una herramienta gratuita que definitivamente debe usar si desea obtener datos reales sobre CWV en todo su sitio. ¿Cuántas páginas están puntuando bien? ¿Cuántos necesitan mejorar? ¿Cuántos están anotando mal? Verde, amarillo, rojo. Es el único lugar donde puede obtener el informe de Google sobre este nivel.

Puede pedirle a Google que revise formalmente su sitio haciendo clic en "Revalidar" y Google recopilará o revisará los datos de campo durante varias semanas. Dicen que tarda hasta 28 días.

Sí, has oído bien. Los datos tardan un mes en actualizarse. Ese es un ciclo de retroalimentación muy lento.

2. Clickio

Clickio proporciona lo más parecido a datos en tiempo real en Core Web Vitals que puede obtener. Requiere que coloque un rastreador en su sitio, lo que, irónicamente, agrega un poco de peso a la página, pero es lo suficientemente útil como para que valga la pena siempre que actúe sobre los datos que obtiene de él.

Clickio le dará retroalimentación sobre los cambios a lo largo del tiempo. ¿Cuál es el cambio de diseño acumulativo en todas las páginas de nuestro sitio web publicadas en dispositivos móviles en un país en particular en el último mes? ¿Qué porcentaje de usuarios obtiene una pintura con contenido más grande de más de cuatro segundos de nuestras páginas de blog en dispositivos de escritorio este trimestre? Puede segmentar los datos de varias maneras para obtener la información que necesita.

Advertencia de salud: la herramienta muestra la interpretación de Clickio de los datos de Google. NO te muestra lo que ve Google. Es el mejor indicador principal que hemos encontrado para abordar posibles problemas de CWV sin tener que esperar meses para recibir comentarios, y proporciona una buena cantidad de granularidad , como datos país por país. Pero no son datos reales de Google. Y al tratarse de datos en tiempo real , debe esperar un tiempo para que se acumulen suficientes datos significativos antes de poder decir con certeza si un cambio que ha realizado ha funcionado o no. No es instantáneo, pero tampoco tienes que esperar un mes entero para que se actualice.

3. Google Analytics

Google Analytics tomará algunos puntos de datos representativos y le informará las estadísticas de rendimiento de la página sobre esa base, a lo largo del tiempo , para que pueda ver dónde cae o se recupera el tráfico. Si no tiene muchos visitantes, es probable que esta información no le resulte muy útil, pero es una buena manera de rastrear esta información a lo largo del tiempo y resaltar las páginas lentas que requieren su atención.

4. Estudio de datos de Google

Google Data Studio muestra un porcentaje de rendimiento en su sitio para cada uno de los Core Web Vitals. Esencialmente, es una historia de cambios a lo largo del tiempo. Mejoras, idealmente.

Esto sería increíble si fuera en tiempo real. Si pudiera ver los últimos 28 días de forma continua, trabajo hecho, sabría que lo que está haciendo está teniendo un efecto. Desafortunadamente, Google actualiza este mes atrasado a mediados del mes siguiente. Ese es un ciclo de retroalimentación aún más lento que el de Google Search Console. Por lo tanto, es una instantánea de datos retrospectivos. Útil para monitorear el progreso, pero lento.

5. Web.dev - Faro

Web.dev, un sitio propiedad de Google, proporciona una herramienta de código abierto llamada Lighthouse. Esta herramienta le brinda datos de laboratorio en páginas individuales. Ingresa una URL y le indicará la accesibilidad del rendimiento, las mejores prácticas, la puntuación de SEO, etc. Puede ver más datos si hace clic en "Ver diagrama de árbol" en la aplicación.

Hay cierta volatilidad en los datos, ya que los datos pueden cambiar un poco según su navegador, la hora del día, el almacenamiento en caché u otros tipos de 'clima de Internet'. Sin embargo, sigue siendo bastante bueno.

6. Web.dev - Perspectivas de PageSpeed

Google PageSpeed ​​Insights es donde obtendrá datos de campo a nivel de página. Nuevamente, ingresa una URL y le dará los datos de campo para LCP, CLS, FID, etc. Sin embargo, necesita un cierto volumen de tráfico en una página para obtener datos de campo decentes.

7. GTmetrix

GTmetrix deconstruye una página web y dice qué tan grande es cada uno de los archivos, cuántas cosas se están cargando, cómo está diseñado, etc. Esta es una gran herramienta para que los desarrolladores accedan a las páginas de control de calidad y verifiquen que no hayan agregado un archivo de imagen enorme o un widget inflado que ralentizará los tiempos de carga.

Sugerimos usar esta herramienta y las herramientas web.dev en conjunto para medir qué cambios han funcionado página por página.

8. Oso de depuración

DebugBear toma una lista de páginas e informes sobre Core Web Vitals y algunas otras métricas. Es útil como una herramienta de control de la salud en lugar de una herramienta de diagnóstico. Puede usarlo para monitorear 20 o más páginas de 'canario en la mina de carbón'. Entonces, si alguna actividad agrega peso a su sitio web, puede verla aquí.

Cómo optimizar su sitio web para mejorar Core Web Vitals

Ahora, hablemos de las actividades que puede realizar para mejorar Core Web Vitals. Obtendrá mucha información de las herramientas anteriores sobre dónde están los problemas, por lo que estas son solo algunas de las cosas que hemos hecho para nosotros y para los clientes, y que sabemos que tuvieron un impacto.

1. Realoja tu sitio web

Esto no es reconstruir o rediseñar su sitio. Es solo moverlo a otro lugar. Por lo general, vemos mejoras de rendimiento de alrededor del 30 por ciento para los sitios que migramos de WordPress a HubSpot.

Si se queda con WordPress, mover su sitio a una empresa de alojamiento dedicada como WP Engine que realmente sabe sobre el rendimiento puede marcar una gran diferencia.

Al volver a alojar tu sitio en HubSpot (o WP Engine), te beneficiarás de:

• Almacenamiento en caché: esto hace que los sitios se carguen más rápido después de la primera visita. Un sitio genérico de WordPress necesitará un complemento de almacenamiento en caché, pero HubSpot lo tiene integrado.
• Red de entrega de contenido (CDN), por ejemplo, Akamai: entrega archivos al usuario desde un servidor local, incluso si su sitio web está alojado en otro lugar.
• CloudFlare DNS: básicamente, esto ayuda a acelerar el lado del servidor de nombres de dominio.

2. Desactiva el código para compartir en redes sociales de HubSpot

Si ya está en un HubSpot, la victoria número uno más rápida es desactivar el código de compartir social de HubSpot en su blog. HubSpot deja estos botones activados de forma predeterminada, molesto. Esto eliminará unos 450 kilobytes de código JavaScript de cada página de tu blog.

Haz una instantánea del antes y el después de la velocidad de la página y el tiempo de carga en GTmetrix y web.dev. Es realmente satisfactorio.

3. Comprimir imágenes

Cuando lanzó su sitio web por primera vez, es posible que sus desarrolladores hayan evitado usar imágenes masivas. Esperamos. Y esperamos que hayan usado la carga diferida para las imágenes, solo como principio general.

Pero más adelante, los vendedores bien intencionados agregarán imágenes destacadas a blogs y páginas y de repente. Bam. Su sitio está ralentizado por un archivo de imagen de 40 MB que podría adornar el costado de un avión jumbo.

Comprima imágenes a <250 KB, idealmente <100 KB. Convierta imágenes a jpg o use svgs siempre que sea posible. Tenga mucho cuidado con los logotipos, especialmente con los que se encuentran en el pie de página, ya que se encuentran en todas las páginas de su sitio.

Nuevamente, si tiene HubSpot, Articulate creó una herramienta llamada Fizz+Ginger para comprimir imágenes en publicaciones de blog y páginas de sitios web en HubSpot.

4. Evita las incrustaciones

Esta es una captura de pantalla de una página de nuestro sitio que tenía una presentación incrustada, un video de YouTube incrustado, una ventana emergente, imágenes y algunas redes sociales en vivo. Todo eso sumaba seis megabytes de solo... cosas. Eliminar la mayor cantidad posible de eso hizo que la página se cargara mucho más rápido. Reemplazamos videos incrustados con miniaturas vinculadas, por ejemplo.

5. Simplifica tus herramientas de marketing

Las herramientas de marketing agregan peso a la página. Cosas como Hot Jar o Lucky Orange que monitorean el uso de la página, o rastrean llamadas a la acción, o Google Tag Manager: tener estas herramientas en su sitio es útil, pero tiene un costo. El costo es el rendimiento. Así que hay que usarlos con moderación y juiciosamente.

6. Encienda AMP

Hay un estándar de Google llamado páginas móviles aceleradas o AMP. Con AMP, obtienes tiempos de carga ultrarrápidos. Si un usuario hace clic en un resultado de búsqueda en un navegador de Google, le servirá la versión AMP de la página desde los servidores de Google.

Pero, en el proceso, pierde el control sobre quién sirve esa página y cómo se ve. Lo despojan al mínimo en términos de estilo. Es una compensación.

7. Optimiza tu código

Este es el largo y duro trabajo de optimización de sitios web. No puedes simplemente enchufar y reproducir esto. Necesitas optimizar tu código. Para eso, debe tener un equipo de calidad de desarrolladores expertos, que implementarán cosas como:

• Minimizando Javascript y CSS
• Carga retrasada de Javascript
• Carga diferida por defecto
• Auto-AMPificación (por ejemplo, no mostrar imágenes destacadas del blog en el móvil)
• Buenas prácticas de codificación dentro de la canalización de desarrollo
• Uso mínimo de complementos y código externo.

La experiencia del usuario es la métrica del sitio web del futuro

En los próximos años, Core Web Vitals solo aumentará en importancia. Las empresas deben adaptar sus sitios web para el rendimiento y la experiencia del usuario ahora para evitar ser penalizados en la próxima gran actualización.

Por supuesto, nos complacerá ofrecer nuestros servicios de desarrollo de sitios web y SEO para ayudarlo a llegar a donde necesita ir. Hemos aprendido mucho sobre Core Web Vitals y hemos integrado este conocimiento en nuestros procesos, haciendo que nuestros sitios sean altamente optimizados y livianos.

Contáctenos para obtener el sitio que sus usuarios desearían tener.