Todo lo que necesita saber sobre Core Web Vitals de Google para pequeñas empresas
Core Web Vitals es ahora un factor de clasificación en el algoritmo de Google. Las pequeñas empresas, en particular, deben estar al tanto de los cambios que se están realizando con Core Web Vitals de Google y le daremos algunos consejos útiles para aprobar estas importantes métricas de experiencia en la página.
Esta publicación se vuelve técnica, así que no dude en compartirla con un desarrollador web. Echemos un vistazo a Core Web Vitals.
Relacionado: Guía de SEO para principiantes: optimización de motores de búsqueda para sitios web de pequeñas empresas
¿Cuáles son los elementos fundamentales de la Web de Google?
Core Web Vitals de Google es el conjunto principal de métricas que utiliza Google para medir la experiencia de la página.
Los tres componentes clave de Core Web Vitals incluyen la pintura de contenido más grande (LCP), el retraso de la primera entrada (FID) y el cambio de diseño acumulativo (CLS).
Estos tres componentes ayudan a Google a garantizar una experiencia útil y agradable para las personas cuando visitan una página web.
En esta sección, analizaremos más de cerca estos tres componentes de Core Web Vitals y cómo cambiarán como señales de búsqueda para la experiencia de la página.
Cargando: Pintura más grande con contenido (LCP)
La pintura de contenido más grande (LCP) mide el tiempo de carga del contenido principal de una página web. Un LCP rápido proporciona rápidamente a las personas la información que solicitan para garantizar una experiencia útil. Los tiempos de carga lentos y las puntuaciones LCP altas pueden producir una experiencia frustrante al buscar información.
¿Qué es una buena puntuación LCP? Google considera que una buena experiencia de usuario es una puntuación de LCP de 2,5 segundos o menos. Una mala experiencia de usuario se define por una puntuación LCP de 4.0 segundos o más. Cualquier puntuación de LCP entre 2,5 segundos y 4,0 segundos es una experiencia de usuario que necesita mejoras.
¿Cómo puede averiguar su puntuación LCP? La forma más sencilla es utilizar PageSpeed Insights, una herramienta de Google que analiza el contenido de una página web y genera sugerencias para hacer que esa página sea más rápida.
Para un análisis más confiable de LCP, el informe Core Web Vitals en Google Search Console utiliza datos de uso del mundo real (datos de campo basados en métricas de usuarios reales) para mostrar el rendimiento de la URL agrupado por estado (Bueno, Necesita mejorar o Deficiente).
¿Cómo puede mejorar su puntuación LCP? Los problemas de carga más comunes para los sitios web de pequeñas empresas pueden incluir cosas como tiempos de respuesta lentos del servidor, archivos de gran tamaño o tiempos de carga prolongados para recursos críticos. Abordar estos problemas y las sugerencias específicas hechas por PageSpeed Insights deberían ayudar a mejorar la puntuación de LCP y los tiempos de carga.
Para obtener más información, esta guía sobre cómo mejorar LCP debería ayudarlo a usted oa un desarrollador web a comenzar a mejorar sus puntajes.
Interactividad: Retraso de la primera entrada (FID)
First Input Delay (FID) mide el tiempo de interactividad entre la acción del usuario y la respuesta del navegador. Un FID rápido permite a las personas interactuar rápidamente con un sitio web para garantizar que una página web sea utilizable.
Los tiempos de interactividad lentos y las puntuaciones FID altas pueden impedir que las personas completen acciones como comprar, iniciar sesión o hacer clic en botones.
¿Qué es una buena puntuación FID? Google considera que una buena experiencia de usuario es una puntuación FID de 100 ms (milisegundos), o menos de una décima de segundo. Una mala experiencia de usuario se define por una puntuación FID de 300 milisegundos, o más de un tercio de segundo. Cualquier puntuación FID entre 100 milisegundos y 300 milisegundos es una experiencia de usuario que necesita mejoras.
¿Cómo puede averiguar su puntaje FID? Dado que FID es una métrica de campo, se requiere una interacción real del usuario para producir una puntuación FID. Sin embargo, la herramienta Informe de experiencia del usuario de Chrome puede proporcionar valores FID del mundo real agregados en el nivel de origen.
Además, para ayudar a los propietarios de sitios a obtener una mejor visibilidad de FID, PageSpeed Insights está comenzando a mostrar el retraso de la primera entrada en informes basados en un período de recopilación de 28 días.
¿Cómo puede mejorar su puntuación FID? Los problemas de interactividad más comunes para los sitios web de pequeñas empresas pueden incluir cosas como una gran ejecución de JavaScript, scripts lentos de terceros o contenido renderizado del lado del servidor. Abordar estos problemas e identificar las tareas largas que afectan a la FID en las herramientas para desarrolladores de Chrome debería ayudar a mejorar la FID y la interactividad.
Para obtener más información, esta guía útil sobre cómo mejorar el retardo de la primera entrada debería ayudarlo a usted oa un desarrollador web a comenzar a mejorar la FID.
Estabilidad visual: cambio de diseño acumulativo (CLS)
Cambio de diseño acumulativo (CLS) mide la estabilidad visual mediante el análisis de cambios de diseño de contenido en una ventana gráfica. Un buen CLS muestra contenido con cambios mínimos para ayudar a las personas a tener una experiencia agradable al hacer cosas como leer las noticias.
Los puntajes altos de CLS pueden indicar cambios repentinos de contenido, lo que puede confundir a las personas cuando estaban a punto de hacer clic en algo, solo para que se mueva.
¿Qué es una buena puntuación CLS? Google considera que una buena experiencia de usuario tiene una puntuación CLS de 0,1 o menos. Una mala experiencia de usuario se define por una puntuación CLS de 0,25 o más. Cualquier puntuación CLS entre 0,1 y 0,25 es una experiencia de usuario que necesita mejoras.
¿Cómo puede averiguar su puntuación CLS? Afortunadamente, Google proporciona puntuaciones CLS fáciles de entender a través de PageSpeed Insights. Las herramientas de desarrollo de Chrome también tienen una función de panel de rendimiento que resalta los cambios de diseño acumulativos en una vista de resumen para proporcionar una puntuación para las áreas de un sitio web.
¿Cómo puede mejorar su puntuación CLS? Los problemas de estabilidad visual más comunes para los sitios web de pequeñas empresas pueden incluir cosas como especificar las dimensiones de la imagen, asignar espacio estático para los anuncios o insertar contenido dinámico por encima del contenido existente.
Abordar estos problemas e identificar los elementos que afectan a CLS en las herramientas para desarrolladores de Chrome debería ayudar a estabilizar el contenido.
Para obtener más información, esta guía útil sobre cómo mejorar el cambio de diseño acumulativo debería ayudarlo a usted oa un desarrollador web a comenzar a mejorar CLS.
¿Qué significa Core Web Vitals de Google para los propietarios de pequeñas empresas con sitios web?
Brindar una experiencia de usuario de calidad a los visitantes del sitio web es importante para el éxito a largo plazo de cualquier pequeña empresa. Ya sea que sea dueño de una pequeña empresa, haga marketing digital o desarrolle sitios web, Core Web Vitals es una oportunidad para mejorar la experiencia del cliente y tal vez experimentar un impulso en la clasificación de los motores de búsqueda.
Core Web Vitals puede parecer muy técnico, pero la guía para mejorar la experiencia de la página debería permitir que una pequeña empresa se concentre en las métricas que más importan. Si bien esas métricas evolucionarán con el tiempo a medida que los motores de búsqueda ganen más confianza en los datos, Core Web Vitals es un punto de partida para mejorar la experiencia del usuario.
Es comprensible que los propietarios de pequeñas empresas tengan una variedad de preguntas sobre Core Web Vitals y SEO técnico. Lo importante es comenzar a tomar medidas para mejorar la experiencia de su sitio web. La actualización de Core Web Vitals puede demorar años en impactar por completo las clasificaciones de búsqueda, tal como lo han demostrado las actualizaciones oficiales de algoritmos sobre HTTPS, Mobile-First y Safe Browsing.
Exploremos cómo puede comenzar a tomar medidas para aprobar Core Web Vitals.
Cómo aprobar Core Web Vitals: 9 consejos para pequeñas empresas
¿Qué acciones están tomando otras pequeñas empresas para aprobar los Core Web Vitals de Google?
Para ayudarlo a aprobar los Core Web Vitals de Google, preguntamos a propietarios de pequeñas empresas, especialistas en marketing digital y desarrolladores web sobre las acciones que están tomando con sus sitios web. Desde la utilización de CDN hasta el cambio de enfoque hacia la experiencia de UX, aquí hay nueve consejos que le ayudarán a aprobar los Core Web Vitals de Google:
- Contrata a un desarrollador web
- Utilice herramientas de laboratorio y de campo
- Optimice las interacciones de la base de datos
- Habilitar la compresión
- Utilizar CDN
- Comprender LCP, CLS y FID
- Actuar según las sugerencias de PageSpeed Insights
- Aproveche los complementos de WordPress
- El viaje apenas comienza
Relacionado: Marcar el SEO de los clientes antes de la actualización de Google Page Experience
Contrata a un desarrollador web
Durante meses, intentamos internamente aprobar los Core Web Vitals de Google por nuestra cuenta. Descargamos y probamos complementos de WordPress, optimizamos nuestro alojamiento, servidor y almacenamiento en caché, y pasamos innumerables horas ejecutando URL de página a través de PageSpeed Insights. Después de todo eso, llegamos a la conclusión de que era hora de contratar a un desarrollador web para optimizar nuestro sitio web. Me alegro de haberlo hecho.
En un par de meses, el desarrollador reconstruyó nuestro sitio, aprobó Core Web Vitals de Google y mejoró nuestra puntuación de PageSpeed.
Para cualquier propietario de una pequeña empresa que no haya explorado el diseño o la actualización de un sitio web en los últimos años, lo animo a que considere contratar a un desarrollador web y mida el ROI a través del rendimiento de búsqueda y nuevos clientes potenciales.
Carey Wilbur, Capital de Charter
Utilice herramientas de laboratorio y de campo
Muchos propietarios de pequeñas empresas han acudido a nosotros durante los últimos meses buscando aprobar Core Web Vitals. Hemos experimentado e investigado casi todo, desde el cambio de creadores de páginas hasta la instalación de complementos de WordPress y la reconstrucción de sitios web completos.
Lo que deben recordar los propietarios de pequeñas empresas es que no existe exactamente una solución única para todos para pasar Core Web Vitals. Cada sitio web es único, y es importante utilizar herramientas de laboratorio y de campo para llegar a la solución adecuada para mejorar la experiencia de la página y aprobar Core Web Vitals para su sitio web.
Melanie Cooper, Cooper Bold Interactive
Optimice las interacciones de la base de datos
Core Web Vitals de Google se centra en asegurarse de que su sitio sea ágil, receptivo y, sobre todo, rápido. Cuando un sitio está cargando datos, independientemente de los datos, los está extrayendo de una llamada de servicio web que probablemente obtenga esos datos de un servicio web. Lo más importante que puede hacer para asegurarse de que su sitio apruebe los Core Web Vitals de Google es asegurarse de que todas las interacciones de su base de datos estén lo más optimizadas posible.
No puedo decirle cuántas veces he visto un nivel medio de Java sentado encima de una base de datos que simplemente consultará la base de datos, obtendrá un conjunto de datos enorme, solo para luego pasar tiempo en Java filtrando los datos. Ese filtrado se puede realizar en la base de datos, lo que reduce en gran medida el tiempo de procesamiento requerido.
Mark Varnas, rojo 9
Habilitar la compresión
La métrica de Core Web Vitals que afecta a la mayoría de los sitios web es Largest Contentful Paint (LCP), que mide qué tan rápido se carga el contenido principal de una página web. Si bien otras métricas como Cambio de diseño acumulativo (CLS) y Retraso de la primera entrada (FID) pueden afectar la experiencia de la página, LCP parece estar afectando a la mayoría de los sitios que hemos evaluado.
Un enfoque simple, “hágalo usted mismo” para mejorar LCP es habilitar la compresión. Al habilitar la compresión, puede tener hasta un 90% de reducción en la respuesta transferida entre el servidor y el cliente, lo que puede mejorar significativamente el LCP al mejorar los tiempos de carga.
Brett Farmiloe, Markitors
Utilizar CDN
La utilización de redes de entrega de contenido (CDN) es algo que la mayoría de los sitios web pueden hacer para mejorar las puntuaciones más altas de pintura con contenido (LCP) con Core Web Vitals. Las CDN mejoran el LCP al reducir el tiempo de carga de la página para grandes recursos. Al almacenar en caché el contenido y entregarlo a un visitante del sitio web, un CDN descarga las solicitudes de recursos que pueden atascar la carga del contenido principal en una página. Para nuestro sitio de dentaduras postizas, la CDN almacena imágenes en caché y permite que nuestras páginas se carguen más rápidamente.
Henry Babichenko, Eurodenture
Comprender LCP, CLS y FID
Comenzamos por comprender mejor tres métricas clave que tienen el mayor impacto en Core Web Vitals. Estos son LCP (pintura con contenido más grande), CLS (cambio de diseño acumulativo) y FID (retardo de primera entrada). De esta manera, podríamos medir mejor cómo estamos impactando el objetivo final. Comenzamos la optimización observando cómo se carga nuestra página en un gráfico de cascada. De esta manera, podríamos optimizar cada script que necesitábamos para mantener o eliminar los que no eran esenciales.
Movimos algunas de las acciones de JS al backend para que no afectaran el tiempo de renderización del navegador. También verificamos si los scripts que estamos cargando están comprimidos y almacenados en caché. Luego, verificamos si alguna ventana emergente, como un aviso de cookies o un banner, no está cambiando el contenido al cargar la página.
Tom Winter, ojo uno
Actuar según las sugerencias de PageSpeed Insights
Con la fecha límite para tener Core Web Vitals en orden acercándose rápidamente, hemos estado revisando cada problema planteado en PageSpeed Insights de Google con un peine de dientes finos, con el objetivo de mejorar también nuestros Core Web Vitals. Esto incluye haber hecho algunas de las recomendaciones más básicas que se encuentran allí, como eliminar CSS no utilizado, a pasos más grandes como renovar completamente nuestro tema y diseño de publicación estándar.
Esto ha dado como resultado algunos cambios bastante simples que tienen una gran influencia en nuestra puntuación de Core Web Vitals.
Por ejemplo, anteriormente incluimos una imagen destacada en la parte superior de cada publicación de blog, pero moverla más hacia abajo en cada publicación para que esté «debajo de la página» ha tenido un efecto masivo en la mejora de First Contentful Paint. También nos hemos actualizado a un mejor host para garantizar que tanto First como el más grande Contentful Paint estuvieran al día, literalmente.
Anna Barker, dólar lógico
Aproveche los complementos de WordPress
Cuando consultamos con los desarrolladores web, quedó claro que un rediseño completo del sitio web iba a ser realmente caro. Dado nuestro objetivo de aprobar Core Web Vitals, fue difícil para mí sentirme bien por pagar los altos costos del proyecto cuando básicamente estábamos reconstruyendo nuestro mismo sitio web.
En cambio, decidimos buscar un complemento de WordPress como Nitropack que aceleraría nuestro sitio sin preparación u otras optimizaciones. Con una actualización de nuestro tema, algunas correcciones de tema manuales y una instalación del complemento, podríamos mejorar la experiencia de nuestra página y los tiempos de carga. Además, ayudó a ganar algo de tiempo para que apareciera una mejor solución para el problema de actualizar sitios basados en códigos cortos sin requerir reconstrucciones manuales completas.
Eric Blumenthal, la autoridad de impresión
El viaje apenas comienza
Habían pasado aproximadamente cinco años desde la última vez que actualizamos nuestro sitio web, y Core Web Vitals de Google nos dio un impulso adicional hacia el rediseño del sitio web. Lo que nos inspiró a seguir adelante es que este es solo el comienzo del impulso de Google para priorizar la experiencia del usuario en la web.
A lo largo de los años, esperamos ver más métricas de Google centradas en hacer que las experiencias de los usuarios sean más agradables y útiles.
Al actuar ahora y rediseñar nuestro sitio, sabemos que estamos mejor preparados para el viaje que tenemos por delante.
Denise Gredler, Mejores empresas AZ
Próximos pasos
Core Web Vitals es algo que el propietario de una pequeña empresa, un comercializador digital o un desarrollador de sitios web pueden hacer para mejorar la experiencia del cliente en su sitio web.
Este artículo es un excelente punto de partida para comprender los elementos básicos de la Web de Google y los pasos que debe seguir para ofrecer una buena experiencia en la página.
Asegúrese de compartir este artículo con su equipo o desarrollador de sitios web externo para que su proyecto pueda centrarse en las métricas que importan.
Manténgase actualizado sobre Core Web Vitals siguiendo el blog de desarrolladores de Google. Conozca los recursos proporcionados por Web.dev que detallan cómo mejorar. Utilice herramientas de datos de campo como PageSpeed Insights para identificar formas sugeridas de mejora.
El paso más difícil de emprender en un viaje de mejora suele ser el primero. Con suerte, estas definiciones y conocimientos lo ayudarán a mejorar la experiencia de sus clientes y, como resultado, aumentarán su clasificación de búsqueda.
