Cómo los sitios web de comercio electrónico deben optimizarse para Core Web Vitals

Administrar una tienda en línea puede ser difícil. Pones sangre, sudor y lágrimas en tu negocio, perfeccionando tus productos e investigando a tu público objetivo, y justo cuando sientes que estás al mando, bam . Google lanza un nuevo factor de clasificación que tiene el poder de poner patas arriba las SERP.

Estoy hablando de Core Web Vitals de Google, el conjunto de factores de clasificación que priorizan la experiencia del usuario. ¿Por qué son tan importantes? Bueno, están teniendo un gran impacto en las clasificaciones: si desea permanecer en la parte superior de los resultados de búsqueda de Google, debe prestar atención a Core Web Vitals.

¿Qué son los principales web vitals?

Core Web Vitals es un conjunto de tres factores de clasificación que forman parte de la señal de clasificación general de "Experiencia de la página". Los tres Core Web Vitals son:

• Pintura con contenido más grande (LCP): Esto mide cuánto tiempo tarda en cargarse el contenido principal de su página. ¡Debes apuntar durante 2,5 segundos o menos!
• First Input Delay (FID): su página debería tardar menos de 100 milisegundos en volverse interactiva.
• Cambio de diseño acumulativo (CLS): ¿Alguna vez ha notado que el contenido salta cuando intenta cargar una página? ¡Eso es cambio de diseño acumulativo! Debe aspirar a una puntuación de menos de 0,1 para CLS.

Estas tres métricas están diseñadas para mejorar la experiencia del usuario. A nadie le gustan las páginas que se cargan lentamente o el contenido que salta mientras se carga, así que eso es lo que Google está tratando de erradicar de sus mejores resultados.

¿Por qué Core Web Vitals es importante para el comercio electrónico?

La historia corta es que las clasificaciones son importantes para alentar el tráfico a su sitio y aumentar las conversiones. Cuanto más baja sea su clasificación en Google, menos tráfico puede esperar y peores serán sus ventas.

Si obtiene una puntuación baja en Core Web Vitals de Google, esto afectará su clasificación en los resultados de búsqueda.

Y, por otro lado, la optimización de su tienda para Core Web Vitals de Google podría hacer que su sitio suba en las clasificaciones. Especialmente si puede ofrecer una mejor experiencia de usuario que sus competidores: ¡estas nuevas métricas de clasificación brindan una gran oportunidad para ascender en las páginas de resultados!

¿Cómo han afectado Core Web Vitals a los creadores de comercio electrónico?

Si ejecuta su tienda en WordPress u otro CMS, tiene mucho control sobre factores como las velocidades de carga, porque tiene una personalización total sobre su tienda. Pero, ¿qué sucede si usa un creador de sitios web de comercio electrónico como Shopify? No puede cambiar el alojamiento ni editar el código de su sitio, porque todo está integrado.

Website Builder Expert analizó más de 3000 URL en computadoras de escritorio y dispositivos móviles para ver exactamente qué tan bien se estaban desempeñando los creadores de comercio electrónico populares en comparación con Core Web Vitals de Google. Ellos probaron:

Su investigación muestra que el rendimiento móvil es bastante decepcionante en todos los ámbitos, lo que es preocupante para los propietarios de tiendas, ya que Google generalmente indexa las versiones móviles de los sitios en lugar de las versiones de escritorio.

La mejor puntuación de rendimiento móvil es Shift4Shop con 57,28, que se encuentra dentro del grupo de puntuación de "Necesita mejorar" de Google. ¡Las otras seis plataformas recibieron una puntuación de "Pobre"!

La investigación también muestra que Shopify tiene los tiempos de respuesta de servidor más rápidos tanto en dispositivos móviles como de escritorio. Google recomienda apuntar a menos de 600 milisegundos cuando se trata del tiempo de respuesta del servidor, en el que Shopify se encuentra fácilmente:

Los mejores creadores de comercio electrónico para cada métrica Core Web Vital específica son:

• LCP: Volusion es el más rápido en el escritorio y recibió una puntuación de "Bueno" con 2,05 segundos
• FID: Shift4Shop es mejor para dispositivos móviles y de escritorio
• CLS: Wix es mejor en el escritorio con una puntuación de "Bueno" de 0,06

¿Cómo puede probar y optimizar su tienda?

Está muy bien decir que es importante optimizar su tienda para Core Web Vitals de Google, pero ¿cómo puede hacerlo exactamente?

#1. Pruebe su sitio

El primer paso es averiguar exactamente cómo se está desempeñando su tienda en este momento. ¡Esto te ayuda a saber por dónde empezar! Vaya a la herramienta gratuita PageSpeed ​​Insights de Google e ingrese su URL. Analizará la URL y proporcionará una puntuación general, además de un desglose que muestra dónde necesita mejorar, ¡y dónde lo está haciendo bien!

Además de un puntaje general de 100, recibirá puntajes individuales para cada uno de los Core Web Vitals. Estos son algunos consejos rápidos para mejorar métricas específicas:

• Para mejorar LCP... intente agregar sugerencias de precarga a HTML, ya que esto le dice al navegador qué elementos deben cargarse antes.
• Para mejorar la FID… intente reducir la cantidad de aplicaciones que está usando; evite confiar demasiado en JavaScript y habilite la carga diferida si tiene muchas imágenes.
• Para mejorar CLS... especifique las dimensiones de su contenido, especialmente si se carga lentamente, como las imágenes. ¡Arregle también la colocación de anuncios y banners en su página!

#2. Usa plantillas simples

Las plantillas simples usan mucho menos código que las complejas, por lo que si puede elegir un diseño simple y liviano en lugar de uno complicado, ¡esto puede hacer maravillas para la velocidad de su página!

#3. Limite sus aplicaciones y complementos

El uso de demasiadas aplicaciones o complementos puede ralentizar seriamente su sitio: ¡el código de terceros puede ser bastante pesado! El uso de demasiadas aplicaciones puede afectar particularmente su puntaje FID, por lo que si esta es un área en la que necesita mejorar, es hora de ser despiadado con la cantidad de aplicaciones que ha instalado.

#4. Consulta tu plan

Si usa un CMS como WordPress, puede evaluar si está en el plan de alojamiento adecuado. Sin embargo, si usa un creador de sitios web de comercio electrónico, como Shopify o BigCommerce, no puede cambiar su alojamiento.

En cambio, verifique si todavía tiene el plan correcto para el tamaño de su tienda. Algunos constructores aumentan el almacenamiento y el ancho de banda cuanto más paga, por lo que la actualización puede ayudar a que su sitio funcione mejor si ha superado los recursos de su plan actual.

#5. Optimizar Imágenes

La optimización de imágenes reduce el tamaño del archivo sin afectar la calidad. ¡Esto es especialmente importante para las tiendas en línea porque es probable que tenga muchas imágenes de productos en su sitio!

Uno de los mayores beneficios de optimizar sus imágenes es que ayuda a reducir los tiempos de carga. Si la velocidad es un problema para su tienda, definitivamente intente esto: puede usar herramientas en línea gratuitas como Kraken.io o TinyPNG para comprimir imágenes antes de agregarlas a su sitio.

#6. Identifica tu elemento más grande

Ninguna de las plataformas de comercio electrónico probadas por Website Builder Expert pasó LCP en dispositivos móviles; es una métrica difícil de dominar. Las imágenes grandes y JavaScript son dos de las principales razones de las bajas puntuaciones de LCP, y para los sitios de comercio electrónico, la incorporación de reseñas de terceros también puede ser un problema.

No asuma que sabe cuál es el elemento más grande en sus páginas. ¡No puede comenzar a mejorar su puntaje LCP si usted y Google tienen ideas diferentes sobre qué elemento es el LCP (Largest Contentful Paint)!

Para averiguar qué elemento es su LCP, use PageSpeed ​​Insights: ¡se lo indica en la sección de diagnóstico del análisis de su página! Una vez que sepa qué elemento es su LCP, puede concentrarse en asegurarse de que se cargue en menos de 2,5 segundos. Por ejemplo, si es una imagen grande, intente comprimirla o reemplazarla por una de menor tamaño.

#7. Centrarse en la experiencia móvil

La investigación de Website Builder Expert muestra que los sitios móviles luchan por cumplir con los requisitos Core Web Vital de Google. Esto se debe en parte a que los creadores de sitios web de comercio electrónico necesitan trabajar en su rendimiento móvil, pero también muestra cuántas tiendas no están optimizadas correctamente para los usuarios móviles.

Puede adelantarse a la competencia prestando mucha atención a la experiencia móvil de su tienda. Algunas maneras en que puede comenzar con esto incluyen:

• Usando la herramienta de prueba de compatibilidad con dispositivos móviles de Google, es gratis y todo lo que tiene que hacer es ingresar su URL y hacer clic en "Probar URL". ¡Recibirás un resultado que te dirá si tu página es compatible con dispositivos móviles o no!
• Habilitación de páginas móviles aceleradas (AMP) : este es un marco HTML de código abierto que ayuda a que las páginas se carguen más rápido.
• Comprobación de su diseño móvil : algunas plataformas le permiten ver e incluso editar su vista móvil. Esto ayuda a garantizar que el contenido se vea bien en diferentes dispositivos.

#8. Usar un CDN

Una red de entrega de contenido (CDN) almacena sus datos en múltiples ubicaciones: los visitantes se conectan al servidor más cercano a ellos, lo que ayuda a que su sitio se cargue más rápido. Google favorece los sitios de carga más rápida, razón por la cual un CDN es tan útil. Hay mucho para elegir: los populares incluyen Cloudflare y Fastly, ¡pero algunos desarrolladores como Wix vienen automáticamente con un CDN incorporado!

#9. Mantenga su diseño simple

Evite mucho contenido dinámico para lograr una mejor puntuación CLS. Muchos anuncios en movimiento o ventanas emergentes interrumpen su diseño y pueden hacer que el contenido salte durante la carga. Si usa un diseño más fijo, su página experimentará menos cambios y su puntaje CLS debería mejorar.

#10. Manténgase al tanto de sus prácticas habituales de SEO

Si bien todos se esfuerzan por optimizar para Core Web Vitals, puede ser fácil olvidarse de estar al tanto de todas las mejores prácticas habituales de SEO que suele seguir. La optimización de Core Web vitals por sí sola no es suficiente para asegurar su lugar en las clasificaciones. ¡Asegúrese de mantenerse al día con su estrategia de SEO actual también!

Resumen

Por lo tanto, Core Web Vitals es bastante vital para el éxito a largo plazo de su tienda. Cuanto mejor se desempeñe en comparación con Core Web Vitals, mejor debería ser su clasificación y más tráfico debería recibir.

La buena noticia es que, debido a que Core Web Vitals de Google se trata de brindar una excelente experiencia de usuario, ¡cuanto mejor obtenga su puntaje, más felices deberían estar sus clientes!