Experiencia de la página de Google: actualización de clasificación

Este artículo se publicó por primera vez en mayo de 2020 y se actualizó en abril de 2021.

Los estudios de Google y la investigación de la industria han demostrado que los usuarios prefieren sitios web con una excelente experiencia de página. Google siempre está buscando qué factores considerar en los resultados de clasificación, como la velocidad de carga de la página y la compatibilidad con dispositivos móviles. La próxima actualización de la experiencia de la página tiene en cuenta una serie de factores que ponen al usuario al frente y al centro. Estos "elementos fundamentales de la web" ayudarán a Google a ofrecer a los buscadores el mejor contenido.

Experiencia de la página y Web Vitals principales

Core Web Vitals es un conjunto de métricas para ayudar a los propietarios de sitios web a medir las dimensiones de la experiencia del usuario, como el tiempo de carga, la interactividad y la estabilidad del contenido a medida que se carga. Google ahora ha proporcionado detalles de un próximo cambio en el ranking de búsqueda que incorporará estas métricas de experiencia de página.

Se está introduciendo una nueva señal que Google dice 'combina Core Web Vitals con nuestras señales existentes para la experiencia de la página para proporcionar una imagen holística de la calidad de la experiencia de un usuario en una página web'.

Estos cambios se implementarán en junio de 2021.

Además, cada año se incorporarán más señales de experiencia de página a medida que evolucionen las expectativas de los usuarios y aumente la capacidad de Google para medir más aspectos.

Clasificación de la experiencia de la página

Entonces, ¿cuál es la idea detrás de esto? Esencialmente, tener una buena experiencia permite a las personas lograr lo que quieren, y una mala experiencia podría impedir que alguien encuentre la información que busca. Google quiere seguir siendo el lugar de referencia para las personas que buscan información y, por lo tanto, debe brindar la mejor experiencia de búsqueda.

Al agregar la experiencia de la página a la mezcla con todas las demás señales, el objetivo es facilitar que las personas que usan sitios web encuentren lo que están buscando.

Métricas de página de nivel superior

Los tres componentes principales de la experiencia de página son:

• ¿Qué tan rápido carga la página?
• ¿Qué tan rápido reacciona la página a los usuarios?
• ¿Qué tan estable es la página (los elementos saltan mientras se carga)?

Ahora podemos analizar algunas de las métricas de nivel superior para descifrar lo que significan. (Los primeros 3 son lo que se conoce como los "elementos vitales principales de la web").

Vitales principales de la web

• Pintura con contenido más grande (LCP): esta métrica busca la imagen o el bloque de texto más grande. Mide cuánto tiempo lleva cargar ese elemento en la ventana gráfica. Esto podría ser una imagen destacada o una gran sección de texto. (Idealmente, esto debería ser menor o igual a 2,5 segundos).

• Cambio de diseño acumulativo (CLS): esta métrica mide la estabilidad visual. En otras palabras, mide cuánto cambia el contenido a medida que se carga la página, lo que dificulta leer o ver el contenido. (Quiere que sea menor o igual a 0,1).

• Primera demora de entrada (FID): se refiere a la rapidez con la que la página responde a un usuario (después de hacer clic en un botón, por ejemplo). Menos o igual a 100 ms es ideal para este.

También vale la pena tener en cuenta las siguientes métricas como medidas útiles de la efectividad de una página:

• Primera pintura con contenido (FCP): esta métrica mide cuánto tiempo tarda en cargarse el texto de la mitad superior de la página. Este es el contenido que ves sin necesidad de desplazarte. Demasiadas fuentes y archivos de fuentes grandes afectarán esta puntuación. Como ralentizará la carga de fuentes de recursos externos.

• Índice de velocidad (SI): esta métrica registra cuándo se detienen los cambios visuales en la mitad superior de la página. Eso significa que los videos y las imágenes destacadas afectan la puntuación del índice de velocidad.

• Tiempo de interacción (TTI): esta métrica mide cuánto tiempo tarda la página en estar lista para la entrada del usuario. Las aplicaciones de carga tardía y los scripts de seguimiento o análisis afectarán esta métrica.

• Tiempo total de bloqueo (TBT): esta métrica es como TTI, pero mide la cantidad total de tiempo de bloqueo en la página. Esto se refiere a que el usuario no puede hacer clic en los elementos o desplazarse por la página.

Es importante recordar que estos elementos fundamentales de la web no son de ninguna manera la única forma en que se evaluará su sitio. Hay muchos, muchos factores que Google tiene en cuenta al evaluar sus páginas. Si bien el énfasis aquí es ciertamente la experiencia del usuario, Google ha dicho que tener un gran contenido seguirá siendo la consideración más importante: buscará clasificar las páginas con la mejor información general, incluso si la experiencia de la página no es la mejor de las mejores.

Google no ha dicho cuánto se pondera cada factor, pero ha confirmado que "una buena experiencia de página no anula tener contenido excelente y relevante". Sin embargo, si todos los demás factores son iguales, la experiencia de la página podría ser el factor decisivo para su visibilidad.

Actualización de la consola de búsqueda

Google ha agregado una nueva sección a Search Console llamada 'Core Web Vitals' que informa sobre el rendimiento de su sitio en comparación con estas nuevas métricas de 'Experiencia de página'. Este informe le dirá dónde necesita mejorar y cómo implementar esas mejoras.

Google ha actualizado sus herramientas, como Lighthouse y PageSpeed ​​Insights, para permitir que los propietarios de sitios web midan mejor su propio rendimiento y mejoren la experiencia de la página para sus visitantes. Nuestro artículo sobre auditorías de velocidad de sitios web brinda una buena descripción general de las diferentes herramientas que puede usar, además de sus beneficios y limitaciones en términos de evaluación de su sitio.

Cómo prepararse para Core Web Vitals (no todos aplicables a las tiendas Shopify)

1 Mayor pintura con contenido (LCP)

Problema potencial: tiempos de respuesta del servidor lentos

Soluciones

a) Caché de activos: si su HTML es estático, almacenarlo en caché puede evitar que se vuelva a crear cuando no es necesario, lo que reduce el uso de recursos.

b) Dirigir a los usuarios a una CDN: una red de entrega de contenido utiliza servidores en muchos lugares del mundo, lo que elimina el problema de que los usuarios experimenten un sitio más lento debido a que están lejos de un solo servidor.

Problema potencial: Tiempos de carga de recursos lentos

Soluciones

a) Optimice y comprima sus imágenes usando tinypng: reduce el tamaño de los archivos sin sacrificar la calidad, por lo que se cargan más rápido pero aún se ven bien.

b) Use una imagen CDN: esto disminuirá la carga útil de la imagen, entregará imágenes adaptadas a cada dispositivo que lo solicite y enviará imágenes desde el borde de la red.

Problema potencial: representación del lado del cliente

Soluciones

a) Minimice su JavaScript y difiera el JavaScript no utilizado

b) Utilice la representación del lado del servidor si es posible

Problema potencial: JavaScript y CSS

Soluciones

a) Minimice su CSS: los archivos CSS a menudo contienen caracteres para que sea más fácil de leer, pero que no son necesarios para el navegador. Minimizarlos los elimina y aclara, por lo que mejorará el tiempo necesario para renderizar la página.

b) Descargar y servir la cantidad mínima de JavaScript necesario a los usuarios. Reducir la cantidad de bloqueo de JavaScript significa un procesamiento más rápido y, por lo tanto, un mejor LCP.

2 Cambio de diseño acumulativo (CLS)

Problema potencial: cambios de diseño inesperados

Soluciones

a) Incluya atributos de tamaño en activos como videos e imágenes, de modo que el navegador asigne la cantidad adecuada de espacio para el objeto antes de que se cargue.

b) Asegúrese de que el contenido inyectado dinámicamente solo se inserte debajo del contenido existente para que no provoque cambios de diseño inesperados.

3 Retardo de la primera entrada (FID)

Problema potencial: el navegador no responde rápidamente al usuario (probablemente porque todavía está ejecutando JavaScript)

Soluciones

a) Divida el código de ejecución prolongada en tareas más pequeñas. Las tareas largas dejan la página sin responder mientras se ocupa de las tareas. Dividirlos en partes más manejables puede ayudar a reducir el retraso de entrada.

b) Reduzca aún más el tiempo de ejecución de JavaScript al diferir JS no utilizado. Si el navegador no necesita el código para mostrar la página, aplazarlo; esto significará que la página está lista para la interacción del usuario más rápidamente.

Si necesitas ayuda para asegurarte de que tu SEO, contenido o sitio web cumpla con las pautas más recientes, ponte en contacto y nuestros expertos en diseño, desarrollo y SEO de Shopify estarán encantados de explicarte cómo podemos ayudarte.