Evaluación de Core Web Vitals como un factor SEO crucial para la velocidad del sitio web

A estas alturas, es posible que ya conozca varios consejos y trucos técnicos de SEO para mejorar el rendimiento de su sitio web. Por otro lado, los motores de búsqueda presentan constantemente nuevas métricas que exigen que modifique sus estrategias para mantenerse al día con las últimas tendencias de SEO y mantenerse a la vanguardia de la competencia. Core web vitals y page experience son las nuevas incorporaciones en esta lista. Echemos un breve vistazo a estos hoy:

Una introducción rápida al asunto

El informe de velocidad en Google Search Console, que ahora se llama Core Web Vitals, ofrece dos nuevas métricas de rendimiento:
1. Cambio de diseño acumulativo
2. Pintura con contenido más grande además del primer retardo de entrada

Core Web Vitals se ha implementado en varias herramientas como Page Speed ​​Insight o Lighthouse.

Google ha anunciado un próximo cambio importante: lanzará una nueva señal de experiencia de página como factor de clasificación en 2021. Esto se centrará principalmente en Core Web Vitals.

A estas alturas, es posible que haya entendido el motivo detrás de nuestra discusión de hoy. Genial, profundicemos más ahora.

Enfoque de Google en la velocidad del sitio web y UX: experiencia de página

Google describe la experiencia de la página de la siguiente manera:

“La experiencia de la página es un conjunto de señales que miden cómo los usuarios perciben la experiencia de interactuar con una página web más allá de su valor de información pura”.

Por lo tanto, la experiencia de la página se puede considerar como una combinación de múltiples factores que Google considera cruciales para la experiencia del usuario. Los factores son los siguientes:

• HTTPS
• Falta de demasiadas ventanas emergentes
• Adaptabilidad móvil
• Navegación segura

Ahora, estos ya han sido documentados como importantes señales de búsqueda. Entonces, el enfoque principal ahora está en la introducción de Core Web Vitals.

¿Preocupado por tu clasificación SEO? No te estreses. El blog de Google Webmaster Central sostiene que el cambio no se implementará antes de 2021 y Google proporcionará un aviso al menos 6 meses antes de implementar la señal. Entonces, la buena noticia es que, incluso si su sitio web aún no cumple con las pautas, aún tiene tiempo para optimizar las páginas.

Lea los siguientes pasajes para aprender todo al respecto y comenzar a implementar.

Una descripción general de Core Web Vitals

En esta sección, mencionaremos todos los componentes de Core Web Vitals y ofreceremos algunos consejos efectivos para mejorar las métricas. Pero lo primero es lo primero: analicemos qué son realmente Core Web Vitals:

Core Web Vitals son algunos factores específicos que Google considera muy importantes en la experiencia general del usuario de una página web. En resumen, estos son un subconjunto de factores que se suman al puntaje general de la experiencia de la página.

Las métricas de Core Web Vitals son Largest Contentful Paint o LCP (mide la experiencia del usuario en tiempo real para el rendimiento de carga del sitio), First Input Delay o FID (mide UX para la interactividad del sitio) y Cumulative Layout Shift o CLS (mide UX para la estabilidad visual de las páginas).

Sin más preámbulos, pasemos a desglosar estas tres métricas de Core Web Vital y analicemos algunas estrategias efectivas para mejorarlas.

• LCP o mayor pintura con contenido

La pintura con contenido más grande mide el tiempo de representación del elemento de contenido más grande visible en la ventana gráfica. En términos más simples, es el tiempo que transcurre desde que se hace clic en un enlace hasta que se ve la mayor parte del contenido en pantalla. LCP es diferente de otras métricas de velocidad de página. Por ejemplo, métricas como First Contextual Paint y Time to First Byte (TTFB) en realidad no reflejan cómo es realmente para un usuario abrir una página web. LCP se enfoca en lo que realmente importa cuando se trata de la velocidad de la página: ver e interactuar con la página web.

¿Cuál es tu puntuación LCP, por cierto? Encuéntralo en PageSpeed ​​Insights.

De acuerdo con las pautas de LCP de Google, el rendimiento de su sitio web puede clasificarse en tres categorías: bueno (hasta 2,5 segundos), necesita mejorar (hasta 4 segundos) y deficiente (más de 4 segundos).

Aquí hay algunas maneras de mejorar su puntaje LCP:

#Minimizar CSS: los archivos CSS pueden contener caracteres como sangría, espaciado y comentarios. Estos caracteres son innecesarios para el navegador. Reducir la cantidad de CSS de bloqueo mejorará en última instancia el tiempo necesario para representar el contenido principal de la página (LCP).

#Eliminar elementos de página grandes: esté atento a Google PageSpeed ​​Insights para saber si su página tiene algún elemento que ralentiza LCP.

#Upgrade Web Host: un mejor alojamiento mejorará los tiempos de carga generales.

#Aproveche la carga diferida: la carga diferida impide la carga del elemento de la página hasta que los usuarios se desplazan hacia abajo en la página. Esto le ayudará a lograr un LCP más rápido.

¿Trabajo duro? Estamos de acuerdo. ¿Vale la pena? ¡Absolutamente, dado que el 40% del tráfico web rebotará si una página web no se carga en 3 segundos (fuente: Hobo-web)!

Aquí hay algunos consejos más para optimizar la velocidad de carga de su página.

• FID o retardo de primera entrada

Entonces, esperamos que haya mejorado significativamente su página web LCP, pero ¿pueden los usuarios interactuar sin problemas con la página? Eso es lo que mide FID: el tiempo que tarda un usuario en interactuar con la página.

FID o First Input Delay es el retraso que experimenta un usuario al interactuar con una página por primera vez, por ejemplo, el retraso para obtener una respuesta de una página web al hacer clic en un elemento.

Aquí hay algunos ejemplos más de interacciones para su mejor comprensión:

-Al hacer clic en un enlace en la navegación del sitio web
-Apertura de texto de acordeón en dispositivos móviles
-Ingresar un correo electrónico en un campo
-Elegir cualquier opción del menú

Al igual que LCP, aquí también Google tiene un rango específico de lo que constituye un FID aceptable. Un Fid hasta 100 ms: bueno, hasta 300 ms: necesita mejorar y hasta 500 ms: deficiente.

Ahora, para una página web completamente basada en contenido (por ejemplo, una publicación de blog o un artículo de noticias), FID puede no ser tan importante ya que la única interacción del usuario es acercar y alejar o desplazarse hacia abajo en la página. Pero las páginas con inicio de sesión, registro o formulario de contacto se llenan donde los usuarios tienen que hacer clic rápidamente en algo: FID es un factor muy importante.

Aquí hay algunas cosas que puede hacer para mejorar el puntaje FID de un sitio:

#Aplazar o minimizar JavaScript: los usuarios no pueden interactuar con una página mientras el navegador está cargando JS. Por lo tanto, diferir JS o minimizarlo en su página es la clave para un FID mejorado.

#Usar caché del navegador: los cachés ayudan a cargar el contenido de la página muy rápido. Aprovechar esto ayudará a sus usuarios a interactuar rápidamente con la página.

#Eliminar secuencias de comandos de terceros no críticas: al igual que LCP, las secuencias de comandos de terceros como mapas de calor, Google Analytics, etc. afectan negativamente a FID.

• CLS o cambio de diseño acumulativo

El cambio de diseño acumulativo mide la suma de todos los cambios de diseño individuales que tienen lugar durante toda la vida útil de la página (incluso después de que el usuario haya comenzado a interactuar con la página). También tiene en cuenta la distancia del turno y el tamaño del área en cuestión.

Expliquémoslo en términos más simples: si los elementos de su página se mueven cuando se carga la página, tiene un CLS alto, y esto es un rendimiento deficiente. Los elementos de la página deben ser bastante estables mientras se carga. De esa manera, los usuarios no tienen que volver a aprender dónde se encuentran las imágenes, los campos o los enlaces o hacer clic por error en algo una vez que la página se carga por completo. Según Google, una página web CLS de hasta 0,1 es buena, hasta 0,2 necesita mejoras y hasta 0,3 significa mala.

Si está revisando su página web CLS, asegúrese de hacerlo también en dispositivos móviles.

Aquí hay algunas maneras de mejorar CLS:

#Add New UI Elements debajo del pliegue: de esa manera, estos no empujarán hacia abajo el contenido que los usuarios esperan ver donde está cuando se carga la página.

# Reserve espacio para anuncios: de lo contrario, los anuncios pueden aparecer repentinamente en la página web y empujar hacia abajo el contenido.

# Use Establecer dimensión de atributo de tamaño para medios: esto ayudará a los navegadores de los usuarios a saber cuánto espacio ocupará un medio como video, imagen, infografía o GIF y no cambiará una vez que la página se cargue por completo.

Actualización de velocidad frente a experiencia de página: lo que realmente cambió

Por primera vez, con las métricas de experiencia de la página, Google no promociona solo la velocidad de la página, sino que anuncia el rendimiento general como una señal de clasificación. También define métricas precisas (LCP, FID y CLS) junto con un objetivo detallado para cada una. Entonces, cuanto mejor sea su UX general, mejor puntaje de experiencia de página tendrá.

Ultimas palabras
Entonces, ¿significa que una excelente puntuación de experiencia en la página lo llevará mágicamente al puesto número 1 en Google? La respuesta más corta es “no”. Google mismo ha mencionado que la experiencia de la página es uno de los varios factores que contribuyen a mejorar el ranking del sitio. Verá, no hay una solución rápida en SEO. Puedes echar un vistazo. De acuerdo con los mejores profesionales de agencias de SEO, implementar la estrategia correcta, los máximos esfuerzos y la paciencia: ¡esta es la receta para ganar el juego!