驴c贸mo puedes comenzar a optimizar tu sitio web para que se ajuste a los nuevos criterios de UX de Google?

Cuando Google anunci贸 el a帽o pasado que su actualizaci贸n Core Web Vitals (CWV) se convertir铆a en un factor de clasificaci贸n en junio de 2021, los SEO, desarrolladores y dise帽adores de todo el mundo emitieron un escalofr铆o colectivo.

5 consejos de Optimizaci贸n web para los nuevos criterios UX de Google 1

Despu茅s de todo, cualquier ajuste nuevo e importante en el algoritmo de Google normalmente tender铆a a causar cambios tect贸nicos en la clasificaci贸n de los sitios web. Por lo general, tales actualizaciones requieren adaptaci贸n, optimizaci贸n y, a menudo, cambios igualmente s铆smicos en las formas en que tu sitio muestra el contenido. Todo eso suma mucho trabajo para la Optimizaci贸n web para los nuevos criterios UX de Google.

Pero Core Web Vitals (CWV) es un caso especial. Google ha dise帽ado y est谩 implementando estos nuevos criterios espec铆ficamente para mejorar la velocidad, la interactividad y el dise帽o de las p谩ginas de tu sitio web. Esta actualizaci贸n del algoritmo no es ni arbitraria ni caprichosa. Al construirlo, Google realmente ha priorizado la experiencia del usuario en toda la comunidad en l铆nea para la Optimizaci贸n web para los nuevos criterios UX de Google.

Como sabes, 隆UX importa! Es por eso que, en este art铆culo, desglosar茅 las formas clave en las que Core Web Vitals (CWV) permite que la experiencia del usuario web y el dise帽o de una multitud de sitios en la web funcionen mejor para los usuarios. Adem谩s de guiarte a trav茅s de algunos conocimientos clave sobre Core Web Vitals que necesitas conocer, tambi茅n ofrecer茅 mis mejores consejos para ayudarte a garantizar que optimizas tu sitio para la Optimizaci贸n web de los nuevos criterios UX de Google.

Recibe mi Newsletter semanal
Recibir谩s un email semanal (los domingos por la ma帽ana) con el mejor contenido que vaya encontrado por la red.


Yo tambi茅n odio el spam solo contenido de valor a trav茅s de mi newsletter

驴Cu谩les son las principales web vitals para la Optimizaci贸n web de los nuevos criterios UX de Google?

Optimizaci贸n web para los nuevos criterios UX de Google

Hay tres Core Web Vitals, cada uno de los cuales rige un elemento ligeramente diferente de la experiencia del usuario de una p谩gina:

  • (LCP): esta medida analiza el tiempo que tarda en cargarse el contenido principal de una p谩gina, ya sea texto, im谩genes o un video. Trata de que tu contenido principal se cargue en 2,5 segundos para la Optimizaci贸n web de los nuevos criterios UX de Google.
  • (FID): esta medida tiene en cuenta la cantidad de tiempo que tarda tu p谩gina en volverse interactiva, por ejemplo, permitir que un visitante haga clic en un enlace o un bot贸n. Esto no deber铆a tomar m谩s de 100 milisegundos para la Optimizaci贸n web de los nuevos criterios UX de Google.
  • (CLS): esta medida de estabilidad visual analiza la frecuencia con la que un usuario experimenta cambios inesperados y discordantes en el contenido de una p谩gina. La m茅trica que puede usar para medir esto es el puntaje de cambio de dise帽o de Google, del informe Core Web Vitals de Google Search Console. Tus p谩ginas deben apuntar a un cambio de dise帽o acumulativo de menos de 0.1, siendo ideal una puntuaci贸n de cero.

驴Qu茅 es la experiencia de p谩gina?

Core Web Vitals se ha convertido en un factor de clasificaci贸n, algo que los motores de b煤squeda consideran al calcular d贸nde debe ubicarse un sitio en sus clasificaciones.

Google complet贸 su lanzamiento de Core Web Vitals en agosto de 2021, por lo que ahora se han convertido en un factor de clasificaci贸n, algo que los motores de b煤squeda consideran al calcular d贸nde debe ubicarse un sitio en sus clasificaciones. En el caso de Core Web Vitals (CWV), este factor de clasificaci贸n tiene un nombre. Se llama Experiencia de p谩gina.

La Experiencia de p谩gina consta de los tres Core Web Vitals, adem谩s de otras tres m茅tricas de UX que han existido por un tiempo, de la siguiente manera:

  • Seguridad: esto requiere equipar tu sitio con un certificado SSL (Secure Sockets Layer).
  • Facilidad m贸vil: esto significa proporcionar una buena experiencia de usuario en todos los smartphones y tabletas, as铆 como en las computadoras de escritorio para la Optimizaci贸n web de los nuevos criterios UX de Google.
  • Sin anuncios o ventanas intrusivas: evite incluir ventanas emergentes molestas o cualquier otro elemento de la p谩gina que pueda interrumpir las interacciones del usuario con el contenido para la Optimizaci贸n web de los nuevos criterios UX de Google.

Con todo esto en mente, est谩 claro c贸mo las actualizaciones m谩s recientes de Google pueden ayudarte a mejorar la experiencia del usuario y la accesibilidad de tu sitio. Tiempos de carga m谩s r谩pidos, menos ventanas emergentes frustrantes y seguridad garantizada para los usuarios cuando navegan, 隆independientemente del dispositivo en el que est茅n viendo tu sitio! Echa un vistazo al diagrama que se muestra en la Figura para obtener una explicaci贸n visual de c贸mo se descomponen Core Web Vitals (CWV) y la Experiencia de p谩gina para la Optimizaci贸n web para los nuevos criterios UX de Google.

Optimizaci贸n web para los nuevos criterios UX de Google
Optimizaci贸n web para los nuevos criterios UX de Google

Entonces, 驴c贸mo puedes comenzar a optimizar tu sitio web para que se ajuste a los nuevos criterios de UX de Google? Echemos un vistazo con m谩s detalle.

C贸mo optimizar tu sitio web para los nuevos criterios UX de Google

Con la carga diferida, las im谩genes que se encuentran m谩s abajo en la p谩gina… no se cargan hasta que el usuario se haya desplazado hacia abajo. Despu茅s de todo, el usuario no necesita este contenido hasta m谩s tarde, 驴por qu茅 cargarlo todo de una vez?

Antes de llegar a mis mejores consejos para hacer que tu sitio sea compatible con Core Web Vitals (CWV), debo se帽alar que muchos de los siguientes consejos dependen de c贸mo hayas construido tu sitio web para la Optimizaci贸n web para los nuevos criterios UX de Google.

Si has creado tu presencia en l铆nea utilizando un creador de sitios web como Squarespace, Wix, GoDaddy o Strikingly, por nombrar solo algunos, los consejos que se encuentran a continuaci贸n se adaptar谩n a tus necesidades a la perfecci贸n. Del mismo modo, aqu铆 hay muchos consejos para ti si tu sitio se basa en un sistema de gesti贸n de contenido (CMS) como WordPress, Drupal, Django, Joomla o Magento, que son opciones populares.

1. Implementar la carga diferida para la Optimizaci贸n web de los nuevos criterios UX de Google.

Con la carga diferida, las im谩genes que se encuentran m谩s abajo en la p谩gina, que podr铆an denominarse contenido no esencial, no se cargan hasta que el usuario se desplaza hacia abajo. Despu茅s de todo, el usuario no necesita este contenido hasta m谩s tarde, 驴por qu茅 cargarlo todo de una vez?

La implementaci贸n de la carga diferida en tu sitio disminuye la percepci贸n del usuario de la cantidad de tiempo que tarda tu p谩gina en cargarse. Esto reduce tu tasa de rebote y ayuda a aumentar el puntaje LCP de tu sitio para la Optimizaci贸n web de los nuevos criterios UX de Google. Tambi茅n es excelente para la experiencia del usuario porque no est谩s sobrecargando a tus usuarios con contenido que a煤n no es necesario, como im谩genes que no necesitan ver hasta m谩s tarde, im谩genes que a煤n no tendr铆an sentido contextualmente.

Para aplicar la carga diferida a tus im谩genes, puedes saltar directamente al c贸digo HTML e insertar un loading=禄lazy禄 relativamente sencillo en las etiquetas de imagen. Alternativamente, la mayor铆a de los creadores de sitios web y CMS ofrecen complementos que pueden hacer esto por ti para la Optimizaci贸n web para los nuevos criterios UX de Google.

2. Comprime y optimiza tus im谩genes para la Optimizaci贸n web de los nuevos criterios UX de Google

La optimizaci贸n de la imagen deber铆a ser una obviedad. Si no est谩s comprimiendo y optimizando las im谩genes que carga en tu sitio, no est谩s proporcionando una buena experiencia de usuario para la Optimizaci贸n web de los nuevos criterios UX de Google.

Primero, eso se debe a que las im谩genes con dimensiones infladas pueden tener un efecto adverso en la velocidad de carga de tu sitio. Adem谩s, las im谩genes no solo pueden fallar al cargarse, sino que, dependiendo de qu茅 tan gigantescas sean las im谩genes, tambi茅n pueden hacer que tu web no se cargue.

Para optimizar tus im谩genes, primero cambia su tama帽o al ancho y alto de p铆xeles correctos para su ubicaci贸n en la p谩gina. Luego, simplemente ejec煤telos a trav茅s de una herramienta en l铆nea gratuita que los comprime, como tinypng.com , que es excelente, o iloveimg.com , que es excelente. Estas herramientas reducen el tama帽o de archivo de una imagen, sin comprometer su calidad, 隆y la compresi贸n toma solo unos minutos!

Una vez que hayas optimizado y comprimido tus im谩genes, y se cargan lentamente, las p谩ginas de tu sitio se cargan m谩s r谩pido, lo que te ayuda a alcanzar ese punto ideal de menos de 2,5 segundos para satisfacer los criterios LCP de Google. Sin embargo, hay una cosa m谩s que puedes hacer con las im谩genes para reducir los tiempos de carga de la p谩gina y mejorar la experiencia del usuario de tu sitio.

S铆, siempre que sea posible, evita incluir im谩genes de archivo banales y desactualizadas solo por adherirse a una plantilla de dise帽o. Tus usuarios aprecian el tiempo de desplazamiento que esto les ahorra y est谩n muy contentos sin que un hombre de negocios gen茅rico y sonriente les muestre el pulgar hacia arriba. Cuantas menos im谩genes incluyas, m谩s r谩pido se cargar谩 tu p谩gina para la Optimizaci贸n web de los nuevos criterios UX de Google.

5 consejos de Optimizaci贸n web para los nuevos criterios UX de Google 2
Descarga la Gu铆a de Design Thinking 2022 gratis

3. Cambia a un tema de dise帽o m谩s simple para la Optimizaci贸n web de los nuevos criterios UX de Google.

Cuanto m谩s inflada est茅 la plantilla de tu sitio con el c贸digo, m谩s tiempo tardar谩n tus p谩ginas en cargarse…

Si configuraste tu sitio utilizando un creador de sitios web o un CMS, lo m谩s probable es que hayas comenzado con un tema. Este es un tipo de plantilla, a menudo, una que han adaptado a una industria o nicho espec铆fico, en la que puedes basar tu sitio web, personalizando elementos a tu gusto en el camino.

Naturalmente, los temas son muy 煤tiles, pero no todas las plantillas son iguales. Particularmente no, como resulta, a los ojos de Core Web Vitals (CWV) de Google. Porque, mientras que algunos temas se basan en dise帽os relativamente simples y fuentes b谩sicas y, por lo tanto, requieren menos c贸digo, otros son implementaciones m谩s elaboradas, por lo que vienen con m谩s equipaje de fondo.

Esencialmente, cuanto m谩s inflada est茅 la plantilla de tu sitio con el c贸digo, m谩s tiempo tardar谩n sus p谩ginas en cargarse, y mayor ser谩 el impacto que tendr谩 en la velocidad de carga de las p谩ginas de tu sitio. Por lo tanto, te recomiendo que vuelvas a lo b谩sico y cambie a una plantilla de dise帽o m谩s limpia y simplificada.

No solo marcar谩 la casilla de los requisitos de LCP de Google, sino que tus usuarios te agradecer谩n la nueva experiencia de usuario refrescantemente simple y f谩cil de navegar de tu sitio para la Optimizaci贸n web de los nuevos criterios UX de Google.

4. Conozca el elemento m谩s grande en tu web para la Optimizaci贸n web de los nuevos criterios UX de Google.

Recuerda que las pautas de Core Web Vitals (CWV) de Google relacionadas con el contenido m谩s grande analizan cu谩nto tarda en cargarse el contenido principal de una p谩gina. Ese contenido, el LCP de una p谩gina, puede ser un fragmento de texto, una imagen o un video. Es importante familiarizarse con esta m茅trica porque, si bien puedes pensar que tiene la identificaci贸n del LCP de tu p谩gina al pie de la letra, Google puede tener otras ideas para la Optimizaci贸n web para los nuevos criterios UX de Google.

Es por eso que recomiendo un experimento r谩pido: simplemente ejecuta tu sitio a trav茅s de una herramienta llamada PageSpeedInsights . Se tarda unos minutos en averiguar qu茅 elemento de la p谩gina ha seleccionado Google como el MVP de tu p谩gina, es decir, tu LCP.

Pero 驴por qu茅 tomarse la molestia? Bueno, cuanto mayor sea tu comprensi贸n de qu茅 elemento es tu LCP, mejor podr谩s optimizarlo. Esto podr铆a significar comprimir o cambiar el tama帽o de una imagen o, cuando se trata de un video, reposicionarlo o eliminarlo de la p谩gina por completo para la Optimizaci贸n web de los nuevos criterios UX de Google.

Optimizaci贸n web para los nuevos criterios UX de Google

5. Sigue probando tu sitio en dispositivos m贸viles para la Optimizaci贸n web de los nuevos criterios UX de Google.

Ser capaz de obtener un desglose tan granular de la experiencia del usuario tanto en dispositivos m贸viles como en el escritorio es ideal porque te da una idea de cualquier problema que pueda ser nativo de los dispositivos m贸viles.

@pedrodelanube

Una parte clave de la se帽al de clasificaci贸n de la experiencia de la p谩gina de Google es la compatibilidad con dispositivos m贸viles, y esto tiene sentido. Cuando las personas tienen trenes que coger, horarios que seguir y nada m谩s que un tel茅fono inteligente como compa帽铆a, los dispositivos m贸viles se est谩n convirtiendo r谩pidamente en su principal fuente de contenido de Internet.

Lo 煤ltimo que deseas hacer es fallar a tu audiencia de smartphones al ofrecer una experiencia de usuario deficiente para dispositivos m贸viles. Para tener una idea s贸lida de c贸mo se est谩 representando tu sitio en dispositivos m贸viles, tu backend debe ser tu primer puerto de escala. Despu茅s de todo, la mayor铆a de los creadores de sitios web y CMS te permiten alternar entre las vistas de escritorio y de tel茅fono inteligente, por lo que puedes ver tu sitio como lo har铆a un usuario m贸vil y jugar con el formato visual para cada uno de ellos para la Optimizaci贸n web de los nuevos criterios UX de Google.

Como afirma Jon Buchan, director de la empresa de plantillas de correo electr贸nico B2B (empresa a empresa), Charm Offensive:

鈥淓stamos poniendo un 茅nfasis activo en mejorar la experiencia m贸vil de los usuarios. En los 煤ltimos a帽os, la compatibilidad con dispositivos m贸viles se ha convertido en un factor de clasificaci贸n importante para Google. Con la 煤ltima actualizaci贸n, el gigante de los motores de b煤squeda se centra en la usabilidad m贸vil de los sitios web.

鈥淐onsiderando esto, estamos trabajando para mejorar los aspectos clave de nuestro sitio web para que sea relevante para los dispositivos m贸viles. Probamos nuestro sitio web con la Herramienta de prueba de compatibilidad con dispositivos m贸viles de Google y usamos el an谩lisis para anclar algunos cambios clave en los pr贸ximos d铆as.

鈥淎dem谩s, estamos trabajando en varios aspectos, que incluyen la habilitaci贸n de p谩ginas m贸viles aceleradas (AMP), el redise帽o de ventanas emergentes y llamadas a la acci贸n, y el uso de un tema m谩s receptivo dise帽ado para dispositivos m贸viles鈥.

Una vez que hayas configurado tu sitio para el 茅xito m贸vil, querr谩s probarlo en varios dispositivos m贸viles, para ver c贸mo te est谩 yendo. Hacer esto no solo te brinda la experiencia completa de la experiencia del usuario de tu sitio desde la perspectiva del usuario, sino que tambi茅n te ayuda a tener una idea de cu谩n amigable es para dispositivos m贸viles. Mejor a煤n, puedes averiguar de primera mano qu茅 tan bien cumple tu sitio con los criterios de Google para FID (si es interactivo de inmediato) y CLS (si el contenido salta).

Nuevamente, PageSpeeds Insights es tu amigo. Cuando ejecutas tu sitio a trav茅s de esta herramienta, como lo hiciste anteriormente para averiguar cu谩l era tu LCP, puedes separar el rendimiento de tu p谩gina en dispositivos m贸viles y de escritorio, alternando entre ellos con un simple bot贸n en la esquina superior derecha de la pantalla.

Ser capaz de obtener un desglose tan granular de la experiencia del usuario tanto en dispositivos m贸viles como en el escritorio es ideal porque te da una idea de cualquier problema que pueda ser nativo de los dispositivos m贸viles. Adem谩s, identificar y solucionar tales problemas no solo permite que tu sitio brille a los ojos de Core Web Vitals (CWV), sino tambi茅n a los de la poblaci贸n de miles de millones de usuarios que est谩n pegados a las pantallas de 6,5 pulgadas de sus smartphones, 隆as铆 que vale la pena hacerlo! 

Es cierto que optimizar tu web para los criterios UX de Google puede ser desafiante, pero para eso estamos, para ayudar. Contacta hoy para programar tu sesi贸n de estrategia y dejar que comience la lluvia de ideas.

Recibe mi Newsletter semanal
Recibir谩s un email semanal (los domingos por la ma帽ana) con el mejor contenido que vaya encontrado por la red.


Yo tambi茅n odio el spam solo contenido de valor a trav茅s de mi newsletter

Deja un comentario

Tu direcci贸n de correo electr贸nico no ser谩 publicada.

Este sitio usa Akismet para reducir el spam. Aprende c贸mo se procesan los datos de tus comentarios.

Ir arriba