Core web vitals y formas de mejorar WordPress

Ya sabe que debe centrarse más en la UX para obtener una mejor clasificación en Google de sus páginas web. Ahora, eso es más importante que nunca, ya que Google prepara su actualización de mayo de 2021 para medir Core Web Vitals. Con esta nueva actualización de Google, las páginas web que se encuentran dentro de una clasificación específica para tres métricas que mejoran la experiencia del usuario obtendrán un aumento de clasificación.

¿Cuáles son los elementos fundamentales de la Web de Google?

Esos tres elementos fundamentales de la Web son:

• Pintura con contenido más grande (LCP)
• Cambio de diseño acumulativo (CLS)
• Retardo de la primera entrada (FID)

Las tres señales vitales centrales de la Web

La adición de los tres Core Web Vitals significa que habrá un cambio en cómo funciona el ranking de optimización de motores de búsqueda. Las tres métricas miden la carga, la interactividad y la estabilidad visual. Y aunque no anulan la necesidad de tener contenido relevante, Google se apresura a señalar que, para varias páginas que tienen contenido similar, la experiencia del usuario se vuelve mucho más importante para la visibilidad en la Búsqueda. Esto es lo que necesita saber sobre esas tres métricas:

Pintura con contenido más grande (LCP)

La pintura con contenido más grande (LCP) tiene que ver con la velocidad de carga. Google sabe que los usuarios suelen abandonar un sitio web si tarda más de dos segundos en cargarse. LCP mide qué tan rápido se carga una página y está lista para que un usuario interactúe con ella. Con el nuevo Core Web Vitals, si el 75% del contenido de su sitio web se carga en menos de 2,5 segundos, Google lo clasifica como bueno.

Cambio de diseño acumulativo (CLS)

A medida que se cargan las páginas, los usuarios se sienten frustrados si el diseño cambia durante el proceso de carga. Google clasifica el cambio de diseño acumulativo (CLS) en una escala de 0 a 1. Si sus páginas no tienen cambios, obtiene un «0». Para ser calificado como «bueno», debe tener una puntuación de 0,1 o menos.

Retardo de la primera entrada (FID)

First Input Delay (FID) tiene que ver con el tiempo que las páginas de su sitio web tardan en volverse interactivas después de cargarse. Por ejemplo, esta métrica mide la rapidez con la que sus páginas están listas para que un usuario escriba en un cuadro de inicio de sesión, haga clic en un enlace o seleccione de un menú desplegable. Una buena puntuación de Google FID es menos de 100 milisegundos.

Cómo comprobar los elementos básicos de la Web

Cuando agrega un sitio a The Hub en GoDaddy Pro, puede activar y ejecutar una verificación de rendimiento, que escaneará el sitio en busca de cualquier cosa que esté causando tiempos de carga lentos. Esta es una excelente manera de ajustar su sitio para que se alinee con Google Core Web Vitals. Para verificar más a fondo Core Web Vitals, también puede probar estas herramientas:

Consola de búsqueda de Google

Google Search Console (GSC) es otra herramienta gratuita de Google para monitorear, administrar y mejorar su sitio web al verificar Core Web Vitals. Para utilizar esta herramienta, simplemente inicie sesión en su cuenta de Google y luego abra GSC. Agregue su sitio web como una propiedad a GSC y verifique su cuenta. Abra el informe Core Web Vital para ver el rendimiento de sus páginas agrupadas por estado, tipo de métrica y grupo de URL (grupos de páginas web similares) o el Informe de experiencia de página más reciente. Cuando vea páginas que necesitan atención, use la herramienta PageSpeed ​​Insights para diagnosticar problemas por página.

PageSpeed ​​Insights

PageSpeed ​​Insights (PSI) de Google analiza el contenido de una página web en dispositivos móviles y de escritorio y luego proporciona sugerencias para hacer que la página sea más rápida. PSI funciona con otra herramienta de Google, Lighthouse, y convertirá las puntuaciones de rendimiento por página en una puntuación de entre 1 y 100. Una puntuación de entre 90 y 100 lo califica como un indicador «bueno» de Google. Para usar PSI, navegue hasta la herramienta PSI, ingrese la URL de la página web y recibirá sus puntajes de desempeño.

DevTools de Chrome

Utilice Chrome DevTools integradas en el navegador Google Chrome para ayudar a monitorear Core Web Vitals. El Monitor de rendimiento puede ofrecer una vista en tiempo real del rendimiento de la carga y el tiempo de ejecución. La superposición de Core Web Vitals le brinda información de un vistazo sobre el rendimiento de la página para LCP, FID y CLS

Faro

Lighthouse, disponible en Chrome DevTools, es una herramienta de auditoría automatizada que simplifica el trabajo de diagnosticar problemas y mejorar la experiencia del usuario por página web. Para usar Lighthouse, vaya a la pestaña Lighthouse y haga clic en Generar informe. Verá la puntuación de la página para LCP, FID y CLS.

Extensión Web Vitals

Cuando instala Web Vitals Extension para Chrome, puede medir las tres métricas de Core Web Vitals. Puede profundizar en los valores de métricas individuales, que pueden ser especialmente útiles al desarrollar un sitio web en un escritorio.

Cómo mejorar los elementos básicos de la web en WordPress

¿Está listo para pasar la prueba de Core Web Vitals para su sitio de WordPress? Esto es lo que debe hacer:

Cómo mejorar la pintura con contenido más grande en WordPress

Una de las tres métricas en las que Google quiere que su sitio de WordPress se destaque es la pintura de contenido más grande (LCP), o el tiempo que tarda en hacerse visible el elemento de contenido más grande en la ventana gráfica de una página. Si las pruebas comparativas muestran que necesita mejorar en esta área, pruebe estos consejos:

Las imágenes llaman la atención y pueden ser el elemento más grande de una página. Para ayudarlos a renderizarse rápidamente (y mejorar su calificación LCP), asegúrese de que sus imágenes estén optimizadas. Cambie el tamaño y comprima las imágenes de su página. Además, intente ofrecer imágenes adaptables para que alguien que utilice un dispositivo móvil obtenga imágenes de menor resolución que alguien que utilice una computadora de escritorio.

Un servicio de alojamiento con un tiempo de respuesta de servidor rápido puede marcar la diferencia en una renderización más rápida y mejorar su puntuación LCP. Vea cómo el alojamiento de WordPress administrado por GoDaddy puede ayudar con un alojamiento rápido y seguro.

Para ayudar a su servidor a entregar contenido más rápido, habilite el almacenamiento en caché de la página. Las páginas de su sitio se almacenarán como archivos HTML después de que la página se cargue por primera vez, mostrando el contenido más rápido.

Cómo mejorar el cambio de diseño acumulativo en WordPress

Si el puntaje CLS de su sitio de WordPress no lo está ayudando a lograr una buena calificación de Google, puede mejorar su puntaje probando estas soluciones:

Las fuentes personalizadas pueden hacer que su diseño cambie. Las fuentes predeterminadas no causarán CLS. Apegarse a solo dos o tres fuentes nativas de su tema de WordPress puede ayudar a reducir CLS. Sin embargo, si necesita utilizar fuentes personalizadas, puede precargar el archivo de fuente para el contenido en la parte superior de su página web. También puede alojar archivos de fuentes de Google localmente y precargarlos de esa manera.

Si usa CSS para cambiar el tamaño de las imágenes, el navegador comenzará a descargar imágenes para determinar el tamaño y asignar espacio. Esto puede crear CLS. Para evitar el problema del desplazamiento, cambie el tamaño de las imágenes utilizando la relación de aspecto. Esto permitirá que el navegador calcule los espacios necesarios para las imágenes y reducirá el riesgo de CLS.

Las animaciones son una de las principales razones por las que el diseño de la página puede cambiar durante la carga. Al agregar animaciones a las páginas de WordPress, asegúrese de usar la propiedad de transformación CSS para transformar la escala y mover los elementos de animación.

Cómo mejorar el retardo de la primera entrada en WordPress

Para mejorar las puntuaciones de FID en su sitio de WordPress, debe asegurarse de que el navegador responda rápidamente a la interacción de un usuario. Prueba estas opciones:

Los JavaScripts pueden obstaculizar la interacción del usuario. Para mejorar FID, elimine los JavaScripts no deseados y conserve solo lo esencial. Por ejemplo, si no usa creadores de páginas, desactive la carga de su JavaScript. También puede detener los JavaScripts que bloquean el procesamiento.

• Limpiar complementos y temas

Si su sitio tiene complementos no utilizados y temas desactualizados, estos afectarán a FID. Mejore la velocidad y el rendimiento de su sitio limpiando complementos y eliminando temas no deseados.

El hilo principal es donde el navegador procesa la mayoría de las tareas necesarias para cargar la página. Para mejorar las puntuaciones de FID, minimice el trabajo del hilo principal aplazando los archivos CSS.

Otras formas de mejorar los elementos fundamentales de la Web

Hay otras formas de mejorar el rendimiento de su sitio web de WordPress y mejorar Core Web Vitals:

Optimice completamente su sitio para dispositivos móviles. La usabilidad de su sitio en un dispositivo móvil es clave para la experiencia de usuario y las puntuaciones mejoradas de Core Web Vitals.

• Asegúrese de que su sitio web sea seguro SSL

Google siempre ha otorgado una gran importancia a los sitios que son seguros para que los usuarios naveguen. Las brechas de seguridad, como el malware o la imposibilidad de entregar contenido a través de HTTPS, pueden afectar sus Core Web Vitals. Asegúrese de que su sitio web sea seguro SSL.

Mejore con éxito los elementos básicos de la web de WordPress con GoDaddy Pro

El cumplimiento de los estándares básicos de Web Vitals puede ayudar a que su sitio se clasifique mejor de forma orgánica. Asegúrese de que sus sitios ofrezcan una experiencia de usuario más rápida y agradable. Para saber cómo GoDaddy puede ayudarlo a optimizar para mejorar Core Web Vitals y ahorrarle tiempo en la administración de su trabajo y la entrega de resultados a los clientes, consulte el Hub de GoDaddy Pro.