En algo más de dos meses, la experiencia de la página se convertirá en un factor de clasificación oficial de Google. ¿Por qué es importante? Cuanto mejor sea tu puntuación en las métricas de experiencia de página, más probable será que Google sitúe tus páginas web en lo alto de las páginas de resultados del motor de búsqueda.

Aunque no es posible predecir con exactitud lo que ocurrirá el día en que se ponga en marcha la actualización de la experiencia de la página, ésta es tu última oportunidad de preparar un sitio web fácil de usar que cumpla con los requisitos de Google a tiempo para la puesta en marcha.

¿Qué son las "Core Web Vitals" de Google?

El elemento central de la actualización del algoritmo es la introducción de lo que se denomina "Core Web Vitals". Las "Core Web Vitals" son un conjunto de métricas centradas en el usuario que Google utilizará para medir y cuantificar la experiencia de página que ofreces a tus visitantes y determinar tu clasificación en función de estos resultados. Estos parámetros son los siguientes:

  • Largest Contentful Paint (LCP) – mide la velocidad de carga de la página
  • Cumulative Layout Shift (CLS) – mide la estabilidad visual
  • First Input Delay (FID) – mide la interactividad

Entonces, ¿qué importancia tiene optimizar estas métricas? Un estudio realizado por Google reveló que el abandono de páginas disminuye casi un cuarto (24%) cuando un sitio cumple con los estándares recomendados en estas áreas.

Pero eso no es todo. La actualización de la experiencia de la página también tendrá en cuenta otras claves de búsqueda que probablemente ya estés usando:

  • Ser fácil de usar para los dispositivos móviles
  • Usar seguridad HTTPS
  • Evitar el uso de ventanas emergentes intrusivas
  • Proporcionar un entorno de navegación seguro

Image source: Google Search Central

Aunque es importante optimizar estas medidas de la experiencia de la página, son sólo un ejemplo de los muchos factores de clasificación de Google. Como dice Google, "Una buena experiencia de página no reemplaza el hecho de tener un contenido de calidad y relevante". Esto significa que debes adoptar un enfoque combinado para optimizar tus páginas: proporcionar un contenido de alta calidad y una experiencia de página fácil de usar.

Para ayudarte a optimizar tus esfuerzos de búsqueda en 2021, hemos elaborado esta guía sobre cómo optimizar la experiencia de tu página y mejorar la calidad de tu contenido utilizando las herramientas de Siteimprove.

Cómo utilizar Siteimprove para auditar y optimizar la experiencia de tu página

Hay una serie de pasos que debes seguir para revisar e identificar las áreas de optimización antes de la implementación del algoritmo. Afortunadamente, muchas de estas acciones se pueden completar utilizando la plataforma de Siteimprove.

Al igual que Google, el objetivo de Siteimprove en cuanto a la experiencia de la página es integral; te ayuda a maximizar la velocidad de tu página, la seguridad y el contenido para ofrecer una experiencia de alta calidad y centrada en el usuario, todo desde un único lugar.

Para esta revisión, necesitarás dos cosas:

  1. El dominio del sitio web que quieres auditar
  2. Tu plataforma Siteimprove

Seis pasos para optimizar la experiencia de su página

Next, it’s time to work through these six steps to provide a better page experience for your website visitors:

A continuación, sigue estos seis pasos para ofrecer una mejor experiencia de página a los visitantes de tu sitio web:

  1. Comprueba y mejora los tiempos de carga de tus páginas con Siteimprove Performance
  2. Controla que tu sitio no tenga problemas de navegación insegura con Siteimprove Web Security
  3. Verifica si la conexión de tu sitio es segura
  4. Revisa la compatibilidad de tu sitio con los dispositivos móviles
  5. Comprueba que las ventanas emergentes no hacen que tu contenido sea menos accesible
  6. Revisa que el contenido de tu página web sea de alta calidad y sin errores con Siteimprove Quality Assurance

1) Aumenta la velocidad de carga de las páginas con Siteimprove Performance

Cuanto más rápido se carguen tus páginas web, mejor será la experiencia de usuario de tus visitantes. Por lo tanto, la actualización de Google Core Web Vitals recompensa a los sitios web que obtienen buenos resultados en las siguientes métricas basadas en el rendimiento.

Largest Contentful Paint: Esta métrica mide la velocidad con la que los visitantes de tu sitio ven el contenido, es decir, tu rendimiento de carga. Para una buena experiencia de usuario, el LCP debe producirse en un plazo de 2,5 segundos desde que la página comienza a cargarse.

Las causas más comunes de un bajo rendimiento de LCP son:

  • Tiempos de respuesta lentos del servidor
  • JavaScript y CSS que bloquean el renderizado
  • Tiempos de carga de recursos bajos.
  • Renderización del cliente con grandes paquetes de JavaScript

First Input Delay: Esta métrica mide la velocidad con la que su sitio responde a la entrada del usuario, como un visitante que introduce datos en un formulario o hace clic en un botón. Una buena experiencia de usuario requiere que las páginas tengan un FID inferior a 100 milisegundos.

Un FID pobre es normalmente causado por la mala ejecución de JavaScript. Mejóralo:

  • Reduciendo el tiempo de ejecución de JavaScript
  • Dividiendo las tareas largas
  • Optimizando la interacción de la página

Cumulative Layout Shift: Esta métrica mide la estabilidad visual. Analiza la frecuencia con la que los elementos de tus páginas web se mueven cuando tus visitantes están leyendo o interactuando con ellas. Las páginas deben mantener un CLS inferior a 0,1 para presentar una buena experiencia de usuario.

Entre las causas más frecuentes de un CLS deficiente se encuentran las siguientes

  • Imágenes sin dimensiones
  • Anuncios, incrustaciones e iframes sin dimensiones
  • Contenido inyectado dinámicamente
  • Carga de fuentes web

Es importante tener en cuenta que, para mejorar la experiencia de usuario de tu sitio, debes medir, supervisar y mejorar con precisión estas tres métricas. Aunque el uso de herramientas gratuitas puede ser un buen punto de partida, no están diseñadas para ayudarte a controlar activamente y a trabajar para mejorar la experiencia de la página a lo largo del tiempo. Por otro lado, Siteimprove Performance ha sido diseñado para medir estas métricas específicas en todo su el sitio web, señalar los bloqueos de rendimiento y proporcionar una guía detallada sobre cómo resolverlos. 

Acciones del rendimiento de página que debes implementar antes de mayo del 2021

Paso 1: Comprueba la velocidad de tu sitio. Un tiempo de espera de tan sólo dos segundos es suficiente para reducir la satisfacción del usuario y su interés por volver a tu sitio. Los tiempos de carga excesivos también suponen un riesgo para la accesibilidad: los sitios web creados para ser utilizados con tecnologías de asistencia no darán información al usuario hasta que la página se haya cargado, lo que significa que una puntuación LCP baja afectará a los visitantes con discapacidades.

Para ofrecer una experiencia de página rápida a todos los usuarios, lo primero es averiguar el rendimiento actual de tu sitio, comparar esa velocidad con las medias del sector e identificar cualquier página de bajo rendimiento para optimizarla. Siteimprove utiliza las puntuaciones de rendimiento de Google Lighthouse para evaluar la velocidad de tu sitio y garantizar que tus páginas cumplen con los estándares de velocidad del motor de búsqueda.

Basándose en más de 20 puntos de rendimiento diferentes, desde imágenes de gran tamaño hasta compresión de texto, la velocidad se presentará como una puntuación simple, de 1 a 100. Puedes utilizar esta puntuación para determinar los ajustes que necesitas para cumplir las condiciones básicas de la web de Google.

Intenta conseguir una puntuación de 90+, que te situará en el 5% de los mejores sitios web. Si consigues esta puntuación, podrás mejorar tu experiencia de usuario, tu SEO y la participación de los usuarios. Puedes obtener más información sobre cómo se calcula tu puntuación de rendimiento en el Help Center de Siteimprove.

Google page experience metrics

Consejo: Utiliza el Gráfico de progreso de Siteimprove Performance para observar las mejoras en el rendimiento de tu página a lo largo del tiempo. Consulta tu puntuación original para ver cuánto has avanzado en la resolución de tus problemas y detectar las deficiencias de rendimiento que aún existen.

Paso 2: Prueba cómo los visitantes ven tus páginas y experimentan los tiempos de carga con los Perfiles de Visitante. La experiencia de tus visitantes depende de una serie de factores: es poco probable que el rendimiento de tu página sea uniforme en diferentes dispositivos, redes y ubicaciones. El objetivo es que el tiempo de carga sea de tres segundos o menos en todos estos perfiles para ofrecer una experiencia de usuario totalmente eficaz, independientemente del lugar, el momento y la forma en que el usuario decida acceder al contenido.

Paso 3: Profundiza en las métricas de rendimiento centradas en el usuario. Siteimprove Performance mide LCP, FDI y CLS. Obtenga información práctica sobre cómo sus visitantes experimentan sus páginas con análisis detallados y tiempos para cada métrica, divididos por dispositivo, región y conexión.

En primer lugar, haz clic en "Experiencia de carga" para ver una línea de tiempo de estas métricas en funcionamiento. Utilízala para desglosar la experiencia de carga de cada página en fotogramas individuales y simular un informe detallado de lo que tu visitante ve mientras se carga la página.

Siteimprove Performance Score

A partir de aquí, es fácil identificar las oportunidades de rendimiento que tienen un mayor impacto en el tiempo de carga y la experiencia del usuarioSiteimprove Performance Loading Experience timeline

Paso 4: Trabaja en las mejoras propuestas. Una vez que sepas lo bien -o mal- que funcionan tus páginas, puedes actuar con confianza para solucionar los problemas diagnosticados.

Las mejoras son áreas o elementos específicos que, cuando se optimizan, proporcionan un impulso directo a los tiempos de carga y al rendimiento de tu página. 

Haga clic en cada una de las mejoras sugeridas para obtener instrucciones técnicas sobre cómo debes resolver cada problema, quién debe hacerlo y cuántos segundos de rendimiento puedes ganar al resolverlo.

Siteimprove Performance Core Web Vitals Metrics

Utiliza las recomendaciones de Siteimprove y compártelas con el propietario de la tarea, como desarrolladores o editores de contenidos, para asignar fácil y eficazmente las tareas de rendimiento a tu equipo o delegar en tus agencias web.

Con la actualización de la experiencia de la página, es vital que identifiques qué tareas de rendimiento debes priorizar si quieres estar preparado a tiempo. Comprueba el "Ahorro estimado" para ver cuántos segundos puedes recortar del rendimiento de cada métrica y acercarte a la velocidad sugerida por Google.

Paso 5: Implementa otras mejoras prácticas de rendimiento. Una vez que hayas mejorado las tareas de rendimiento con más impacto y que sean "imprescindibles", podrás optimizar aún más tus páginas mediante acciones de mejora del rendimiento menos críticas que proporcionarán una experiencia de usuario más rápida en todo tu sitio web.

Las mejoras prácticas son tareas que deberías llevar a cabo para ofrecer una experiencia de página de mayor rendimiento. A diferencia de las mejoras, no siempre es posible asociarlas a un ahorro de tiempo específico. Sin embargo, es muy recomendable implementar tantas como sea posible en tus páginas web para proporcionar la mejor experiencia de usuario posible.

Siteimprove Performance incluye una guía detallada de "Acerca de este problema" y "Cómo solucionarlo" para cada elemento sugerido en la lista de "Mejores prácticas".

Siteimprove Performance Improvements feature

Función de mejora del rendimiento de Siteimprove

¿Ya tiene cubiertos los aspectos básicos y las mejoras prácticas? Descubre maneras aún más avanzadas de mejorar la velocidad de tu página en este blog del experto en Performance de Siteimprove, Viktor Petersson.

Paso extra: Es recomendable integrar Siteimprove Performance con Siteimprove Analytics. De este modo, puedes combinar la optimización con datos reales para obtener una visión más completa de la conexión entre tus esfuerzos y cómo afectan realmente a la experiencia del usuario final.

En las próximas semanas, introduciremos en Siteimprove Performance varias funciones nuevas, diseñadas específicamente para ayudarte a dominar las Core Web Vitals. Puedes ponerte en contacto con nosotros para obtener más información sobre cómo estas funcionalidades pueden ayudarte a potenciar tu SEO y proporcionar una mejor experiencia de usuario.

2) Analiza tu sitio en busca de problemas de navegación insegura con Siteimprove Web Security

Google pone un gran énfasis en proporcionar una experiencia de navegación segura. Esto significa que los sitios web no deben contener ninguna vulnerabilidad de seguridad, incluyendo malware, páginas engañosas, descargas dañinas o poco comunes. 

Recuerda que las páginas web afectadas por problemas de seguridad pueden aparecer con una etiqueta de advertencia en los resultados de búsqueda de Google o con una página intersticial de advertencia en el navegador cuando un usuario intenta visitarlas, por lo que se debe evitar a toda costa. 

Acción: Puedes comprobar lo segura que es la experiencia de navegación de tu sitio web y mantener un buen nivel de seguridad para tus visitantes utilizando Siteimprove Web Security.

Paso 1: Examina el sitio web en busca de vulnerabilidades de seguridad. Siteimprove Web Security te ayuda a entender y gestionar tu seguridad web con auditorías automatizadas de las páginas. Examina tu sitio y descubre su puntuación de seguridad web, en una escala de 0 a 100.

Siteimprove Performance Best Practices feature

Paso 2: Soluciona las vulnerabilidades de seguridad según su gravedad. Mira las recomendaciones de Siteimprove sobre los problemas de seguridad que deben solucionarse en primer lugar en función de la gravedad y el impacto potencial para tus visitantes.

Paso 3: Utiliza la función de certificados del sitio web para obtener una visión completa de los que están caducados y a punto de caducar. Los certificados de sitios web actualizados proporcionan una seguridad e integridad de datos crítica para los sitios web y los datos personales de los usuarios. Consigue una visión completa de los certificados de seguridad de sitios web caducados y a punto de caducar para saber fácilmente cuándo y dónde renovar tus certificados. Asegúrate de no perder a ningún visitante potencial que no se sienta seguro navegando en tu sitio web.

Siteimprove Web Security score

3) Comprueba que la conexión de tu sitio es segura con HTTPS

El protocolo de transferencia de hipertexto seguro (HTTPS) es más seguro que el HTTP e indica públicamente que las comunicaciones en un sitio web están cifradas. La seguridad es una de las principales prioridades de Google, por lo que no debería sorprender que tener un cifrado seguro HTTPS sea un factor de clasificación.

Los usuarios de un sitio web esperan una experiencia segura y confidencial en el mismo. Por eso es importante implementar protocolos seguros en tu sitio web.

Añadir HTTPS al sitio web también evita que aparezca la temida etiqueta "No es seguro" junto a la URL en navegadores como Google Chrome, lo que puede deteriorar gravemente la confianza del cliente en tu sitio web y tu marca. 

Acción: Esta es una tarea relativamente fácil. En primer lugar, utiliza Siteimprove Web Security para comprobar si tus páginas están protegidas por HTTPS. Una vez que hayas activado el certificado HTTPS, utiliza la función de certificados de sitios web para garantizar que se mantienen actualizados. 

4) La indexación móvil es un factor de clasificación importante para Google

Tanto si los usuarios utilizan un ordenador de escritorio como un dispositivo móvil, los visitantes de tu sitio web deben poder ver páginas web relevantes y de alta calidad optimizadas para el dispositivo que hayan elegido.

Acción: Si quieres comprobar algunas páginas, puedes utilizar la prueba de compatibilidad con dispositivos móviles de Google. Sin embargo, es mejor utilizar una herramienta especializada, como Siteimprove Performance, que señala los elementos de la página que no se adaptan a los dispositivos móviles y localiza las áreas de mejora.

5) Evita intersticiales intrusivos

Según Google, los intersticiales intrusivos, como las ventanas emergentes que cubren gran parte de una página, proporcionan una peor experiencia a los usuarios. Por este motivo, penaliza a los sitios web que utilizan intersticiales obstructivos.

Acción: Asegúrate de seguir las directrices de Google creando únicamente intersticiales que proporcionen una experiencia positiva al usuario. Diseña anuncios de calidad evitando lo siguiente

  • Mostrar una ventana emergente que cubra el contenido principal, ya sea directamente después de entrar a la página o mientras la está mirando.
  • Mostrar un intersticial que el usuario deba descartar antes de acceder al contenido principal.
  • Utilizar un diseño en el que parte de la página se encuentra por encima del pliegue y aparece de forma similar a un intersticial, pero el contenido original se ha incluido debajo del pliegue.

6) Crea contenido de calidad con Siteimprove Quality Assurance

Un contenido relevante y de alta calidad que satisfaga a los usuarios sigue siendo la clave para ofrecer una experiencia positiva. Google ha afirmado que, aunque todos los componentes de la experiencia de la página son importantes, "la intención de la consulta de búsqueda sigue siendo una referencia clave, por lo que una página con una experiencia deficiente puede seguir ocupando un lugar destacado si tiene un contenido excelente y relevante". Esto significa que la creación de contenido único y de alta calidad sigue siendo una parte central de tu estrategia de búsqueda orgánica. 

Acción: Utiliza Siteimprove Quality Assurance (QA) para auditar tu contenido y evitar errores en todas tus páginas web. Usa las siguientes funciones para ofrecer una experiencia excelente a los visitantes de la página. En concreto, presta atención a la "Experiencia del usuario" de tu puntuación de QA, que mide la utilidad de tu contenido para una navegación fluida en tu sitio.

Paso 1: Define tus tareas con el Inventario de Contenidos. Utiliza el Inventario de Contenidos para obtener una visión general de cada página, enlace y archivo multimedia de su sitio web. A partir de aquí, puedes empezar a priorizar las páginas que deben corregirse en función de su popularidad.

Siteimprove Web Security certificates feature

Paso 2: Mejora la legibilidad de la página. Crea un contenido atractivo y fácil de leer que refleje el nivel de comprensión de tus lectores utilizando la función de legibilidad. Empieza por identificar dónde el contenido de la página es difícil de entender o demasiado denso, y luego adapta tu texto para que sea más comprensible para reducir la tasa de rebote.

Siteimprove Quality Assurance Content Inventory feature

Paso 3: Realiza una comprobación de enlaces y ortografía. Utiliza la función de control de enlaces y ortografía de QA para identificar y corregir rápidamente las faltas de ortografía y los enlaces rotos en tus páginas web para que el recorrido del usuario sea impecable.

Siteimprove Quality Assurance link and spell check feature

¿Estás preparado para la actualización de la experiencia de página de Google?

Si realizas estos cambios en tu sitio antes de que Google actualice su algoritmo en mayo, podrás proporcionar una experiencia de usuario adecuada y obtener una ventaja competitiva sobre los sitios de la competencia que no se hayan preparado con antelación. Cualquier retraso puede hacerte perder tráfico e incluso penalizar tu sitio en las clasificaciones de los motores de búsqueda.

Pero aquí no se acaba. Google ha aclarado que esto es sólo el principio de su esfuerzo por ofrecer una mejor experiencia a todos los usuarios. De hecho, en los próximos años se introducirán más métricas de Core Web Vitals y factores de clasificación de la experiencia de la página.

Si necesitas más información sobre el uso de la plataforma Siteimprove para prepararte para Core Web Vitals, ponte en contacto con nuestro equipo.

Si aún no utilizas Siteimprove, solicita una demostración para ver cómo nuestra plataforma puede ayudarte a preparar tu sitio web para la actualización de la experiencia de la página.