Core Web Vitals y velocidad de la página: qué hacer (y qué no hacer) con su sitio web

Publicado: 2021-08-19

A estas alturas, probablemente haya oído hablar de la próxima actualización de Core Web Vitals de Google y se esté preguntando qué significa para su sitio, dónde debería buscar más información y qué debería hacer para prepararse.

En junio, brindamos una breve descripción general de la actualización de Google (oficialmente titulada "Actualización de la experiencia de la página") y una introducción a Core Web Vitals, las métricas que desempeñan el papel más destacado en la actualización.

Resumen:

La actualización de la experiencia de la página presenta Core Web Vitals al algoritmo de clasificación de búsqueda de Google por primera vez. Core Web Vitals son una serie de puntajes de velocidad de página relacionados con la rapidez con la que se carga una página, la rapidez con la que esa página es interactiva y la estabilidad visual de esa página. Google comenzó a introducir elementos de esta actualización en su algoritmo a mediados de junio, con el objetivo de que desempeñe un papel completo a fines de agosto de 2021.

Consulte nuestro blog de descripción general para obtener más información.

Durante los últimos meses, nuestro equipo de ingeniería de Carrot ha estado identificando, optimizando y mejorando funciones y elementos que contribuyen directamente a mejorar la experiencia del usuario y las métricas de velocidad del sitio.

A medida que ese trabajo continúa para hacer que nuestros sitios sean más rápidos y mejores que nunca, hemos recopilado algunas de las preguntas, los problemas y los conceptos erróneos más comunes que hemos visto como un recurso para que usted esté a la vanguardia del juego por su parte.

Actualización: los sitios web de Carrot ahora son un 69,8 % más rápidos que los sitios web personalizados en dispositivos móviles

Comprenda las herramientas de prueba

Recibimos mucho esta pregunta: ¿cómo prueba la velocidad de su sitio y Core Web Vitals y qué herramienta debe usar? En Carrot, recomendamos utilizar la herramienta PageSpeed ​​Insights de Google porque, independientemente de la herramienta que elija, la consideración más importante es que sea coherente.

Para nosotros, usar la propia herramienta de Google tiene más sentido. Si está utilizando el navegador Chrome, la herramienta Lighthouse en las herramientas para desarrolladores es otra excelente opción.

Dicho esto, siempre queremos asegurarnos de que nuestros miembros comprendan las diferencias y advertencias entre las puntuaciones instantáneas proporcionadas por las herramientas y las puntuaciones que realmente se utilizan en el algoritmo de Google. Google los diferencia en dos categorías: datos de laboratorio y datos de campo.

Datos de laboratorio: proporcionados por herramientas de prueba

Datos de laboratorio de Google

Los datos de laboratorio son exactamente lo que parecen: datos recopilados en un laboratorio o, en este caso, un informe instantáneo único realizado por la herramienta PageSpeed ​​Insights de Google o cualquier otra herramienta de prueba de terceros.

Utiliza su propio navegador u otro dispositivo emulado para cargar su sitio web en un entorno simulado y capturar las métricas clave que contribuyen a Core Web Vitals y Page Experience. Estos puntajes están destinados a ser puntos de referencia consistentes y no reflejan necesariamente la experiencia real del usuario.

Al igual que en un laboratorio real, desea controlar todas las variables al ejecutar experimentos y pruebas en su sitio web. La herramienta de velocidad de página de Google (y la mayoría de las otras herramientas) hace esto cargando su sitio en un teléfono inteligente simulado de una generación anterior con solo una conexión 3G para determinar las puntuaciones de "velocidad del sitio" móvil.

Esto está destinado a representar la línea de base absoluta y se usa como una herramienta para depurar cualquier problema de rendimiento con su sitio. Es útil para ver dónde puede mejorar sus puntajes, pero no es útil para comprender la experiencia real del usuario. La mayoría de los usuarios utilizan dispositivos móviles más nuevos con mejores conexiones y WiFi.

Su experiencia es mejor que en la instantánea simulada y contribuye a los datos de campo: las puntuaciones reales utilizadas por el algoritmo de clasificación de búsqueda de Google.

Datos de campo: proporcionados por la experiencia real del usuario

Como dijimos anteriormente, los datos de campo son lo que Google realmente está introduciendo en su algoritmo de búsqueda. Representa las experiencias de usuario reales recopiladas por el Informe de experiencia de usuario de Chrome (o CrUX) cuando los usuarios visitan su sitio. Luego, Google analiza el percentil 75 de esos puntajes, y ese es su "puntaje" real utilizado por su algoritmo.

Al igual que con los indicadores de clasificación más conocidos de Google, perdemos visibilidad y transparencia cuanto más nos acercamos al algoritmo. Entonces, si bien se puede acceder a los puntajes de datos de laboratorio de instantáneas siempre que tengamos ganas de ejecutar una herramienta, los datos de campo de la experiencia del usuario son más ambiguos e inaccesibles.

Hay dos áreas principales en las que puede obtener información sobre sus puntajes reales de experiencia de usuario si su sitio tiene suficiente tráfico/datos para que Google genere informes. Eso está en la pestaña Core Web Vitals de Google Search Console o en la parte superior de los informes en la herramienta PageSpeed ​​Insights.

Para las URL individuales, es posible que vea un error: "Datos de campo: el Informe de experiencia del usuario de Chrome no tiene suficientes datos de velocidad del mundo real para esta página". Esto significa que no hay suficientes datos de CrUX disponibles para generar una vista anónima representativa de su rendimiento.

Si encuentra que este es el caso, no se preocupe, solo necesita más visitantes, y la mejor manera de hacerlo es enfocándose en generar contenido excelente primero.

Esto nos lleva a nuestra siguiente sección...

NO dejes de enfocarte en el contenido

Bajo ninguna circunstancia debe dejar de hacer lo que está haciendo para generar excelente contenido y dejarlo todo para concentrarse en Core Web Vitals.

Aquí hay una guía directamente de la fuente: Google...

“Si bien la experiencia de la página es importante, Google aún busca clasificar las páginas con la mejor información en general, incluso si la experiencia de la página es insatisfactoria. Una gran experiencia de página no anula tener un gran contenido de página”. – Comprender la experiencia de la página en los resultados de búsqueda de Google

En otras palabras, la experiencia de la página y los puntajes de velocidad del sitio son solo otros ingredientes en la compleja receta que utiliza Google para producir resultados de búsqueda y clasificaciones.

El contenido sigue siendo el rey.

El contenido relevante, útil, informativo y de alta calidad continuará superando a los competidores y otros sitios web porque, al final del día, un visitante busca contenido primero. La velocidad de la página es solo otra medida complementaria.

En Carrot, siempre nos hemos destacado en el lado del contenido de las cosas. ¡Ese es nuestro pan y mantequilla! Por lo tanto, si bien la actualización de la experiencia de la página de Google es ciertamente algo a tener en cuenta ahora y en el futuro, le recomendamos que continúe aprovechando nuestras herramientas e invirtiendo su tiempo, recursos y esfuerzos creativos para producir contenido relevante y de alta calidad por encima de todo. .

Otra nota: Core Web Vitals solo se aplicará a los resultados de búsqueda móvil. En nuestra red, vemos que casi el 40 % del tráfico entrante (¡y de las oportunidades de venta!) a los sitios de Carrot todavía se produce en computadoras de escritorio. Esos resultados de búsqueda de escritorio no se verán afectados por esta actualización en absoluto. Es por eso que el contenido sigue siendo tan importante.

Adopte un enfoque minimalista (¡y móvil primero!) Para el diseño

Debido a que esta actualización se aplica únicamente a la búsqueda móvil, subraya la importancia de adoptar un enfoque que dé prioridad a los dispositivos móviles al examinar el contenido y el diseño de su sitio web. Seamos realistas: el móvil se ha hecho cargo.

Como mencionamos, el 60 % del tráfico en nuestra red Carrot ocurre en un dispositivo móvil. Tenga esto en cuenta cuando piense en cómo diseñar e implementar contenido en su sitio. A veces menos es más.

Recientemente hicimos una serie de pruebas de conversión que reiteran este punto. Descubrimos que simplemente reducir la cantidad de contenido en la sección y el formulario principal de un sitio web podría aumentar las tasas de conversión hasta en un 50%.

Esta prueba confirmó nuestra teoría de que al reducir el desorden que ve un visitante, es más probable que interactúe con el formulario principal.

El mismo principio se aplica a la velocidad y el rendimiento del sitio. Cada elemento adicional que incluya en una página requiere recursos adicionales para procesar, representar y colocar ese elemento en la página. Eso da como resultado un tiempo adicional que tarda la página en cargarse.

En la imagen de la izquierda, el formulario es prominente y la carga de la página no está bloqueada por elementos con muchos recursos. En la imagen de la derecha, hay más elementos para cargar y el formulario se empuja "debajo del pliegue".

Los abusos más comunes de esto también suelen incorporar algunos de los elementos que requieren más recursos, como imágenes y videos colocados alrededor de la página, o en lo alto cerca de la parte superior de la página.

Si bien lo alentamos a continuar creando contenido excelente para resaltar su credibilidad y experiencia, también lo alentamos a que tenga en cuenta cómo y dónde lo implementa en su sitio. Ejecute instantáneas antes y después de agregarlo y vea cómo afecta sus puntajes.

Al final del día, el objetivo de su sitio es generar clientes potenciales. Con tantos usuarios ahora navegando en sus teléfonos, aumenta la importancia de mejorar la experiencia del usuario en más formas que solo la velocidad del sitio.

Al dar un paso atrás y considerar cómo algunos de sus elementos de contenido pueden desviar la atención de los elementos de conversión o afectar la experiencia de un visitante en su sitio, también tendrá la garantía de mejorar las métricas de velocidad de su sitio al mismo tiempo.

Tómese la optimización de imágenes en serio

Mientras estamos en la nota de contenido, entendemos que, naturalmente, habrá imágenes y gráficos que desee incluir para ayudar a resaltar su experiencia y mejorar la estética de su sitio.

Recomendamos encarecidamente estar al tanto de las diversas formas de asegurarse de no sobrecargar la velocidad y el rendimiento de su sitio al agregar imágenes.

Para ver ejemplos paso a paso, consulte nuestra guía de optimización de imágenes.

NO cargue su sitio con secuencias de comandos de seguimiento

Al igual que con los elementos de contenido, demasiados scripts de seguimiento innecesarios y códigos de terceros también pueden sobrecargar su sitio e impactar negativamente en sus puntuaciones de Core Web Vitals.

Se aplica el mismo concepto: cada secuencia de comandos o fragmento de código que agrega requiere más recursos para ejecutarse.

Lo entendemos: algunos scripts de seguimiento como Google Analytics, Google Ads y el píxel de Facebook pueden ser necesarios para su comercialización si está tomando decisiones de compra de anuncios en función de esas métricas. En este caso, hay que considerarlo una compensación.

A cambio de obtener visibilidad de esas métricas y conocimientos de seguimiento, está afectando negativamente la velocidad de su sitio marginalmente. ¿Qué es más importante para ti? En la mayoría de los casos, esos análisis de seguimiento superarán la velocidad del sitio.

Si no está utilizando estas herramientas de seguimiento de manera intensa y constante, tal vez considere lo que realmente necesita y de lo que puede deshacerse. Con el tiempo, la adición de secuencias de comandos individuales y fragmentos de código puede aumentar naturalmente si no se audita de forma rutinaria solo para las secuencias de comandos más necesarias. Esta es una de las variables más comunes que vemos cuando revisamos los resultados del informe de velocidad del sitio del cliente.

Nota: Esto también se aplica a cualquier script y servicio adicional de terceros, como chatbots, seguimiento de llamadas, etc.

Por último, NO te asustes...

Core Web Vitals y Page Experience Update de Google son ciertamente complicados, pero al tomarse el tiempo para comprender los conceptos básicos y combinarlos con el trabajo de nuestro equipo de ingeniería para optimizar su sitio, estará por delante de la mayoría de los propietarios de sitios.

Screaming Frog analizó 20 000 URL el año pasado, y solo el 12 % de los sitios móviles y el 13 % de los sitios de escritorio aprobaron la evaluación Core Web Vitals. Hay mucho trabajo para todos y estamos comprometidos a continuar brindándole los recursos y las actualizaciones que necesita.

Estamos agradecidos por una gran comunidad de miembros que realmente apoyan lo que estamos haciendo aquí en Carrot para ayudar a transformar la forma en que los agentes inmobiliarios e inversores de alto rendimiento utilizan Internet para hacer crecer su negocio inmobiliario.