Errores vitales comunes de Google Core Web y cómo solucionarlos

Google continúa causando conmoción entre los diseñadores y los especialistas en marketing que aún se están familiarizando con esta actualización, pero en realidad existen formas fáciles de implementar para abordar sus problemas más urgentes.

Por
Este artículo fue traducido de nuestra edición en inglés utilizando tecnologías de IA. Pueden existir errores debido a este proceso. Las opiniones expresadas por los colaboradores de Entrepreneur son personales.

Definido por Google como un análisis de "el rendimiento de sus páginas, basado en datos de uso del mundo real (a veces llamados datos de campo)", un informe de Core Web Vitals (CWV) mide la velocidad de carga de la página, la estabilidad visual y la capacidad de respuesta de la página durante un período de 28 días. período - con resultados basados en visitas reales al sitio. Esta evaluación de la experiencia del usuario es vital en parte porque afecta las clasificaciones de búsqueda. En mayo de 2021 se implementó una actualización de sus parámetros, y es justo decir que ha habido una confusión considerable en torno a la revisión en sí y las métricas asociadas a ella, lo que resulta en descuidos que afectan el rendimiento del sitio web. Es probable que surjan errores porque las empresas han sido bombardeadas con una gran cantidad de información sobre el tema de CWV desde el anuncio, y porque los profesionales de UX, los especialistas en marketing digital y los expertos en SEO, que han pasado años perfeccionando su oficio y aprendiendo exactamente lo que se necesita para brindar un usuario agradable. experiencia (y para lograr altos rankings de búsqueda) - están luchando por adaptarse.

Las tres métricas que utiliza Google para calificar la experiencia de un usuario son Cambio de diseño acumulativo (CLS), Pintura con contenido más grande (LCP) y Retraso de la primera entrada (FID). CLS se refiere a la frecuencia con la que los usuarios experimentan cambios inesperados en el diseño del sitio (por ejemplo, la posición de un botón o enlace se mueve cuando el usuario intenta hacer clic en él). La métrica que mide el tiempo que tarda en mostrarse la imagen o el bloque de texto más grande dentro de la ventana gráfica se denomina LCP. La métrica de rendimiento final, FID, mide el tiempo que los usuarios pasan esperando que un navegador responda a su entrada o interacción.

Relacionado: ¿Qué es la experiencia de la página de Google y por qué es importante?

Abordar los siguientes errores comunes ayudará a mejorar las puntuaciones:

Error 1: no optimizar el contenido en la mitad superior de la página

Las primeras impresiones importan. Cuanto más rápido sea visible el contenido gráfico para los visitantes del sitio web, más atractivo será el sitio. Sin embargo, debe asegurarse de que el contenido de la mitad superior de la página tenga prioridad para cargarse primero (¡es más fácil decirlo que hacerlo en HTML!) Y que, idealmente, sea minimalista. Ejemplos de contenido colocado por error en la mitad superior de la página (que impacta negativamente en CLS y FID) incluyen elementos insertados como Google Maps, feeds de redes sociales, audio de servicios de transmisión como SoundCloud o Mixtape, video personalizado o widgets que extraen datos de YouTube y Vimeo, galerías de fotos e imágenes. deslizadores.

Para evitar que los visitantes experimenten cambios de diseño inesperados y un retraso en la capacidad de respuesta, agregue todos los widgets de terceros y contenido enriquecido debajo de la página. En el caso de los widgets personalizados, busque técnicas óptimas de obtención y representación de datos, como la carga asincrónica y la obtención de datos del hilo principal del sitio (donde un navegador procesa los eventos y las pinturas del usuario).

Relacionado: Utilice estos trucos de diseño web para hacer crecer su negocio exponencialmente

Error 2: usar más de dos fuentes personalizadas

Es común que los diseñadores web usen fuentes de servicios como Google Fonts, Typekit y otras fuentes. Si no tiene cuidado al implementarlos, pueden agregar fácilmente peso adicional a la página y ralentizar su velocidad de carga. Las fuentes personalizadas también pueden hacer que las fuentes web parpadeen en las páginas que se están cargando, lo que crea una mala experiencia de usuario y puede aumentar el CLS, una métrica importante que mide la estabilidad total del contenido de una página.

Al corregir este error, los propietarios de sitios web pueden querer sacrificar el estilo al ceñirse a no más de dos familias de fuentes personalizadas y en tamaños limitados.

Error 3: mostrar varias imágenes en la mitad superior de la página

Las imágenes y los videos de fondo suelen ser los recursos más grandes que los navegadores descargan en un sitio, por lo que cuando hay varias imágenes o videos grandes en exhibición, puede haber una demora en LCP y un aumento en CLS porque el navegador tiene que descargar estos elementos antes de que lo hagan. se puede renderizar. Para los profesionales de la web que diseñan páginas para clientes en verticales que ponen énfasis en imágenes fijas y grabaciones fotográficas, la solución más eficaz sería colocar una sola imagen en la parte superior del pliegue y asegurarse de que la imagen se haya comprimido. Además, los videos y controles deslizantes con un máximo de tres imágenes o menos deben moverse hacia abajo en la página para mejorar aún más la puntuación CWV del sitio.

Error 4: no optimizar las imágenes

Una ocurrencia común en sitios con muchas imágenes es cuando las fotografías se cargan en el sitio y se muestran como están. Este error interrumpe el tiempo de carga, lo que hace que el usuario espere a que aparezcan las imágenes y tal vez salga de la página por completo, lo cual tiene un impacto negativo en la puntuación de CWV. Sin embargo, corregir este error es relativamente fácil. Antes de cargar una imagen en un sitio web, es necesario comprimirla y cambiar su tamaño. Comprimir imágenes implica ejecutarlas a través de un algoritmo especializado para reducir el tamaño total del archivo, mientras que cambiar el tamaño implica asegurarse de que las dimensiones cumplan con los requisitos de tamaño de la plantilla y de la ventana gráfica. Tener en cuenta el cambio de tamaño y la compresión antes, durante y después de la creación web garantizará que un sitio funcione sin problemas y siga cumpliendo con las especificaciones de clasificación de Google.

Relacionado: Confíe en un mejor servicio de fotografía de archivo para sus necesidades de diseño comercial

Error 5: usar demasiadas soluciones analíticas

En la web de hoy, es muy fácil agregar docenas de tecnologías de seguimiento como Google Analytics, Tag Manager, scripts de AdRoll y otras herramientas. Si bien es útil para informar la toma de decisiones basada en datos, la ejecución de estas implementaciones puede hacer que un sitio se cargue a un ritmo lento y arruinar la experiencia general del usuario. Por lo tanto, evalúe qué tecnologías de seguimiento son necesarias. Dicho esto, incluso los sitios web que requieren una cantidad considerable de herramientas de análisis tienen buenas posibilidades de aumentar su puntuación CWV, siempre que sus diseñadores utilicen una guía bien documentada para asegurarse de que el código de seguimiento se cargue correctamente y no perjudique la velocidad del sitio.

¿Es hora de repensar su CMS?

El desafío para rectificar todos los errores anteriores es que Google CWV requiere que los diseñadores y las empresas reconsideren los sitios actuales y cómo deben diseñarse. A medida que la empresa continúa publicando nuevas actualizaciones, es probable que las empresas y los profesionales web deban reevaluar su Sistema de gestión de contenido (CMS) o socio de plataforma si desean mejorar su puntaje CWV y mantener (o mejorar) su clasificación en Google.