Si trabajas como diseñador gráfico, sabrás que la experiencia de usuario es cada vez más importante. Y dentro de este, ¿sabías cómo influye el diseño de tu web en las Core Web Vitals?
Estas no solo afectarán al diseño, sino que también lo harán al SEO, a tu posicionamiento… Pero, ¿por qué? A continuación te lo explicamos para que puedas darle a tus clientes el mejor servicio.
Qué son las Core Web Vitals
Antes de meternos de lleno en explicarte los motivos por los que debes relacionar el diseño de tu web con las Core Web Vitals conviene que sepas a qué nos estamos refiriendo.
Este término no es otro que el que incluye un conjunto de métricas establecidas por Google y tan importantes que son las que te pueden decir qué experiencia de usuario va a tener un usuario en un sitio web. Dicho de otro modo, se trata de herramientas con las que analizar una web y saber si tiene una buena experiencia de usuario o no.
Por ejemplo, imagina que tienes una web. Te toca hacer el diseño nuevo y revisas, antes de empezar, cuál es la experiencia de usuario utilizando para ello las Core Web Vitals.
Ahora, una vez terminas el diseño, vuelves a analizarlo. Y, si el trabajo se ha realizado bien, debería salir un número bastante mayor que el primero que se obtuvo.
Métricas principales
Tal y como te hemos dicho, las Core Web Vitals son un conjunto de métricas. Lo cierto es que hay bastantes pero los expertos suelen fijarse solo en tres o cuatro de ellas, que son consideradas las más importantes.
LCP, Largest Contentful Paint o Tiempo de carga del contenido principal
Estos nombres hacen referencia a una métrica cuyo objetivo es el de medir la velocidad de carga. Es decir, si una página web tarda mucho, o poco, en cargarse en los ordenadores y visualizarse por completo.
Según Google, el tiempo de carga ha de ser menor de 2,5 segundos. Por eso, todo lo que tarde más de ese tiempo estaría fallando con esta métrica y afectaría al posicionamiento y al SEO.
FID, First Input Delay o Interactividad
Una vez que un usuario entra en una página web, tiene que navegar por ella, ¿verdad? Es decir, necesita pasar de una página a otra.
Y aunque cada medición podrías pensar que eso lo medirá la métrica anterior, lo cierto es que no.
Por eso existe esta otra métrica que valora cuál es la rapidez de la página para mostrar una página en el momento en que el usuario hace clic en el enlace.
Para que te sea más fácil entenderlo: imagina que entras en una web y quieres ir al Sobre mí. El tiempo que transcurre del clic al botón hasta que te muestra la página nueva puede ser bueno o malo.
¿Cuánto es lo mejor para Google? Que esté por debajo de los 0,1 segundos. Esto no es fácil a veces.
Pero también deberías tenerlo muy en cuenta en el diseño de tu web.
CLS, Cumulative Layout Shift o Estabilidad visual
Finalmente, tenemos una tercera métrica de las más importantes (y que influye en el diseño de tu web). La estabilidad visual se puede entender como los cambios que se producen en la página al cargar, que hacen que cliques en zonas donde no querías ir.
Para que te sea más fácil: imagina que abres una página web. Cuando entras esta se va cargando pero, como sabes dónde ir, clicas en cuanto aparece el botón. Solo que, de repente, este se mueve y das clic en otra zona a la que no querías ir.
Para Google, un buen CLS ha de ser aquel que esté siempre por debajo de 0,1.
Y por qué influye el diseño de tu web en las Core Web Vitals
Verás, cuando se construye un sitio web, colocas imágenes, plugins, buscas un buen hosting, programas una página con gráficos, con vídeos… Y todo eso lo único que consigue es que todo se vaya cargando.
Si llega un momento en que tu diseño se vuelve demasiado pesado, eso hace que sea muy pobre la experiencia de usuario que va a tener. O lo que es lo mismo, que los resultados de las métricas de Core Web Vitals sea muy malo.
Afortunadamente, siempre hay cosas que puedes hacer por mejorarlo (y que siempre deberías tener presente).
Optimizar todas las imágenes que subas
Eso implica que debes hacer que no pesen más de 150KB y, a ser posible, que tengan la dimensión exacta de como la vas a mostrar en la página; ni más pequeñas, ni más grandes.
No pasarte con los plugins
Aunque no lo creas, tener muchos plugins afectará a la página, que la hará mucho más lenta.
Por eso, se recomienda tener solo los necesarios para el buen funcionamiento de la página (y ya te decimos que esos no son muchos).
De hecho, aun si los tienes, pero no están activados, también consumirán. Así que lo mejor es que, si no los usas, los borres de la página para siempre. Ya tendrás tiempo de volver a instalarlos.
Hosting de calidad
Otro de los problemas habituales es usar un hosting de mala calidad. Lo barato sale caro, no te olvides. Y en el caso del hosting, si no eliges uno adecuado que permita que tu web sea rápido, mermará tus posibilidades de conseguir una buena experiencia de usuario.
En general, los hostings gratis son los peores. Y dentro de los de pago, habría que probar si bien en España hay tres empresas de hosting que son las más apreciadas: Siteground, Webempresa y Raiola. Cualquiera de ellas puede ayudarte a tener una buena velocidad de carga de tu web.
Como ves, ser diseñador gráfico no solo implica que sepas realizar buenos proyectos para tus clientes. Es que influye el diseño de tu web en las Core Web Vitals y, por ende, en que el cliente obtenga el máximo beneficio de tu trabajo a nivel de SEO y de posicionamiento. ¿Alguna vez has pensado en lo importante que es tener este conocimiento para ser un mejor profesional?