{"id":1477,"date":"2020-11-19T16:08:30","date_gmt":"2020-11-19T16:08:30","guid":{"rendered":"https:\/\/apachedigital.io\/?post_type=insight&#038;p=1477"},"modified":"2021-09-15T12:23:38","modified_gmt":"2021-09-15T12:23:38","slug":"core-web-vitals","status":"publish","type":"insight","link":"https:\/\/apachedigital.io\/en\/insight\/core-web-vitals\/","title":{"rendered":"Core Web Vitals: el pr\u00f3ximo gran cambio en el buscador de Google ya tiene fecha"},"content":{"rendered":"\n<p>Cambios a la vista en el mundo SEO, y posiblemente de calado: <strong>Core Web Vitals<\/strong>, las m\u00e9tricas de Google sobre la experiencia de p\u00e1gina, pasar\u00e1n a ser un factor de posicionamiento <strong>a partir de mayo de 2021<\/strong>. <a href=\"https:\/\/webmasters.googleblog.com\/2020\/11\/timing-for-page-experience.html\">As\u00ed lo ha confirmado la propia Google el pasado 10 de noviembre<\/a>, y la comunidad SEO ya est\u00e1 debatiendo intensamente (\u00bfc\u00f3mo si no?) sobre el posible alcance de este cambio.<br><\/p>\n\n\n\n<p>\u00bfSer\u00e1 su impacto similar a cuando se anunci\u00f3 que la velocidad de las p\u00e1ginas ser\u00eda tenida en cuenta? Por aquel entonces (julio de 2018), el anunciado \u201cterremoto\u201d se acab\u00f3 limitando a URLs extremadamente lentas. Pero tambi\u00e9n hay quien considera que a partir de mayo las Core Web Vitals afectar\u00e1n a\u00fan m\u00e1s si cabe, dado que hay casos en los que su pobre implementaci\u00f3n ya estaba repercutiendo en algunos sitios web.<br><\/p>\n\n\n\n<p>Con Core Web Vitals (o M\u00e9tricas Web Principales), el buscador de buscadores pretende que <strong>la velocidad de carga y la experiencia de usuario<\/strong> est\u00e9n cuidadas y optimizadas en todos los sitios web. Y no es la primera vez que Google insiste al respecto: antes llegaron herramientas como <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?hl=es\">PageSpeed<\/a>, el <a href=\"https:\/\/search.google.com\/test\/mobile-friendly\">test de optimizaci\u00f3n para m\u00f3viles<\/a>, <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse?hl=es#devtools\">Lighthouse<\/a>, su apuesta por el <a href=\"https:\/\/developers.google.com\/amp?hl=es-419\">formato AMP<\/a>, el sitio web de autoevaluaci\u00f3n <a href=\"https:\/\/web.dev\/\">web.dev<\/a>\u2026 Todo orientado hacia el mismo camino: <strong>que se proporcione siempre la mejor experiencia web posible.<\/strong><\/p>\n\n\n\n<h2>Core Web Vitals como indicador de la experiencia de p\u00e1gina<\/h2>\n\n\n\n<p>Pero, \u00bf<strong>qu\u00e9 son exactamente estas m\u00e9tricas y en qu\u00e9 consisten<\/strong>? Las Core Web Vitals son parte de la evaluaci\u00f3n global que Google hace de la experiencia de p\u00e1gina, y tienen que ver con su carga (LCP), su interactividad (FID) y su estabilidad visual (CLS). Estos indicadores principales se complementan con otros viejos conocidos como el dise\u00f1o <em>mobile friendly<\/em>, la navegaci\u00f3n segura (protecci\u00f3n ante p\u00e1ginas enga\u00f1osas, con malware o descargas da\u00f1inas), la presencia del protocolo HTTPS o la ausencia de interstitials invasivos.<\/p>\n\n\n\n<p>El anuncio concreto de Google es el siguiente:<br><\/p>\n\n\n\n<p><em>\u201cAnunciamos que las se\u00f1ales de experiencia de p\u00e1gina en los rankings se implementar\u00e1n en mayo de 2021. Combinar\u00e1n Core Web Vitals con otras se\u00f1ales ya existentes como mobile friendly, safe-browsing, HTTPS y el cumplimiento de las guidelines sobre interstitial invasivos\u201d.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh3.googleusercontent.com\/7zemEMS3rIN38snzeFrXKSHGUsKBnFNqC2hSArKS8F9PVCdnbSTkejj4IabySKosTo9cTQ9Fej0vUz9DQUCw4dWwhj2KcvgCIDHgWBTs1l-00CSwhwVxhC8gjjbUTrgOqnPb5zEK\" alt=\"Se\u00f1ales de experiencia de p\u00e1gina Core Web Vitals\"\/><figcaption><em>Se\u00f1ales de experiencia de p\u00e1gina<\/em><\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>El primer \u201cadvenimiento\u201d de las Core Web Vitals lleg\u00f3 en mayo de 2020, cuando estos indicadores pasaron a estar disponibles en Google Search Console (dentro del apartado \u201cm\u00e9tricas web principales\u201d). Este estreno vino acompa\u00f1ado de un post en el blog oficial de Google, en el que se determinaban las primeras pautas de lo que est\u00e1 por llegar con Core Web Vitals. En el art\u00edculo \u201c<a href=\"https:\/\/webmasters.googleblog.com\/2020\/05\/evaluating-page-experience.html\">Evaluando la experiencia de p\u00e1gina para una mejor web<\/a>\u201d, Google hablaba de <em>\u201cun primer vistazo a un pr\u00f3ximo cambio en el ranking de b\u00fasqueda que incorpora estas m\u00e9tricas sobre la experiencia de p\u00e1gina\u201d<\/em>, refiri\u00e9ndose a un nuevo m\u00e9todo que combina Core Web Vitals con otros factores internos de Google para valorar la calidad de la experiencia de usuario en una p\u00e1gina web. Y ahora se confirma que en mayo de 2021 entrar\u00e1n en vigor.<\/p>\n\n\n\n<h3><strong>LCP, FID y CLS: las principales m\u00e9tricas de Core Web Vitals<\/strong><\/h3>\n\n\n\n<p>A grandes rasgos, el objetivo es simplificar los indicadores con los que trabaja el buscador para detectar problemas de <strong>WPO<\/strong> (web performance optimization) y <strong>UX <\/strong>(user experience). Y de ah\u00ed nacen las tres principales m\u00e9tricas que conforman Core Web Vitals. Veamoslas una por una:<br><\/p>\n\n\n\n<ul><li><strong>LCP o Largest Contentful Paint<\/strong>: el LCP mide el tiempo de carga del contenido de una URL. En concreto, indica cuando ha terminado de cargarse el elemento de contenido de mayor tama\u00f1o presente <em>above the fold<\/em> (sin hacer scroll hacia abajo en la p\u00e1gina). Un resultado positivo es un LCP <strong>por debajo de 2,5 segundos<\/strong>. Aqu\u00ed se pueden consultar las <a href=\"https:\/\/web.dev\/optimize-lcp\/\">guidelines para optimizar este apartado<\/a>.<\/li><\/ul>\n\n\n\n<ul><li><strong>FID o First Input Delay<\/strong>: este apartado se centra en el tiempo que tarda una p\u00e1gina en ser interactiva. O lo que es lo mismo: el tiempo que transcurre entre que un usuario efect\u00faa una acci\u00f3n (clic en un elemento) y el navegador responde. Si el FID est\u00e1 <strong>por debajo de 100 milisegundos<\/strong>, el valor ser\u00e1 \u00f3ptimo a ojos de Google, y <a href=\"https:\/\/web.dev\/optimize-fid\/\">en esta gu\u00eda se explica c\u00f3mo optimizarlo<\/a>.<\/li><\/ul>\n\n\n\n<ul><li><strong>CLS o Cumulative Layout Shift<\/strong>: por \u00faltimo, el CLS mide la estabilidad visual de la p\u00e1gina, sobre todo cuando un elemento cambia de ubicaci\u00f3n mientras el contenido se carga. Aqu\u00ed, m\u00e1s que el tiempo, lo que importa son la magnitud y la frecuencia con la que se producen estos cambios en una URL. Cada cambio producido suma puntos, y l\u00f3gicamente conviene que sea lo m\u00e1s baja posible (el valor recomendado es <strong>por debajo de 0,1<\/strong>).<\/li><\/ul>\n\n\n\n<p>Todos estos valores pueden consultarse a trav\u00e9s de <strong>Search Console<\/strong>, en donde se agrupan las URLs de un sitio web por colores (rojo para problemas graves y amarillo para advertencias), con informe tanto para desktop como para m\u00f3vil.<br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh3.googleusercontent.com\/Fc35QsIh7vCRmsFyWiB4Du3QlFDoGBdqgc_pxHZDxxYwu6ADuieUYRRQtxlNMxSOmI2xatPgxF4zbr1JofPukLMOqtfk4RnP_h4DRSTaoS1ee2e3idCJGjuIOaQGAjsN7cLIo_FB\" alt=\"M\u00e9tricas Core Web Vitals\"\/><figcaption><em>M\u00e9tricas web principales en Search Console<\/em><\/figcaption><\/figure>\n\n\n\n<h2><strong>\u00bfC\u00f3mo impactar\u00e1n las Core Web Vitals en el algoritmo de Google?<\/strong><\/h2>\n\n\n\n<p>Una vez visto en detalle en qu\u00e9 consisten, \u00bf<strong>cu\u00e1l ser\u00e1 el peso de Core Web Vitals en el algoritmo de Google <\/strong>una vez entren en acci\u00f3n? Si echamos la vista atr\u00e1s, el tiempo de carga o la optimizaci\u00f3n para dispositivos m\u00f3viles son factores que siguen lejos de la todav\u00eda aut\u00e9ntica estrella para los buscadores: la relevancia del contenido.<br><\/p>\n\n\n\n<p>Como ejemplos de otros <a href=\"https:\/\/apachedigital.io\/insight\/cambios-de-algoritmo-en-seo-como-afectan-y-como-recuperarse\/\">updates del algoritmo de Google<\/a> tenemos el denominado <a href=\"https:\/\/en.wikipedia.org\/wiki\/Mobilegeddon\">Mobilegeddon <\/a>de 2015 o el Speed Update de 2018, que no trajeron consigo cambios que pusieran patas arriba los rankings. En cambio, otros core updates como el <a href=\"https:\/\/en.wikipedia.org\/wiki\/Google_Search#%22Medic%22_search_algorithm_update\">Medic Update<\/a> de agosto de 2018 s\u00ed que impactaron con fuerza (y no se centraba en la velocidad de carga ni en la experiencia de usuario precisamente).<br><\/p>\n\n\n\n<p>Por tanto, \u00bfdeber\u00edamos estar tranquilos? La experiencia previa dice que estos cambios influyen, pero no tanto como se esperaba. Pero dada la insistencia de Google con las Core Web Vitals (primero en mayo de 2020 y ahora anunciando su entrada \u201coficial\u201d en vigor en mayo de 2021), cabe esperar que esta vez s\u00ed estemos ante un <strong>mayor peso del WPO y la UX en su algoritmo<\/strong>.<br><br>De lo que no cabe ninguna duda es que aquellas p\u00e1ginas con resultados muy negativos en el apartado de Core Web Vitals <strong>han de trabajarse desde hoy mismo, sin dilaci\u00f3n<\/strong>. Ser\u00e1n esas las que sufran la m\u00e1s que previsible penalizaci\u00f3n, mientras que otras con puntuaci\u00f3n mejorable no deber\u00edan sufrir en exceso (o al menos no en primera fase, previsiblemente).<\/p>\n\n\n\n<h3><strong>Nuevas etiquetas en los resultados de b\u00fasqueda y cambios en noticias destacadas<\/strong><\/h3>\n\n\n\n<p>No obstante, <strong>para los sitios de noticias la cosa cambia<\/strong> y s\u00ed que habr\u00e1 \u201cpremios\u201d para los que cuiden este nuevo indicador: Google ha confirmado que priorizar\u00e1 las URLs con buena experiencia de p\u00e1gina en el <strong>bloque de noticias destacadas<\/strong>. Y la principal novedad es que ya no entrar\u00e1n \u00fanicamente las p\u00e1ginas que usen AMP, sino que se abre el abanico a cualquier otro tipo de tecnolog\u00eda, siempre y cuando punt\u00faen bien en Core Web Vitals.<br><\/p>\n\n\n\n<p>Adem\u00e1s, aquellas URLs con gran experiencia de p\u00e1gina saldr\u00e1n resaltadas como tal en los resultados de b\u00fasqueda (Google incluir\u00e1 un <strong>indicador visual<\/strong> que as\u00ed lo atestigue en breve en modo de prueba, hasta incorporarlo definitivamente en la citada fecha de mayo de 2021).<\/p>\n\n\n\n<h3><strong>\u00bfC\u00f3mo prepararse para Core Web Vitals?<\/strong><\/h3>\n\n\n\n<p>Sobre el papel es lo que podemos esperar, pero con Google nunca se sabe y todo lo que se aventure de antemano es mera especulaci\u00f3n (\u00bfqu\u00e9 ser\u00eda del SEO sin las conjeturas, no obstante?). Por ello, es importante al menos estar preparados para cuando llegue el momento.<br><\/p>\n\n\n\n<p>Sin ir m\u00e1s lejos, seg\u00fan un reciente <a href=\"https:\/\/www.searchenginejournal.com\/core-web-vitals-benchmarks\/377324\/\">estudio de Screaming Frog<\/a>, apenas el 15% de las p\u00e1ginas obtienen actualmente una buena puntuaci\u00f3n en Core Web Vitals. Con casi seis meses por delante, es mejor curarse en salud y empezar a trabajar ya en mejorar este indicador. Y m\u00e1s teniendo en cuenta que al cuidar las Core Web Vitals tambi\u00e9n <strong>se mejora de forma paralela la tasa de conversi\u00f3n y la retenci\u00f3n del usuario<\/strong>.<br><\/p>\n\n\n\n<p>Por todo ello, conviene hacer una <strong>auditor\u00eda completa <\/strong>de todas las p\u00e1ginas de un sitio web para comprobar cu\u00e1les tienen margen de mejora (recurriendo a Search Console). Una vez identificadas, podremos apoyarnos en PageSpeed y Lighthouse para ponernos manos a la obra. En <a href=\"https:\/\/web.dev\/vitals-tools\">web.dev\/vitals-tools<\/a> est\u00e1n disponibles una serie de herramientas de gran utilidad para medir el estado de las Core Web Vitals.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img src=\"https:\/\/lh5.googleusercontent.com\/HtVSnwl2vRjvmEPC1E0EkSK_dD7aQO9HiEfvaMZzgxZexmD6sx4fkVU-GpNRxs29giGR3A08mMBRysdSlZROeIQe9TrzpFrwzVpJkpv3P29f6f9C3_-Cu5G4acIA_ikG8qYYyGVS\" alt=\"Herramientas medici\u00f3n Core Web Vitals\"\/><figcaption><em>Imagen herramientas para medir Core Web Vitals<\/em><\/figcaption><\/figure>\n\n\n\n<p>Indicador por indicador, estos son algunos de los m\u00e9todos que funcionan para <strong>mejorar las Core Web Vitals<\/strong>:<br><\/p>\n\n\n\n<ul><li><strong>Optimizar el LCP<\/strong>: mejorar los tiempos de respuesta del servidor y reducir el tiempo de bloqueo de CSS y JavaScript, as\u00ed como el tiempo de carga de im\u00e1genes, repercute positivamente en el LCP.<\/li><\/ul>\n\n\n\n<ul><li><strong>Optimizar el FID<\/strong>: aqu\u00ed conviene minimizar el impacto del c\u00f3digo de terceros; bajar el tiempo que tarda JavaScript en ejecutarse; reducir el trabajo del hilo principal y hacer que los recuentos de solicitudes sean lo m\u00e1s bajos posibles.<\/li><\/ul>\n\n\n\n<ul><li><strong>Optimizar el CLS<\/strong>: en este apartado es importante incluir atributos de tama\u00f1o en elementos de im\u00e1genes y v\u00eddeo, as\u00ed como no insertar contenido por encima del existente y huir de animaciones que provoquen cambios de dise\u00f1o.<\/li><\/ul>\n\n\n\n<p>En resumen, <strong>hay que trabajar las distintas se\u00f1ales que permitan mejorar la experiencia ofrecida por una p\u00e1gina web<\/strong> (lo que Google denomina page experience). Junto a las Core Web Vitals, debe cuidarse la velocidad de carga, servir p\u00e1ginas mobile-friendly, huir de p\u00e1ginas enga\u00f1osas o no seguras, implementar el protocolo HTTPS (evitando tambi\u00e9n el contenido mixto con enlaces a HTTP) y no incluir interstitials que dificulten la navegaci\u00f3n. Solo as\u00ed un sitio web estar\u00e1 preparado para lo que est\u00e1 por venir en mayo de 2021.<br><\/p>\n","protected":false},"author":6,"featured_media":1478,"template":"","category_insight":[62,75],"_links":{"self":[{"href":"https:\/\/apachedigital.io\/en\/wp-json\/wp\/v2\/insight\/1477"}],"collection":[{"href":"https:\/\/apachedigital.io\/en\/wp-json\/wp\/v2\/insight"}],"about":[{"href":"https:\/\/apachedigital.io\/en\/wp-json\/wp\/v2\/types\/insight"}],"author":[{"embeddable":true,"href":"https:\/\/apachedigital.io\/en\/wp-json\/wp\/v2\/users\/6"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/apachedigital.io\/en\/wp-json\/wp\/v2\/media\/1478"}],"wp:attachment":[{"href":"https:\/\/apachedigital.io\/en\/wp-json\/wp\/v2\/media?parent=1477"}],"wp:term":[{"taxonomy":"category_insight","embeddable":true,"href":"https:\/\/apachedigital.io\/en\/wp-json\/wp\/v2\/category_insight?post=1477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}