¿Qué son los elementos fundamentales de la Web? + Cómo mejorar el tuyo

Atrás quedaron los días de Internet de acceso telefónico cuando las páginas web se cargaban línea por línea.

Los usuarios de Internet de hoy esperan una respuesta instantánea, ya que el 93% de las personas abandonan un sitio web porque no se cargó correctamente. Nadie pierde el tiempo en una mala experiencia.

Para mejorar la experiencia en línea, Google lanzó Core Web Vitals, un conjunto de métricas para ayudar a los propietarios de sitios a medir la velocidad, la capacidad de respuesta y la estabilidad visual de sus páginas.

El informe Core Web Vitals le brinda información sobre el rendimiento de la página, para que pueda mejorar la experiencia de su sitio y dejar que los bots de Google sepan que es digno de una clasificación de búsqueda alta.

Pero, ¿por qué la velocidad y la experiencia del usuario son importantes para su empresa?

• Si el tiempo de carga de la página aumenta de 1 segundo a 3 segundos, la tasa de rebote aumenta un 32%.

• Si el tiempo de carga de la página aumenta de 1 segundo a 6 segundos, la tasa de rebote aumenta en un 106%. (Google)

Una alta tasa de rebote perjudica su balance final. Los clientes potenciales simplemente saltarán a un sitio de la competencia si el suyo tarda en cargarse.

Pero si aprende qué métricas debe alcanzar y comienza a mejorar sus páginas, Google lo recompensará con mejores clasificaciones y creará una experiencia más agradable para los clientes potenciales.

Para hacerlo, debe comprender las métricas que conforman Core Web Vitals:

• La pintura con contenido más grande (LCP) mide el rendimiento de carga de una página. Considera la cantidad de tiempo que lleva cargar la mayor parte de contenido (generalmente un video, una imagen o un bloque de texto) desde que un usuario solicita la URL. Google recomienda sitios mantener LCP por debajo de 2,5 segundos para el 75% de las cargas de su página.
• First Input Delay (FID) mide la interactividad de una página. Es el tiempo entre una acción (pensar, hacer clic en un botón o en un enlace) hasta que un navegador responde a esa acción. La medición de FID proviene de cualquier elemento en el que se haga clic primero, pasando la página de estática a interactiva. La capacidad de respuesta es crucial para dar una buena primera impresión a los visitantes al mostrar que su sitio es confiable y funciona sin problemas. Google recomienda sitios mantenga el FID por debajo de 100 milisegundos para el 75% de las cargas de la página.
• Cambio de diseño acumulativo (CLS) mide todos los cambios de diseño que se producen en una página. Se puntúa desde cero (sin cambios) a un número positivo (más cambios). Las causas comunes de los cambios son los anuncios de banner desplegables, los botones que aparecen o las imágenes que hacen que un bloque de texto se mueva. Todo esto contribuye a una experiencia de usuario negativa, por lo que es importante reducir los cambios que ocurren en su sitio. Google recomienda sitios aspirar a una puntuación CLS de 0,1 o menos.

Fuente de imagen

Al analizar millones de páginas, Google descubrió que los usuarios tienen un 24% menos de probabilidades de abandonar la carga de páginas cuando un sitio cumple con los requisitos anteriores. Si está ansioso por obtener más detalles, consulte la investigación detrás de Definir los umbrales de métrica de Core Web Vitals.

Cómo mejorar los elementos fundamentales de la Web

Lo primero es lo primero, necesita métricas de referencia para su sitio. Siga estos pasos para conocer su punto de partida:

1. Conecte su URL a la herramienta PageSpeed ​​Insights de Google.
2. Haga clic en «Analizar».
3. Comprueba tu rendimiento. Las etiquetas «Deficiente», «Necesita mejorar» y «Bueno» se asignan a su URL tanto en dispositivos móviles como en computadoras de escritorio. Alternar entre los dos en la esquina superior izquierda de la página.

Así es como se ve cuando ejecuté un análisis en HubSpot.

Fuente de imagen

Puede ver que la versión de escritorio funciona mejor que la móvil, lo cual es común. En un estudio de cinco millones de páginas, Backlinko descubrió que la página web promedio tarda un 87,84% más en cargarse en dispositivos móviles que en computadoras de escritorio. Algunos factores importantes que afectaron la velocidad: el tipo de CMS, CDN y alojamiento, y el peso de la página.

Si su URL no tiene suficientes datos para una métrica específica de Core Web Vitals, no verá esa métrica aparecer en el informe. Una vez que su URL tenga suficientes datos, el estado de su página reflejará la métrica con el peor rendimiento.

Solucionar problemas en Core Web Vitals

Se necesitará trabajo para mejorar el rendimiento de sus páginas, pero puede comenzar a abordar los problemas con un enfoque paso a paso.

1. Priorice los problemas por etiqueta: Aborde primero todo lo etiquetado como «Deficiente». Luego, elija su trabajo en función de los problemas a gran escala que afectan la mayor cantidad de URL o las URL más importantes. Luego vienen los problemas con la etiqueta «Necesita mejorar».
2. Hacer una lista: Cree una lista de trabajo priorizada para el equipo que actualizará el sitio. Incluya estas correcciones de página comunes como referencia:

• Reduzca el tamaño de la página a menos de 500 KB.
• Limite cada página a 50 recursos para un rendimiento móvil óptimo.
• Considere optimizar su página para una carga rápida con AMP.

3. Comparta soluciones comunes: Cada métrica de Core Web Vitals tiene una docena de formas de mejorar el umbral. A continuación, describí las razones básicas de un estado «Deficiente» y cómo se pueden solucionar.

Mejorando LCP se ve afectado por tiempos de respuesta lentos del servidor, representación del lado del cliente, JavaScript y CSS que bloquean la representación y tiempos lentos de carga de recursos. Puede aspirar a mejorar la LCD optimizando cada uno de los siguientes elementos del sitio:

Mejorando FID se trata de medir qué tan rápido responde su sitio a las acciones de los usuarios. Aquí, desea corregir las malas primeras experiencias que las personas tienen en una página. Para ver cómo mejorar su umbral de FID y comprobar cómo los usuarios interactúan con su sitio, puede ejecutar una auditoría de rendimiento con la herramienta Lighthouse de Chrome. También puede probar los siguientes ajustes para mejorar su puntuación.

Mejorar CLS y reducir los cambios inesperados se reduce a seguir un puñado de mejores prácticas. Dígale adiós a los banners que saltan y los clics accidentales en los anuncios.

• Incluya atributos de tamaño o Cuadros de relación de aspecto CSS para imágenes y videos. Estos números le dicen al navegador cuánto espacio debe asignar para el elemento de la página mientras se carga, lo que evita cambios a medida que los elementos se vuelven visibles.
• No agregue contenido por encima del contenido existente. La única excepción es si es en respuesta a una acción del usuario donde se espera un cambio.
• Proporcione contexto para las transiciones. Todas las animaciones y transiciones dentro de un diseño deben tener contexto y continuidad si está moviendo usuarios de una parte de la página a otra.

Cuando crea que se solucionó un problema específico, puede verificar si sus umbrales han mejorado en el informe de Search Console Core Web Vitals. Haga clic en «Iniciar seguimiento» para iniciar una sesión de validación de 28 días que supervisa su sitio en busca de signos del problema. Si no aparece durante ese tiempo, considérelo arreglado.

Como todos los factores de clasificación, el diablo está en los detalles. Si es un desarrollador o un aficionado a la tecnología que desea obtener más información sobre cómo optimizar Core Web Vitals, consulte las guías de Google para optimizar LCP, FID o CSL.

Cronograma para la clasificación de Core Web Vitals

Core Web Vitals se incluirá en el ranking de búsqueda de Google a partir de mayo de 2021. Originalmente anunciaron planes para la actualización en mayo de 2020, pero postergaron el lanzamiento debido al impacto global de COVID-19.

Y, como señala Dave Brong, CTO de WebMechanix, «Core Web Vitals es la ‘web 3.0’ a la que se enfrenta nuestra generación de expertos en SEO y desarrollo web».

«Al cambiar el enfoque de métricas endebles a nivel de servidor y más hacia la experiencia del usuario (UX), Google está allanando el camino para una web mejor accesible en el futuro».

Mientras prepara su sitio para los Core Web Vitals, recuerde que estos son solo una parte de las señales de búsqueda existentes de Google. La búsqueda también considera la compatibilidad con dispositivos móviles, la seguridad HTTPS, la navegación segura y las pautas intersticiales intrusivas.

Parte de Core Web Vitals incluirá varios cambios importantes para los propietarios del sitio:

«El cambio para que el contenido que no sea de AMP sea apto para aparecer en la función Top Stories para dispositivos móviles en la Búsqueda también se implementará en mayo de 2021. Cualquier página que cumpla con las políticas de contenido de Google Noticias será elegible y daremos prioridad a las páginas con una excelente experiencia en la página. , ya sea implementado mediante AMP o cualquier otra tecnología web, ya que clasificamos los resultados «. (Google)

Decidir mejorar los elementos básicos de la Web de su sitio puede no parecer una tarea sencilla. Pero al priorizar las páginas más problemáticas y coordinarse con su equipo web, puede trabajar hacia una etiqueta «Bueno» y brindar a todos los que visitan su sitio una gran experiencia.