En los últimos años, Google ha convertido cada vez más factores como la velocidad de la página, la optimización para móviles y la fiabilidad en factores positivos para aparecer en los resultados de búsqueda de Google. En mayo de 2020, Google anunció que agruparía determinadas métricas de medición como Page Experience Signals y, en mayo de 2021, las Page Experience Signals se implantaron como un nuevo factor de clasificación para los sitios web mediante el uso de diversos factores para crear una imagen holística de la calidad de la experiencia de un sitio web.

Los siete seis factores principales para la experiencia de usuario y de Pages incluyen

  • Velocidad de carga
  • Interactividad (FID - hasta febrero de 2024), Interacción con la siguiente pintura (INP - desde marzo de 2024)
  • Estabilidad visual (cambios de diseño acumulativos)
  • Optimización para móviles
  • Navegación segura: sin malware, sin falsificación de marcas, ...
  • HTTPS: cifrado mediante certificado SSL
  • Sin intersticiales intrusivos (banners en toda la superficie)
Factores vitales de la web y de la experiencia en Pages

Velocidad de carga en términos de Core Web Vitals

La carga se refiere a la velocidad del sitio web, la rapidez con la que el contenido principal se muestra al usuario. Google especifica tiempos de hasta 2,5 segundos como un buen valor que los operadores de sitios web deben esforzarse por conseguir para sus usuarios.

Interactividad y capacidad de respuesta como elementos vitales de la web

Interactividad en el sentido del primer retardo de entrada significa cuando una página reacciona realmente cuando un usuario quiere interactuar con ella... por ejemplo, desplazándose o haciendo clic en un botón. Es, por tanto, la velocidad de reacción de la página web a las interacciones del usuario. Este periodo debe ser lo más corto posible y un buen valor para Google es de hasta 100 ms. Desde marzo de 2024, la métrica ha sido sustituida por Interaction to Next Paint (INP). Interaction to Next Paint (INP) mide la capacidad de respuesta general de un sitio web a las interacciones del usuario mediante el control del retardo de todos los clics del ratón, pulsaciones de teclas y pulsaciones de teclado que se producen a lo largo de la visita de un usuario a una página. El valor final de INP corresponde a la interacción más larga observada, excluyendo los valores atípicos. La latencia se define aquí como el tiempo transcurrido entre una acción del usuario y la aparición de una respuesta visible a la misma.

El guión de mi tutorial sobre marketing digital, creado en la aplicación en línea Google Docs, consta de más de 600 páginas. En los últimos capítulos, noté pequeños problemas al escribir en mi navegador, ya que obviamente tenía dificultades para cargar sin problemas los cientos de páginas que consumían muchos recursos, incluidos los numerosos archivos de imagen. Un hecho que no me entorpecía necesariamente en mi trabajo, pero que sin embargo representaba una interrupción reactiva en el uso. Así que creé un nuevo documento en el que se creaba el capítulo y luego lo copié en el gran guión. En esto consiste exactamente la interactividad de los sitios web, en que la experiencia del usuario sea positiva en muchas facetas diferentes. Así que se trata de reaccionar a ciertas interacciones con el desplazamiento, los clics, los controles gestuales y también la suavidad de las animaciones.

Cambios de diseño acumulativos en el sentido de los elementos vitales de la web

Los desplazamientos acumulativos de la maquetación , es decir, los errores CLS, se producen cuando su sitio web se carga de forma asíncrona y un usuario lee una sección más abajo, por ejemplo, mientras que una imagen o un anuncio con un gran tamaño de archivo se carga en la parte superior y la colocación final hace que la maquetación salte hacia abajo. Suele ser el valor que hace fallar el Core Web Vitals si tu sitio web en sí carga rápidamente.

Pruebe PageSpeed con herramientas en línea

PageSpeed se puede probar aquí:
https://pagespeed.web.dev/
https://gtmetrix.com/

Resultado de PageSpeed Insights para TutKit - Escritorio

También puede utilizar Lighthouse en las funciones de desarrollo de su navegador Chrome. Simplemente pulse F12 y encontrará Lighthouse en el menú de la derecha, con el que podrá probar el sitio web abierto en ese momento.

El sitio web y la velocidad de respuesta dependen de muchos factores, como el rendimiento del servidor, la calidad del código, qué se carga cuándo, el tamaño de los archivos de imagen, los iconos como SVG en lugar de PNG, etc. Por lo tanto, tiene sentido seguir primero las recomendaciones de GTMetrix y PageSpeed Insight para conseguir mejoras globales si los valores aún no son buenos.

Google también te da el valor resumido de los nuevos Core Web Vitals para la experiencia de Pages como resultado. En Google Search Console, también tiene la opción de asignar una puntuación a las páginas individuales de su sitio web. Esto le ayuda a analizar, identificar y solucionar un problema en sus páginas.

Optimización móvil de un sitio web en términos de experiencia de Pages

La optimización para móviles de un sitio web también puede comprobarse mediante las herramientas de desarrollo del navegador Chrome con la barra de herramientas de alternancia de dispositivos (Ctrl + Mayús + M).

Para los desarrolladores, en particular, a veces es importante poder entender cómo reacciona un diseño en un dispositivo final específico, por ejemplo, si un cliente informa de un problema con un modelo antiguo de iPhone. En Chrome = F12, se pueden activar directamente distintos dispositivos, que muestran entonces la resolución. También existen herramientas profesionales que realizan pruebas exhaustivas, como el servicio Lambda Test.

La optimización para móviles también significa que los usuarios pueden ver cómodamente los contenidos en un smartphone sin tener que hacer zoom. También significa que el contenido que puede verse en un ordenador de sobremesa grande no tiene por qué ser visible en un smartphone. Un smartphone dispone de otros mecanismos de interacción (móvil), como el tacto en lugar del clic. Esto es especialmente importante en el caso de los populares elementos hover de los sitios web, que no funcionan de esta forma en los smartphones.

Hoy en día, los teléfonos inteligentes son también a menudo el punto de partida de una investigación que puede continuar más tarde en otro dispositivo, como una tableta o un ordenador de sobremesa. Se trata, por tanto, del inicio de un viaje más largo del cliente a través de múltiples dispositivos, por lo que la experiencia del usuario también debe tener en cuenta el uso entre dispositivos.

Mi pareja y yo tenemos tres hijos. Hace poco estuvimos en la piscina cubierta de un amigo. Mi smartphone estaba en una silla de playa cerca de la piscina. Se me ocurrió pensar qué pasaría si el smartphone se cayera al agua por accidente o por uno de los niños. Mi smartphone ya dirige la mitad de mi vida. Pero el pensamiento se hizo aún más explosivo porque también gestiono mi cartera en mi smartphone. 100% móvil... así es como se anuncia Trade Republic, mi broker online. De repente me di cuenta de que no tendría ninguna opción de copia de seguridad si perdía mi smartphone. No podría acceder a mi cuenta de valores durante varias horas o incluso días. Cualquiera que tenga en su cartera a lo largo del día unos cuantos valores con un apalancamiento elevado y un umbral de retirada ajustado puede imaginarse que esto puede desencadenar sin duda un pequeño pánico. El 100% móvil se convirtió así en una desventaja latente para mí, razón por la cual abrí una nueva cuenta con otro neobroker, donde puedo operar tanto desde el móvil como desde el escritorio. Trade Republic ahora también tiene una versión de escritorio, ¡eso es bueno!

Navegación segura en términos de experiencia de Pages

Navegar de forma segura significa que la página web no ofrece software malicioso y que también cumple las normas, por ejemplo, no utilizando logotipos de marcas que no están permitidas o fingiendo utilizar productos de marca que no tiene en su cartera. Esto también significa, por ejemplo, que un botón de reproducción de un vídeo debe reproducirlo realmente y no descargar nada para el usuario. El aspecto del malware en particular es el mayor riesgo para muchos sitios web en la navegación segura, que sólo puede limitarse actualizando constantemente el CMS y los plugins utilizados. Si su sitio web no necesita necesariamente un formulario de contacto, vale la pena considerar no utilizarlo porque los campos de formulario ofrecen a los hackers o hacks automatizados una puerta de entrada para inyecciones SQL, cross-site scripting, códigos hexadecimales, etc.

En agosto de 2021, Google dio marcha atrás en su postura anterior y declaró que la Navegación Segura ya no se tendría en cuenta como factor de clasificación. Esta medida se justificó por el hecho de que muchos propietarios de sitios web no pueden ser considerados responsables de la piratería informática. No obstante, los análisis PageSpeed Insights y Lighthouse incluyen una recomendación a favor de la navegación segura. Por lo tanto, cabe suponer que la cuestión para el SEO aún no está zanjada.

PageSpeed Insights Navegación segura

Conexiones seguras a través de HTTPS para una alta experiencia de Pages

HTTPS es estándar hoy en día. Todos los sitios deberían tener un certificado SSL. Especialmente en Alemania, también existe el riesgo de advertencias para los operadores de sitios web que no dispongan de un certificado SSL.

En este contexto, es especialmente importante asegurarse de que las imágenes que se colocaron antes de que se asignara un certificado SSL también se adapten de http a https en el código. De lo contrario, el navegador indicará que la página no es segura. Este es especialmente el caso de los sitios de WordPress, el CMS más utilizado de todos.

No utilizar intersticiales

El último punto de la tabla es evitar las intersticiales intrusivas , es decir, los banners a toda página que rara vez hacen latir más rápido el corazón de sus usuarios. Sólo fomentan la frustración y, por tanto, garantizan emociones negativas y una rápida cancelación. En este contexto, también debería pensar en banners de suscripción a boletines informativos que aparezcan rápidamente. Los banners de cookies para dar la bienvenida a nuevos clientes también son frustrantes. Si un usuario vuelve directamente a las SERPs después de experimentar un banner de este tipo, la señal del usuario para Google también es negativa.

Banner intersticial de superficie completa

Conclusión sobre los factores de experiencia de Pages

La adaptación a los factores de Google para una experiencia de usuario y de Pages elevada sólo puede ser realizada en gran medida por sus desarrolladores o su agencia de soporte. Es importante que usted, como empleado de marketing, sepa qué métricas se utilizan para medir la experiencia de Pages y qué herramientas puede utilizar para ello. Si se encarga la optimización a su agencia, asegúrese directamente en el contrato de que el trabajo requiere muy buenos resultados de medición para la aceptación del servicio. Y sea absolutamente consciente de que, desde mayo de 2021, la experiencia de Pages influye activamente en la búsqueda y la clasificación de los sitios web en Google. Sus competidores también habrán experimentado efectos en la clasificación y habrán adaptado sus sitios web a los nuevos requisitos si han caído en las SERP.

Si desea que su presencia en línea ocupe los primeros puestos en los resultados de búsqueda de Google, no puede eludir el tema de la experiencia de Pages. Y en última instancia, no lo hace sólo por razones de SEO, sino también como parte de su experiencia de marca para que sus clientes objetivo sean conducidos más fácilmente al comportamiento deseado.

Entonces, ¿qué otros elementos en particular mejoran la experiencia de usuario de su grupo objetivo en su sitio web? Básicamente, se trata de todos los puntos de contacto con los que se encuentra el usuario en su recorrido por el embudo hasta la conversión deseada. Más información sobre este tema en otras partes de esta serie de ayuda.

La experiencia de Pages es un factor de clasificación SEO para Google (Core Web Vitals)

Publicado el de Matthias Petri
Publicado el:
En Matthias Petri
Matthias Petri fundó la agencia 4eck Media GmbH & Co. KG junto con su hermano Stefan Petri en 2010. Junto con su equipo, dirige el popular foro especializado PSD-Tutorials.de y el portal de aprendizaje electrónico TutKit.com. Ha publicado numerosos cursos de formación sobre procesamiento de imágenes, marketing y diseño y ha impartido clases de "Marketing y comunicación digital" como profesor en la FHM de Rostock. Ha recibido varios premios por su trabajo, entre ellos el premio especial del Mecklenburg-Vorpommern Website Award en 2011 y como Kreativmacher Mecklenburg-Vorpommern 2015. Fue nombrado miembro del Centro Federal de Excelencia para las Industrias Culturales y Creativas en 2016 y participa en la iniciativa "We are the East " como empresario y director general en nombre de muchos otros protagonistas de origen germano-oriental.