La velocidad de la página ahora es más importante para el SEO – Usabilidad web y seo

La velocidad de la página ahora es más importante para el SEO

Vistas: 11
0 0
Tiempo de lectura:7 Minutos, 40 Segundos

Los Core Web Vitals son métricas de velocidad que forman parte de las señales de Google Page Experience que se utilizan para medir la experiencia del usuario. Las métricas miden la carga visual con el mayor contenido de pintura (LCP), estabilidad visual debido al cambio de diseño acumulativo (CLS) e interactividad con First Input Delay (DEFENSOR).

La experiencia del sitio y las métricas de Core Web Vital incluidas se utilizarán oficialmente para la clasificación del sitio en mayo de 2021.

Fuente: Google.

La forma más sencilla de ver los datos de su sitio web es utilizar el Informe de datos fundamentales de la Web en la Consola de búsqueda de Google. Con el informe, puede ver fácilmente si sus páginas están clasificadas como «URL débiles», «URL que necesitan mejoras» o «buenas URL».

En el informe, puede encontrar información más detallada sobre cada problema y una lista de las páginas afectadas.

Datos rápidos sobre Core Web Vitals

Hecho 1: Los datos se desglosan en computadoras y dispositivos móviles, pero solo se utilizarán señales móviles para la clasificación de páginas. En marzo, Google cambiará a la indexación optimizada para dispositivos móviles al 100%, por lo que es una buena idea utilizar señales de velocidad para dispositivos móviles, ya que sus páginas indexadas también se basarán en versiones para dispositivos móviles.

Hecho 2: Los datos provienen del Informe de experiencia del usuario de Chrome (CrUX), que registra datos de usuarios seleccionados de Chrome. Sus métricas se clasificarán en el percentil 75 de los usuarios, por lo que si el 70% de sus visitantes son «buenos» y el 5% «necesitan mejorar», su sitio todavía se clasifica como «necesitan mejorar».

Hecho 3: Las métricas se evaluarán para cada página, pero si no hay suficientes datos disponibles, John Mueller afirma que se pueden usar las señales de una sección del sitio o de todo el sitio.

Hecho 4: Después de agregar estos nuevos datos AMPERIO se elimina como requisito de Destacados en dispositivos móviles. Dado que las nuevas historias en realidad no incluirán datos sobre métricas de velocidad, probablemente pueda usar datos de una categoría más grande de páginas o incluso de un dominio completo.

Hecho 5: Las aplicaciones de una sola página no miden varias métricas, DEFENSOR y LCPa través de transiciones de página. Hablaremos de eso en un minuto.

Hecho 6: Los indicadores pueden cambiar con el tiempo, al igual que los umbrales. Durante años, Google ha cambiado las métricas utilizadas para medir la velocidad en sus herramientas, así como los umbrales de lo que se considera rápido o no. Es muy probable que todo esto vuelva a cambiar en el futuro. De hecho, trabajamos un poco para mejorar los indicadores anteriores el año pasado, pero tenemos que trabajar un poco más para mejorar los nuevos indicadores.

¿Son importantes los elementos fundamentales de la Web para SEO?

Para determinar las expectativas, recuerde que hay más de 200 factores de clasificación. No esperaría mucha mejora de la mejora de Core Web Vitals. No se sabe cuánto afectarán los rankings, pero es poco probable que sea una señal fuerte, especialmente considerando que muchos de los elementos relacionados con el funcionamiento del sitio web ya han sido utilizados por Google para determinar los rankings.

Veamos cada una de las características web básicas con más detalle.

Componentes principales de Web Vitals

La pintura con mayor contenido (LCP) – Cargando

LCP es el elemento visible más grande cargado en la ventana gráfica.

Fuente: web.dev/vitals

El elemento más grande suele ser una imagen destacada o tal vez una etiqueta.

pero puede ser cualquiera de los siguientes:

  • elemento
  • Elemento dentro del elemento
  • La imagen dentro del artículo
  • Imagen de fondo cargada con la función url ()
  • Bloques de texto

y

Como ver LCP

En PageSpeed ​​Insights LCP el artículo se especificará en la sección Diagnóstico. En el caso de la página probada, la extensión LCP esta es nuestra imagen destacada en una publicación de blog.

En Chrome DevTools, siga estos pasos:

  1. Rendimiento> marque «Capturas de pantalla»
  2. Haga clic en «Comenzar a crear perfiles y volver a cargar la página».
  3. LCP está en el gráfico de tiempo
  4. Haga clic en el nodo; este es el artículo para LCP

Mejoramiento LCP

Con la nuestra LCP el elemento de imagen destacado en esta y muchas otras páginas, probablemente podamos mejorar esto cargando previamente esta imagen o posiblemente insertando la imagen completa para que la imagen se descargue con HTML código. Básicamente, queremos cargar esta imagen más rápido de lo que lo hacemos actualmente.

Recursos

Desplazamiento de diseño acumulativo (CLS) – estabilidad visual

CLS mide la forma en que se mueven los elementos o la estabilidad del diseño de la página. Tiene en cuenta el tamaño del contenido y la distancia que recorre. Uno de los principales problemas con los datos es que se siguen midiendo incluso después de cargar la primera página. Google está recopilando comentarios sobre este indicador en particular, por lo que es probable que veamos algunos cambios en el futuro.

Fuente: web.dev/vitals

Puede ser molesto si intenta hacer clic en algo en una página que se mueve y termina haciendo clic en algo que no tenía la intención de hacer. Me pasa todo el tiempo. Hago clic en una cosa y de repente hago clic en un anuncio, ni siquiera en el mismo sitio. Es frustrante como usuario.

Causas comunes CLS Contiene:

  • Imágenes sin dimensiones
  • Anuncios, inserciones e iframes sin dimensiones
  • Inyección de contenido a través de JavaScript
  • Aplicar fuentes o estilos al final de la carga

Como ver CLS

En PageSpeed ​​Insights, en Diagnóstico, encontrará una lista de elementos que cambian.

Utilizando WebPageTest. En la vista de tira de película, use las siguientes opciones:

  • Resaltar cambios de diseño
  • Tamaño de la miniatura: enorme
  • Intervalo entre miniaturas: 0,1 seg.

Observe cómo cambiamos nuestros estilos de fuente entre 5.1s-5.2s, cambiando el diseño a medida que aplicamos nuestra fuente personalizada.

Puedes intentar cambiar el diseño GIF Generador.

Smashing Magazine también compartió una técnica interesante en la que describieron todo con una línea roja sólida de 3px y grabaron un video de carga de página para identificar dónde se están produciendo los cambios de diseño.

Mejoramiento CLS

En el caso de nuestra página de prueba, es posible que deseemos precargar nuestra fuente personalizada, eliminar la fuente personalizada por completo (dudoso que sea) o usar la fuente predeterminada para la carga de la página inicial y solo cargar nuestra fuente en cargas de página posteriores. Tienen compensaciones en términos de marca, estilo, consistencia, etc. y tendremos que decidir cuál es el mejor camino a seguir.

Recursos

Retraso de la primera entrada (DEFENSOR) – interactividad

DEFENSOR es el tiempo desde la interacción del usuario con su sitio web hasta que el sitio web puede responder. También puede pensar en él como receptivo. Esto no incluye desplazamiento ni zoom.

Ejemplos de interacciones:

  • hacer clic en un enlace o botón
  • ingresando texto en el campo vacío
  • seleccionando el menú desplegable
  • haciendo clic en la casilla de verificación.

Puede ser frustrante hacer clic en algo y no sucede nada en la página.

Fuente: web.dev/vitals

No todos los usuarios interactuarán con la página, por lo que es posible que no tengan el archivo. DEFENSOR valor. Por esta razón, las herramientas de prueba de laboratorio no tendrán ningún valor ya que no interactúan con el sitio. Utilice el tiempo total de bloqueo (TBT) en lugar de.

Vencer DEFENSOR

JavaScript compitiendo por el hilo principal. Solo hay un hilo principal y JavaScript compite para ejecutar tareas en él.

Fuente: https://web.dev/long-tasks-devtools

Mientras se ejecuta la tarea, la página no puede responder a la entrada del usuario. Este es un retraso percibido. Cuanto más largo sea el trabajo, mayor será la demora experimentada por el usuario. Las brechas entre tareas son oportunidades que tiene una página para cambiar a una tarea de entrada de usuario y responder a lo que quería hacer.

Mejoramiento DEFENSOR

No veo ninguna preocupación sobre nuestro sitio web DEFENSOR, pero en general, desea dividir las tareas largas y posponer la compatibilidad con JavaScript innecesaria para más adelante.

Recursos

Herramientas básicas de medición de datos vitales web

La diferencia entre los datos de laboratorio y los de campo es que los datos de campo incluyen usuarios reales, condiciones de red, dispositivos, caché, etc., y los datos de laboratorio se prueban constantemente en las mismas condiciones con la esperanza de que los resultados de las pruebas sean repetibles.

Datos de campo

Datos de laboratorio

Me gusta el informe GSC porque puede ver datos de varias páginas a la vez, pero está un poco retrasado y con un promedio móvil de 28 días, por lo que los cambios pueden tardar un poco en aparecer en su informe. En Chrome 88, Google agrega Core Web Vitals directamente en DevTools.

También puede encontrar los pesos de puntuación de Lighthouse y ver los cambios históricos en cualquier momento.

Pensamientos finales

Desea mejorar Core Web Vitals para brindar a sus usuarios una mejor experiencia. Queda por ver qué impacto tendrán SEOpero como mencioné en mi artículo sobre la velocidad de la página, deberían ayudarlo a capturar más datos analíticos que «parecen» aumentar.

Trabaje con sus desarrolladores; ellos son los expertos aquí. La velocidad de la página puede ser muy compleja. Si está solo, es posible que deba confiar en un enchufe o servicio para solucionarlo. WP Rocket o NitroPack.

Happy
Happy
0
Sad
Sad
0
Excited
Excited
0
Sleepy
Sleepy
0
Angry
Angry
0
Surprise
Surprise
0
Previous post 9 ideas de generación de leads en redes sociales para probar a continuación
Next post Por qué son importantes las imágenes de marketing diversas

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta