Core web vitals
Las nuevas métricas que Google introduce este 2021, llegaron para quedarse.
Lo más destacado es que serán la base del posicionamiento web orgánico o Seo, desde hoy y en el futuro.
Todos los sitios auditores, se basan en Lighthouse , una herramienta automatizada que busca mejoras en las páginas web.
Como siempre si usted lee sobre core web vitals, encontrará bastante información y muchos escritores.
Dado nuestros periplos de estudio, hoy leemos a los que saben, por que muchos hacen el famoso copy paste, pero de conocimientos, nada.
Sin embargo, destacamos los cambios de Gtmetrix , a mediados de Diciembre pasado, mejorando su información y agregando web vitals.
Es la razón por la que lo incluiremos en este post, por que ya se miden más de 530 mil Seos en forma diaria en este auditor web .
A modo de ejemplo, el gráfico en la parte baja, les señala 2 webs diferentes.
Ambas con grandes post sobre el tema core vitals, pero que al medirlas son ineficientes ( F y D).
Los Seopartners conocen de web vitals, el gráfico señala nuestro core completo al 5 de Enero de 2021.
Por lo tanto, usted siga leyendo con alto grado , de confianza.
¿Que es Core Web Vitals?
Vamos a intentar una explicación fácil , dado que nos leen usuarios que no tiene por qué tener tantos conocimientos técnicos.
El nombre Core lo indica, es el corazón o el núcleo de una web y se divide en sub elementos.
Si el corazón tiene ventrículos, válvulas, aurícula, etc , a los elementos de una página le denominas Web Vitals.
Así como la función del corazón es irrigar sangre, a todos los elementos del cuerpo.
Los componentes de Core Web Vitals Google son los que determinan ¨la calidad de experiencia al usuario de tu sitio¨.
Optimizar estos elementos, es la base del posicionamiento futuro de una web.
Hay que cumplir con las métricas de Google.
Aunque el tráfico a tu web sea de pago, las visitas abandonaran, por que algún elemento no esta optimizado.
Al igual que un corazón humano, si falla un elemento, hay que repararlo y optimizarlo para que funcione.
Como las 2 web bajo el gráfico, perderán las visitas, por que tienen errores en sus elementos o su web vitals.
Lo mas importante, son los upgrade del nuevo algoritmo de Google 2020, hoy informan de 3 partes que conforman la calidad de la experiencia.
Primero es la carga o Loading en inglés.
Segundo, es la interactividad o Interactivity.
Tercero es la estabilidad visual o Visual Stability.
¿Que son las web vitals?
1.- Largest Content Paint (LCP), o la Primera Pintura del contenido más grande.
Esta métrica mide el tiempo en que tarda en cargarse el contenido principal para que un usuario lo vea y lo optimo es que sea de 0 a 2.5 segundos.
Pasado los 2.5 esta web vitals tiene problemas y como señala la industria , los usuarios abandonan el sitio.
2.- First input Delay (FID), es el retraso que tiene tu web para estar interactiva. Es decir, que un usuario pueda navegar en ella.
Al hacer un click en un boton o un segmento de tu web, lo optimo es estar cercano a los 100 ms. o milesegundos.
3.- Comulative Leyout Shift o el cambio del diseño acumulativo, que indica cuan estable visualmente es tu web en el tiempo en que carga.
Se requiere una página que fluya, que no tenga saltos y su rango optimo es de 0 a 0,1. Es un parámetro complicado de lograr.
Los seopartners tienen el valor en cero, de acuerdo a lo que señala el primer gráfico y que podemos replicar en tu web.
Una web en clúster con palabras claves pilares que ofrezca una satisfactoria experiencia al usuario, es lo que ofrecemos.
Además un buen rendimiento, permite a los motores de búsqueda leer, clasificar e indexar tu contenido (SEO), en primeras páginas.
En especial, Google; que es el que tiene la mayor participación en el mundo.
Señala que estas métricas serán preponderantes para clasificar en las primeras posiciones orgánicas.
¿Cómo medir Vitals de tu sitio?
El servidor canadiense del ejemplo es uno de ellos.
Por otra parte, sigamos con el ejemplo del gráfico, el de la letra F , sitio de habla anglo, evaluado en pageSpeedtest.
Esta es la herramienta auditora de Google.
Nos entrega para esta web un 7 %, muy por debajo del 75% que aconseja de rendimiento.
Al revisar la evaluación encontramos con este detalle.
Los cuadros de color azul, indican las métricas de los web vitals que tiene esta web y que son los importantes a optimizar.
Otra herramienta que agregó lo encuentra en el panel de su Serch Console, arriba de la usabilidad móvil y también lo entrega para destop.
Dado los cambios realizados por Google, no es muy difícil determinar la importancia que tendrá en el futuro Google Core web vitals 2021.
¡Va a ser su elemento discriminador, para las primeras páginas!
Podemos estar de acuerdo o no estarlo, pero hay que medir y optimizar nuestras webs.
Al no optimizar tu web, clasificaras en páginas secundarias, como la 12, 17, etc.
Con la posición en estas páginas, es difícil que tengas tráfico orgánico.
Y recuerda, aunque pagues por los click, tus visitas se aburrirán de los errores de tu web.
Y abandonarán la visita.
¿Cómo mejorar web Vitals de mi web?
La importancia que asigna el gigante no es a la velocidad de carga del sitio completo.
¡Es a la experiencia de navegación!.
Es más importante el como se realiza la carga, que en cuanto tiempo tarda.
Una vez más, recurrimos a un ejemplo de 2 web, una Anglo dedicada al Seo wplit y una de nuestra autoría; receta con avena.
Las páginas son punto com y desarrolladas en Word Press con estructura clúster.
Ambas web tienen métricas similares excepto receta en el Cls con un 0,39 y que mejoraremos y agregaremos a este post.
Un detalle importante es la CPU y la composición de la curva de carga ( circulo rojo y azul).
El sitio Anglo tarda décimas, en comenzar la primera pintura.
Alojada en un servidor estable, en USA asociado a CDN cloudflare.
Receta usa el mismo Cdn, pero un servidor compartido en Canadá.
Puede ser el motivo, es cosa de comparar las curvas de carga y las finales en azul en que receta cae ostensiblemente con un 21.7% versus 100%.
¿Habrá que migrar las web a mejores servidores?
Al parecer si, un servidor lento a la primera pintura, arrojará un CLS mayor al 0,1 requerido.
Como mejorar LCP o primera pintura
No cabe dudas que es el elemento vitalis más significativo o más complicado de lograr y merece nuestra atención.
Para hacerlo más fácil es el tiempo en que renderiza la imagen o el bloque de texto más grande.
Al revisar la secuencia de ventana gráfica en gtmetrix, se aprecia la visualización de velocidad.
Es lo que carga y como lo va cargando su web.
Corra su web y comience a corregir las core web vitalis, que por lo general puede ser diferentes diseños para móviles y pc.
Si claro, se puede bloquear una foto grande que se vea en el computador y no verla en el celular.
La pantalla del celular se llenará con la imagen, será difícil de navegar y tendrá que hacer scroll , para bajar.
Esta secuencia la mide LCP y de seguro va a bajar sus notas para las métricas desde móviles.
AQUÍ UN ALCANCE IMPORTANTE.
¿ Como bloquea o la o las fotos de un slayder con movimiento?
Y llegamos a lo complicado, las plantillas gratis o de pago para diferentes tipos de web ( WP, E commerce, etc).
Son TODAS RESPONSIVE según los que las venden, pero Google y otros auditores, que al medir la web, indican lo contrario.
Y ya la compraste.
Complicado para nosotros , por que implica tocar código y re programar sobre la plantilla.
Eliminar una foto para la navegación móvil, esta difícil, de hecho; hemos medido muchas web de diferentes latitudes y nadie se acerca.
¿Como optimizar LCP?
En una plantilla esta claro que es complicado y muchos nos lo han solicitado.
Ya escribimos nuestra experiencia comprando top seo, que de top solo alcanza la T, lo demás falta.
Si revisan el primer cuadro y la comparación, son páginas en WP del tipo Clúster .
Al igual que el desarrollador anglo, son tipo Cúster, ya lo escribimos hace una año atráz antes y después de botar la plantilla famosa.
Así logramos estas métricas, que permiten al visitante ver la imagen más grande.
Hoy es vital mejorar la respuesta del servidor y esto es directamente proporcional a la calidad del hosting.
Seopartners esta solo y recetas es hosting compartido, ya tiene una desventaja.
Tenemos ejemplos de web que están en el clund de Google y pésimas métricas , por que no están optimizadas.
¿Como evaluar un hosting con web vitals?
Muchos hosting solo venden el espacio, pero primero hay que preocuparse de la optimización del contenido.
El siguiente paso es mejorar la respuesta del servidor.
La parte baja del último gráfico, señala la calidad de la Cpu o servidor y lo mide Gtmetrix.
Por otra parte, el almacenamiento encaché juega un papel fundamental por que facilita la entrega del contenido.
Si no lo logra del servidor , hay alternativas de pago o gratis que ayudan, especialmente para wp.
La compresión del sitio ayuda mucho para mejorar la LCP y puede hacerlo hasta del servidor.
Optimizar los tiempos de bloqueo de los JS y Css, es prioritario o mejor dicho fundamental.
Lo complicado, es que esta relacionado con las plantillas llenas de js y ccs, que aunque las envié bajo el footer, siguen siendo problemas.
¿Reducir el tamaño de las imágenes ayuda al LCP?
La respuesta es si.
Reduzca el tamaño de todos los archivos y comprima a nivel del servidor con la herrmienta Gzip, que es la que usamos.
Utilice herramientas para comprimir las fotos o bien use las extensiones que suguiere el gigante.
Webp es muy buena , pero word press no la lee. Jpg200 es buena alternativa.
Nosotros seguimos comprimiendo nuestros jpg y pesan mucho menos que si usamos estas 2 alternativas , para una misma foto.
Somos Contreras.
Evidentemente, aconsejamos inmediatamente el uso de un CDN.
Al tener servidores repartido en el mundo, el CDN almacena contenidos estáticos de tu web, mejorando la velocidad.
Esto permite cargar una parte de tu web, de un servidor cercano y no el del origen.
Nosotros usamos Cloudflare, lo que es bastante significativo al medir con o sin un sitio.
Un dato importante.
Al actualizar Wp a la última versión, nos arrojó un 404 producto del retardo del servidor.
Claro no leía los dns de cludflare , así que volvimos a los antiguos y se solucionó.
A las 10 horas posteriores regresamos a los Dns del CDN, por lo cual recomendamos guardarlos.
¿Como lograr Core web vitals en Google page speed ?
La única forma es trabajando y estudiando para estar a la vanguardia de las transformaciones de la páginas.
La figura representa nuestras métricas al 28 de Enero de 2021 en developers.google.com, desde móviles.
Logramos optimizar el sitio para móviles y ordenadores en un 100%. ambos.
Lo mismo en Gtmetrix, tenemos el jpg , pero el que manda es el anterior.
Fácil de comprobar, copie la url y la mide.
La navegación desde los dispositivos móvil es la que impera en el mundo y lo indica nuestro tráfico.
Hoy nuestra web entregará la mejor experiencia de navegación a nuestras visitas.
Vuela y lo comprobamos navegando en ella.
Somos los que tenemos experiencia y si requiere nuestros servicios para optimizar su web, acá tiene el correo donde contactarnos.