Optimización SEO técnico del rendimiento WEB para mejorar la experiencia del usuario a criterios de Google
Google está aplicando unos criterios más estrictos en la valoración del rendimiento web con un fin principal, ofrecer una buena experiencia web a los usuarios de internet.
En años anteriores ya presento el concepto WEB Vitals: una iniciativa de Google para proporcionar una guía unificada de indicadores de calidad que son esenciales para brindar una excelente experiencia de usuario en la web. Los cambios introducidos son en esta línea.
A nivel práctico quiere favorecer la experiencia del usuario reduciendo el tiempo de carga, espera y bloqueo de la web aplicando nuevos criterios que afectan a la programación de la página.
Elementos de Optimización SEO de Web Vitals, para mejorar el rendimiento y prestaciones de web según criterios de Google:
A nivel técnico introduce los conceptos para optimizar el rendimiento web mediante las indicaciones Web Vitals:
Largest Contentful Paint (LCP) – Impresión de contenido más extenso para tiempo de carga:
Refuerza el rendimiento y el tiempo de carga del contenido como elemento de mejora de la experiencia web de usuario: se refiere al tiempo para el despliegue del contenido más extenso, LCP por sus siglas en inglés, mide el rendimiento de carga, el tiempo preciso para que se cargue y sea visible en la página el contenido que espera a visualizar el usuario web. Para proporcionar una buena experiencia de usuario, el LCP debe producirse dentro de los 2,5 segundos desde que la página comienza a cargarse.
First Input Delay (FID)- Demora en primera entrada de contenido para interactividad
Refuerza la interactividad como elemento de mejora de la experiencia web de usuario: la demora para la primera entrada, FID por sus siglas en inglés, mide la interactividad, el primer momento en que el usuario puede empezar a desplazarse, navegar e interactuar en la web. Para proporcionar una buena experiencia de usuario, las páginas deben tener un FID de menos de 100 milisegundos.
Cumulative Layout Shift (CLS) – Cambio Acumulativo en aplicación de diseño para la estabilidad visual
Refuerza la estabilidad visual como elemento de mejora de la experiencia web de usuario: se refiere a el cambio acumulativo en el diseño CLS por sus siglas en inglés, mide la estabilidad visual, como afecta el tiempo de introducción de estilos en la página visitada, para que el usuario perciba el diseño propio de la web. Para proporcionar una buena experiencia de usuario, las páginas deben mantener un CLS de menos de 0,1.
Estos son parámetros o criterios de los más en los que se recomiendan centrar las revisiones de rendimiento en posicionamiento y mejorar la experiencia web.
Más medidas para optimizar el posicionamiento técnico de su web o aplicación
Igualmente se deben tener en cuenta otros aspectos que Google valora para optimizar el posicionamiento técnico:
Accesibilidad Web según Google:
Analizar si su sitio web o aplicación es accesible para un usuario de internet puede no es una tarea fácil. Si te estas introduciendo al estudio de la accesibilidad web, la amplitud del tema puede hacer que te preguntes por dónde empezar; al fin y al cabo, trabajar para dar cabida a una amplia gama de capacidades significa que hay mucha cuestiones que hay que tener en cuenta.
Por ejemplo, para ciertos usuarios no pueden o no quieren utilizar el ratón, siendo la navegación con el teclado es su principal medio para llegar a todo lo que hay en la pantalla. Este público incluye a los usuarios con deficiencias motoras, como las lesiones por esfuerzo repetitivo o la parálisis, así como a los usuarios de lectores de pantalla. Para una buena experiencia de navegación con el teclado, procure tener un orden de tabulación lógico y estilos de enfoque que se entienda mejor.
Best Practices – Mejores prácticas de Google
Google quiere una web saludable, esto implica que la salud del código de su página web debe seguir una serie de buenas prácticas. Se deben aplicar unas comprobaciones que ponen de manifiesto las oportunidades de mejorar el código de su aplicación web bajo distintos principios:
- Buenas prácticas generales de un código saludable
- Requisitos para que página sea rápida
- Requisitos para que su página sea segura
- Código orientado una buena experiencia y usabilidad de usuario (UI/X)
- Evitar tecnologías obsoletas
- Auditorías de diagnóstico
Medidas SEO – Posicionamiento Natural para buscadores valoradas por Google Audits (Lighthouse)
Para optimizar el posicionamiento Web es clave tener unos contenidos interesantes, originales, extensos y específicos sobre los conceptos que son claves para que un usuario encuentre su web y aporte información o una solución a las necesidades de los usuarios que realizan búsquedas en buscadores de internet. En el fondo, Google y tantos otros buscadores con subastas o rankings de contenidos, una competición de redactores y creadores de contenidos (imágenes, vídeos,…).
Pero no es suficiente tener buenos contenidos, se requiere una estructuración de contenidos, ajustar la programación para su mejor interpretación, para que los buscadores y Google en concreto, lo absorba mucho mejor dichos contenidos, y mejore la posibilidad de situarse en las primeras posiciones de búsqueda.
Progressive Web Apps – Aplicaciones Web Progresivas, los criterios de homogenización de tu web para distintos dispositivos y usuarios por Google Audits (Lighthouse)
Toda web es una plataforma única para desarrollar software. Combina capacidad de enlace y compartir contenidos con cualquier persona, en cualquier lugar. Cada vez que se accede en un sitio web el usuario debe tener una buena experiencia a pesar de la tecnología que se utilice. Su experiencia puede ser tan efímera o permanente como se desee. A su vez, las aplicaciones web pueden llegar a cualquier persona, en cualquier lugar y en cualquier dispositivo con un único código base. Lo importante es homogenizar la experiencia a pesar de los dispositivos y tecnologías que se utilicen para acceder a ella.
¿Cómo puedo saber si todas las características Progressive Web App (PWA) de mi WEB están en orden?
Lighthouse es la herramienta de Google que audita una aplicación web para las características de la PWA. Proporciona un conjunto de métricas para ayudarte a auditar la web para construir una PWA con una experiencia completa similar a la de una aplicación para tus usuarios.
Para superar los criterios PWA de Google, se comprueba si tu aplicación / web en varios ámbitos:
- Si puede cargarse en condiciones seguras de red: capacidades están construidas con el modelo de permisos seguro y centrado en el usuario de la web, superando problemas de conectividad o falta de ella.
- Es relativamente rápida: Una Progressive Web App debe ser fiable y rápida independientemente de la red.
- Debe ser instalable (o que lo parezca): Las aplicaciones web progresivas instaladas se ejecutan en una ventana independiente en lugar de en una pestaña del navegador, ofrecen un enlace instalable en el escritorio del dispositivo, aparte de más características App, lo que hace que se sienta como parte del dispositivo en el que están instaladas.
