Google a principios de mayo definió una serie de métricas en las que que los dueños de sitio web deben enfocarse para optimizar la experiencia del usuario. En este post de Posicionamiento Web Systems te explicamos qué son Core Web Vitals o métricas web principales.
Tabla de contenidos
Optimizar tu web para mejorar la experiencia del usuario es el aspecto SEO del que más se habla hoy en día. Esto te llevará al éxito de tu web porque Google lo toma cada vez más en cuenta.
En los últimos años Google ha cambiado enfocándose en la experiencia del usuario, conocida también como UX. Este buscador está constantemente actualizando sus algoritmos para asegurarse de entregar los mejores resultados a las personas.
La idea es que los resultados en el SERPs sean amigables con los usuarios. Por eso vemos que la página de resultados ha cambiado con el panel de conocimiento, los rich snippets y otros.
El algoritmo RankBrain que data de 2015 ha sido clave en este aspecto. Pues se enfoca en métricas de comportamiento como las páginas por sesión, tasa de rebote, CTR orgánico, entre otras.
En el SEO, antes el enfoque era en escribir contenido lleno de palabras clave y posicionarlas. Pero en los últimos años esto también ha cambiado por los algoritmos de Google.
La optimización de contenido SEO busca darle a las personas la respuesta a sus consultas en los buscadores. En ofrecer información relevante.
Una buena experiencia del usuario asegura conversiones. Y esa es la meta de cualquier dueño de sitio web y experto SEO.
Enfocarse en la calidad es bien visto por Google y los usuarios. Esto ayuda a conseguir enlaces entrantes y posiciones. Se logra con una buena estructura de enlaces internos, sin contenido duplicado y con los aspectos que mencionamos antes.
En la web de Google Developers explican que Web Vitals es una guía unificada de las señales de calidad que son esenciales para entregar una buena experiencia a los usuarios de la web.
Entonces, Core Web Vitals son un conjunto de métricas en las que los dueños de sitios se deben enfocar al momento de optimizar para la experiencia del usuario.
Desde Google dicen: “Los dueños de sitios no deben ser unos expertos en desempeño para entender la calidad de experiencia que están dando a los usuarios”. Lo que hace Core Web Vitals es simplificar el entendimiento de estas métricas.
Estas métricas deben aplicarse en todos los sitios web y todos deben medirlas. Ya hay una serie de herramientas de Google que se encargan de ayudar a los dueños de sitios web, las mencionaremos más adelante.
Cada uno de los Web Vitals representan una faceta distinta de la experiencia del usuario. Se pueden medir y reflejan la experiencia real del usuario. Aclaran que esas podrían cambiar y que actualmente son: carga, interactividad y estabilidad visual.
Las expectativas de los usuarios sobre cómo será su experiencia web puede variar de acuerdo al sitio web y contexto, pero se mantiene cierta consistencia en cuánto a donde están en la web.
Cómo ya mencionamos Core Web Vitals son métricas para medir la calidad de la experiencia del usuario. Cada una está asociada con umbrales de desempeño, como “bien”, “necesita mejoras” y “pobre”.
Los Core Web Vitals o métricas web principales son:
Mide la percepción de la velocidad de carga y marca el punto en el cual el contenido principal de la página ya cargó.
Se considera bueno, es decir, una buena experiencia de carga cuando es menor de 2,5 segundos. Mientras que necesita mejoras si está entre este número y 4 segundos. Y pobre si supera los 4 segundos.
Google con esto suma sus esfuerzos para que los sitios web mejoren los tiempos de carga. Porque saben que esto influye en la experiencia del usuario.
De acuerdo a Google las causas más comunes de un bajo renderizado del mayor elemento con contenido son tiempos de respuesta del servidor, bloqueo de la prestación de JavaScript y CSS, tiempos de carga lentos de la fuente y prestación del lado del cliente.
Para solucionar los tiempos de respuesta del servidor lentos debes optimizar a tu servidor, usar un CDN cercano a los usuarios, mejorar los activos del caché, mostrar las páginas HTML del caché primero y establecer conexiones de terceros temprano.
En cuanto al bloqueo de la prestación de JavaScript y CSS lo ideal es minificar CSS, diferir elementos CSS que no son críticos y poner en línea cualquier camino crítico de CSS. Y minificar y comprimir los archivos JavaScript, diferir JavaScript sin uso.
Para mejorar los tiempos de carga lento debes optimizar y comprimir las imágenes, precargar fuentes importantes, comprimir archivos de texto, entregar diferentes activos dependiendo de la conexión y poner en caché activos usando un servicio.
En lo que se refiere a la prestación del lado del cliente hay que minimizar el JavaScript crítico, usar rendering del lado del cliente y pre-rendering.
Este mide si una web es responsiva y cuantifica la experiencia de los usuarios cuando tratan de interactuar con la página.
La medición va de 100 ms como bien o bueno, necesita mejoras hasta 300 y de ahí en adelante es pobre. Es decir, para ofrecer una buena experiencia al usuario una página debe tener un FID de menos de 100 milisegundos.
Esto se refiere a cómo la experiencia del usuario se siente, si se retrasa algo al cargar pueden haber errores. Por ejemplo, si una persona toca dos veces el botón de añadir al carro porque pensó que la primera vez no funcionó, pero al final se añaden dos productos.
De ahí la importancia de buenos tiempos de respuesta.
Desde Google explican que la principal causa de un pobre FID es una ejecución pesada de JavaScript. Por lo que optimizar cómo JavaScript analiza, compila y se ejecuta podrá reducir esta métrica.
Hay que reducir el tiempo de ejecución de JavaScript, minificando y comprimiendo los archivos de este tipo, postergar el JavaScript que no se usa, minificar los multiarchivos que no se usan.
También se deben interrumpir las tareas largas y optimizar las páginas para una buena disposición de interacción.
Se encarga de medir la estabilidad visual y cuantifica la cantidad de cambios inesperados en el diseño en el contenido visible de una web.
Para darle una mejor experiencia al usuario esta debe ser de 0,1. Necesitará mejoras hasta 0,25 y será pobre si supera este número.
Una web carga varios elementos, a veces unos cargan primero que otros. Esto puede ser bueno para la experiencia, porque quizás las personas pueden empezar su proceso en el sitio antes de que todo cargue.
Pero puede suceder que la posición en la que estaba un elemento que cargó primero cambie cuando el resto cargue. Eso afecta mucho la experiencia de los usuarios. Porque si están viendo algo y de repente se mueve puede ser que la persona tome algunos milisegundos en encontrarla de nuevo. Y si salió de su vista y tiene que hacer scroll, más aún.
Este tipo de interrupciones ralentiza el recorrido del usuario y puede frustrarlos.
Otra consecuencia sería que esos cambios de posiciones puedan llevar a errores. Si la persona trata de tocar o hacer clic en algo y se mueve quizás terminen haciéndolo en otra cosa. Lo que puede llevar a abandonar su acción.
Por ejemplo, si alguien hace clic por error en el botón de comprar ya, es muy probable que terminen saliendo del sitio sin completar el proceso.
Siempre incluye atributos de tamaño en tus vídeos e imágenes. O usa otra forma para reservar el espacio que requieren esos elementos con algo como cajas CSS. Así el navegador deja el espacio correcto en el documento mientras carga la imagen.
Los avisos, incrustaciones e iframes sin dimensiones.
Nunca insertes contenido sobre otro existente, excepto en respuesta a una interacción. Esto asegura que cualquier cambio que ocurra en el diseño sea esperado.
Prefiere transformar animaciones en animaciones de propiedad que desencadenen cambios en el diseño. Las transiciones de animaciones dan contexto y continuidad.
Será una tarea SEO en 2020 optimizar para estas métricas, no basta con saber qué son Core Web Vitals hay que trabajar en mejorar en función de estas.
Google, además, usa para clasificar el desempeño de un sitio el percentil 75 de valor de todas las vistas de la página o sitio. Esto significa que si al menos 75 % de las vistas de página de un sitio cumplen con el umbral de buenas, todo el sitio se clasifica como bien o bueno.
Y, al contrario, si al menos 25 % de las páginas son vistas como pobres en estas métricas, todo el sitio se considera con un desempeño pobre.
Hay otras métricas que Google también considera importantes. Se pueden ver como próximas o suplementarias de las que ya mencionamos y ayudan a captar mejor la experiencia o ayudar en el diagnóstico de un problema específico:
Ambas son aspectos vitales de la experiencia de carga y se usan para diagnosticar problemas con LCP.
También están Total Blocking Time (TBT) y Time to Interactive (TTI) que son métricas que sirven para detectar y diagnosticar potenciales problemas en la interactividad que impactarán el FIB.
Google está trabajando en facilitar a los SEO y dueños de sitios web la medición de los Core Web Vitas con distintas herramientas, son 6 en total.
Toma en cuenta que todas estas herramientas te ayudarán a optimizar los core web vitals. Te darán información sobre tu situación actual y cómo mejorar. Lo cuál es muy importante ya que en 2021 la experiencia del usuario será un factor del ranking de Google.
–
Google indica que las métricas web principales mejorarán en el futuro y se podrían añadir más. Porque entienden que la forma en la que interactúan los usuarios está cambiando constantemente.
Saber qué son Core Web Vitals o métricas web principales será clave para optimizar tu web en los próximos meses. La idea es prepararte con tiempo para la actualización de Google. Contáctanos y pide presupuesto para ayudarte a mejorar tu posicionamiento web.
| Escucha el post |
En Posicionaiento Web Madrid hoy te hablaremos sobre 20 herramientas para palabras clave gratis, las…
Aprender a usar Google AdWords, es importante para tener una buena estrategia de marketing en…
Posicionamiento Web Salamanca queremos contarte ¿qué es y cómo usar Google Trends para tu estrategia…
Si quieres tener éxito en el mundo digital debes saber cómo elegir el mejor gestor…
¿Sabes aprovechar todas las alternativas que tienes para interactuar con los clientes? En el mercadeo…
En Posicionamiento Web Systems te hablaremos sobre los pasos para crear una página web. Conseguir…