Finalmente y una vez se complet\u00f3 todo esto, Google anunci\u00f3 que en este a\u00f1o 2021 lanzar\u00eda un update en torno a la velocidad y la experiencia de usuario, adem\u00e1s de iniciar la iniciativa Web Vitals<\/b>, que en resumen es una gu\u00eda para mejorar la velocidad de tu web y mejorar la experiencia de usuario.<\/p>\n
Vamos a ver todo esto en detalle porque es muy importante tenerlo en cuenta si queremos mejorar el posicionamiento de nuestras webs.<\/p>\n
\u00bfQu\u00e9 son las Core Web Vitals?<\/b><\/h2>\n
Las Core Web Vitals<\/b> es el subconjunto que resumen las Web Vitals<\/b>. Cada una de ellas representa un punto de la experiencia del usuario distinta (carga, interacci\u00f3n y estabilidad visual), estas son:<\/p>\n Cada uno de estos puntos son el resultado de distintas mejoras aplicadas o no aplicadas en nuestras p\u00e1ginas.<\/p>\n Analicemos todo esto m\u00e1s en detalle.<\/p>\n El Largest Contentful Paint (LCP)<\/b> mide el tiempo que tarda en renderizar el elemento m\u00e1s grande de la web, ya sea imagen o texto.<\/p>\n Veamos el siguiente ejemplo:<\/p>\n El primer LCP<\/b> vemos que detecta que es el t\u00edtulo principal<\/b>, pero al terminar la carga de la p\u00e1gina descubrimos que hay un elemento a\u00fan m\u00e1s grande que es la imagen<\/b>.<\/p>\n Aqu\u00ed lo correcto ser\u00eda priorizar la carga de la imagen.<\/p>\n Veamos otro ejemplo que s\u00ed se hace correctamente:<\/p>\n En este caso, Google carga la p\u00e1gina, primero carga el elemento m\u00e1s grande de la p\u00e1gina y luego carga el resto de elementos.<\/p>\n Dentro de Publisuites podr\u00e1s generar ingresos vendiendo posts patrocinados dentro de tu blog para otros usuarios. Entra y Hazte una cuenta de editor para empezar a ganar dinero.<\/p>\n Los elementos que pueden ser objetivo de esta m\u00e9trica son:<\/p>\n Algunos elementos que pueden afectar negativamente al LCP<\/b>:<\/p>\n Algunas mejoras que puedes aplicar para mejorar el LCP<\/b>:<\/p>\n El First Input Delay (FID)<\/b> mide el tiempo desde que el usuario hace clic en un elemento hasta que el navegador puede responder a esa interacci\u00f3n.<\/p>\n Si quieres mejorar el FID debes:<\/p>\n El Cumulative Layout Shift (CLS)<\/b> mide la suma total del tiempo de cambio de las capas durante la carga de la p\u00e1gina.<\/p>\n Por explicarlo mejor, ya que suena raro el concepto, es cuando se carga un elemento de la p\u00e1gina en el lugar que no debe y durante la carga, este cambia de lugar al sitio correcto<\/b>.<\/p>\n Para que teng\u00e1is un ejemplo m\u00e1s claro os dejo la siguiente imagen. Cuando el elemento del m\u00f3vil de la izquierda se coloca en el lugar correcto, como representa el m\u00f3vil de la derecha, ah\u00ed estamos ante un caso de CLS:<\/p>\n Este punto tiene mucho que ver con la experiencia del usuario, ya que Google puede llegar a considerarlo negativo, sobre todo si se tarda mucho en producir ese cambio.<\/b><\/p>\n Esto puede deberse a una mala estructuraci\u00f3n de la p\u00e1gina, por algunos scripts que afecten a la carga o porque no tenemos optimizado el CSS y hay reglas que se imponen sobre otras durante la carga.<\/p>\n Las causas m\u00e1s comunes de esto son:<\/p>\n Las mejoras que puedes aplicar para reducir el CLS son:<\/p>\n Actualmente se rumorea si afectan al SEO o no. Hay varios experimentos que dicen que s\u00ed y algunos expresan lo contrario, pero yo a modo personal os digo que existen otros factores que no se analizan en estos experimentos.<\/p>\n Dentro de Publisuites ponemos a tu disposici\u00f3n m\u00e1s de 8.000 medios especializados segmentados por tem\u00e1tica, precio, idioma, pa\u00eds, m\u00e9tricas SEO<\/b>… Hazte una cuenta de anunciante y pasa por la plataforma para mejorar la autoridad de tu web.<\/p>\n <\/div><\/div><\/div>\n La optimizaci\u00f3n de la velocidad (en mi experiencia), es un cambio t\u00e9cnico que suele ser relativamente f\u00e1cil<\/b> de hacer en muchos casos y se hace bastante r\u00e1pido. Adem\u00e1s de que los resultados llegan medianamente r\u00e1pidos<\/b>, pero tambi\u00e9n existen otros factores en el SEO como:<\/p>\n Si el resto de puntos no est\u00e1n bien no vas a notar ning\u00fan cambio por mucho que mejores la velocidad, no obstante, si tienes todo correcto y est\u00e1s cerca o a la par, te puede dar un empuj\u00f3n pasadas unas semanas del cambio.<\/p>\n Actualmente ya se tiene en cuenta, lo que sucede es que no son tan notables los cambios en diversas ocasiones como acabo de comentar. Pero s\u00ed que es cierto que en breve veremos un cambio muy grande y se tendr\u00e1n en cuenta otros factores m\u00e1s concretos que hasta la fecha no se ten\u00edan en cuenta.<\/p>\n Esto suceder\u00e1 en mayo con el nuevo Page Experience Update<\/b>.<\/p>\n \ud83d\udc49 Recomiendo desde ya actualizar las webs y empezar a centrarse en este apartado, ya que luego nos entrar\u00e1n las prisas a todos cuando se empiecen a ver las primeras ca\u00eddas y es posible que revertir esto no sea algo inmediato.<\/p>\n Es muy posible que el update tambi\u00e9n tome en consideraci\u00f3n un poco m\u00e1s la navegaci\u00f3n del crawler, por lo que recomiendo prestar especial atenci\u00f3n a los apartados de velocidad y navegaci\u00f3n del crawler de Search Console<\/b><\/a>.<\/b><\/p>\nLas Core Web Vitals en detalle. Te contamos todo sobre el nuevo factor de ranking para Google. <\/a><\/span>Compartir en X<\/a><\/span>\n Actualmente tenemos varias herramientas para analizar las Core Web Vitals<\/b>, cada una de ellas aporta algo distinto, por lo que la clave es apoyarnos en todas las que podamos para poder estudiar mejor lo que sucede y aplicar mejoras.<\/p>\n Personalmente recomiendo usar las principales herramientas de Google como:<\/p>\n \ud83d\udd25 A partir de Chrome 90, habr\u00e1 la opci\u00f3n de ver las Core Web Vitals de cualquier url, sin necesidad de instalar extensiones. <\/p>\n Estar\u00e1 disponible en Chrome Desktop y Android \ud83d\ude4c#WPO<\/a> #SEO<\/a> pic.twitter.com\/Mk9J4zsJd4<\/a><\/p>\n — Juan Gonz\u00e1lez Villa (@seostratega) January 22, 2021<\/a><\/p><\/blockquote>\n\n
![\"m\u00e9tricas](\"https:\/\/www.publisuites.com\/blog\/wp-content\/uploads\/2021\/01\/metricas-web-principales.jpg\")
Largest Contentful Paint (LCP)<\/b><\/h3>\n
![\"lcp\"](\"https:\/\/www.publisuites.com\/blog\/wp-content\/uploads\/2021\/01\/lcp-cnn-filmstrip-1024x397.png\")
![\"lcp](\"https:\/\/www.publisuites.com\/blog\/wp-content\/uploads\/2021\/01\/lcp-google-filmstrip-1024x397.png\")
\n
\n
\n
First Input Delay (FID)<\/b><\/h3>\n
\n
Cumulative Layout Shift (CLS)<\/b><\/h3>\n
![\"layout](\"https:\/\/www.publisuites.com\/blog\/wp-content\/uploads\/2021\/01\/layout-shift-1024x768.png\")
\n
\n
\u00bfC\u00f3mo afectan las Web Core Vitals al SEO de tu web?<\/b><\/h2>\n
\n
\n
\u00bfCu\u00e1ndo ser\u00e1 un factor de ranking?<\/b><\/h3>\n
![\"experiencia](\"https:\/\/www.publisuites.com\/blog\/wp-content\/uploads\/2021\/01\/experiencia-de-pagina.jpg\")
<\/p>\n\u00bfC\u00f3mo medir las Core Web Vitals de tu web?<\/b><\/h2>\n
Herramientas para analizar las Core Web Vitals<\/b><\/h3>\n
\n
![\"light](\"https:\/\/www.publisuites.com\/blog\/wp-content\/uploads\/2021\/01\/light-house.jpg\")
Aunque a partir de la versi\u00f3n 90 de Chrome podremos verlo directamente durante la navegaci\u00f3n:
\n\n