{"id":22582,"date":"2020-09-26T11:28:54","date_gmt":"2020-09-26T09:28:54","guid":{"rendered":"https:\/\/clientes.ignaciosantiago.com\/new\/core-web-vitals-google\/"},"modified":"2024-09-24T10:41:29","modified_gmt":"2024-09-24T08:41:29","slug":"core-web-vitals-google","status":"publish","type":"post","link":"https:\/\/clientes.ignaciosantiago.com\/new\/core-web-vitals-google\/","title":{"rendered":"CORE Web VITALS, Qu\u00e9 Son y C\u00f3mo Repercuten en SEO"},"content":{"rendered":"\n<p>\u00bfQuieres que tu\u00a0<strong>sitio web<\/strong>\u00a0est\u00e9 bien\u00a0<a href=\"https:\/\/ignaciosantiago.com\/guia-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">optimizado para buscadores<\/a>\u00a0y que el usuario tenga una experiencia \u00fanica para regresar a tu\u00a0<a href=\"https:\/\/ignaciosantiago.com\/servicios\/diseno-blogs-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">blog<\/a>\u00a0o\u00a0<a href=\"https:\/\/ignaciosantiago.com\/servicios\/diseno-tiendas-online-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">tienda online<\/a>?\u00bfHas o\u00eddo de\u00a0<strong>Core Web Vitals<\/strong>, pero no sabes de qu\u00e9 tratan estas nuevas\u00a0<a href=\"https:\/\/ignaciosantiago.com\/kpis-marketing-contenidos\/\" target=\"_blank\" rel=\"noreferrer noopener\">m\u00e9tricas<\/a>? \u00a1Est\u00e1s en el sitio correcto! Google vuelve a ense\u00f1ar la importancia del rendimiento web y la experiencia de usuario, y\u00a0<strong>eval\u00faa aspectos importantes relacionados con la UX y la WPO<\/strong>\u00a0de tu sitio web. En esta gu\u00eda te explico qu\u00e9 son los Core Web Vitals, sus categor\u00edas y c\u00f3mo repercuten en la visibilidad en buscadores.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"843\" height=\"422\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-que-son-lcp-fid-cls-rendimiento-web-experiencia-usuario-seo-3-843x422.jpg\" alt=\"core web vitals google que son lcp fid cls rendimiento web experiencia usuario seo\" class=\"wp-image-22585\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-que-son-lcp-fid-cls-rendimiento-web-experiencia-usuario-seo-3-843x422.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-que-son-lcp-fid-cls-rendimiento-web-experiencia-usuario-seo-3-385x193.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-que-son-lcp-fid-cls-rendimiento-web-experiencia-usuario-seo-3-590x295.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-que-son-lcp-fid-cls-rendimiento-web-experiencia-usuario-seo-3-768x384.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-que-son-lcp-fid-cls-rendimiento-web-experiencia-usuario-seo-3-1000x500.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-que-son-lcp-fid-cls-rendimiento-web-experiencia-usuario-seo-3.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p>El objetivo de los\u00a0<strong>Core Web Vitals<\/strong>\u00a0es fomentar que no dejes nunca de mejorar\u00a0tu\u00a0<a href=\"https:\/\/ignaciosantiago.com\/servicios\/diseno-paginas-web-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">sitio web<\/a>\u00a0y, por tanto, que el usuario\u00a0<strong>tenga una experiencia agradable<\/strong>. Google sigue lanzando iniciativas para ayudarte a evaluar el rendimiento de tu web en t\u00e9rminos de WPO y UX. Si no te suena ninguna, algunas de las m\u00e1s conocidas son\u00a0<a href=\"https:\/\/ignaciosantiago.com\/google-search-console\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Search Console<\/a>, Google Page Insights,\u00a0<a href=\"https:\/\/ignaciosantiago.com\/google-amp-stories-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google AMP<\/a>\u00a0o Lighthouse. En esta gu\u00eda te voy a explicar al detalle\u00a0<strong>c\u00f3mo funcionan Core Web Vitals<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u00e9 son las Web Vitals, c\u00f3mo funcionan y para qu\u00e9 sirven<\/h2>\n\n\n\n<p>Las&nbsp;<strong>Web Vitals<\/strong>&nbsp;son indicadores o par\u00e1metros que unifica Google con intenci\u00f3n de&nbsp;<strong>ayudarte a conocer el estado de tu sitio web<\/strong>&nbsp;respecto a la optimizaci\u00f3n del rendimiento de \u00e9sta y a la experiencia de usuario. La gran cantidad de herramientas que Google tiene para analizar el rendimiento de un sitio web puede ser abrumador para los usuarios con poco conocimiento t\u00e9cnicos, por lo que ha decidido&nbsp;<strong>simplificar estos criterio<\/strong>s y llamarlos Core Web Vitals.<\/p>\n\n\n\n<p class=\"custom_note\">Core Web Vitals, cyua traducci\u00f3n ser\u00eda&nbsp;<strong>elementos vitales web<\/strong>, son los par\u00e1metros t\u00e9cnicos de configuraci\u00f3n que Google recomienda que tenga todo sitio web en l\u00ednea. Se trata de indicadores que analizan la web para que la navegaci\u00f3n sea buena y que disfruten de una buena experiencia de usuario (conocido como UX).<\/p>\n\n\n\n<p>Estos indicadores analizan la&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/optimizar-wordpress-wpo\/\" target=\"_blank\" rel=\"noreferrer noopener\">velocidad de carga<\/a>&nbsp;del sitio web, la capacidad de interacci\u00f3n y respuesta del mismo y el aspecto visual. Claro est\u00e1 que la&nbsp;<strong>navegaci\u00f3n m\u00f3vil<\/strong>&nbsp;tambi\u00e9n participar\u00e1 en este nuevo modelo de medici\u00f3n, por los Core Web Vitals pasar\u00edan a integrarse con otros factores de experiencia de usuario, tales como son Mobile Friendly o dise\u00f1o amigable para m\u00f3viles. En resumen, se trata de&nbsp;<strong>factores que te ayudan a mejorar<\/strong>&nbsp;(aunque a veces te sientas obligado a hacerlo).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Indicadores de rendimiento de las Core Web Vitals<\/h2>\n\n\n\n<p>Ahora que ya conoces los Web Core Vitals, perm\u00edteme explicarte en detalle los <strong>tres indicadores clave<\/strong> que abordan aspectos esenciales de la experiencia de usuario en cualquier sitio web, ya sea en ordenador, tablet o m\u00f3vil. Google comprende perfectamente los problemas t\u00e9cnicos que afectan el rendimiento de tu web y su visibilidad en los motores de b\u00fasqueda. Por ello, te <strong>ayuda a identificarlos y mejorarlos mediante estos nuevos par\u00e1metros<\/strong>:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">LCP o Largest Contentful Paint<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"843\" height=\"242\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-lcp-largest-contentful-paint-rendimiento-web-experiencia-usuario-seo-843x242.jpg\" alt=\"core web vitals google lcp largest contentful paint rendimiento web experiencia usuario seo\" class=\"wp-image-22588\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-lcp-largest-contentful-paint-rendimiento-web-experiencia-usuario-seo-843x242.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-lcp-largest-contentful-paint-rendimiento-web-experiencia-usuario-seo-385x110.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-lcp-largest-contentful-paint-rendimiento-web-experiencia-usuario-seo-590x169.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-lcp-largest-contentful-paint-rendimiento-web-experiencia-usuario-seo-768x220.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-lcp-largest-contentful-paint-rendimiento-web-experiencia-usuario-seo-1000x287.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-lcp-largest-contentful-paint-rendimiento-web-experiencia-usuario-seo.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p>Para entender este primer subconjunto de las Web Vitals, debes tener claro qu\u00e9 es el concepto de \u00ab<strong>Above the Fold<\/strong>\u00ab. La expresi\u00f3n \u00abAbove the Fold\u00bb se refiere a la parte de un sitio web que se\u00a0<strong>muestra al usuario nada m\u00e1s entrar al sitio web, sin necesidad de hacer scroll<\/strong>. Pues bien, el\u00a0<strong>LCP<\/strong>\u00a0define el\u00a0<strong>tiempo que\u00a0<\/strong>tarda en mostrarse el contenido del about the fold en su totalidad, y determina unas m\u00e9tricas por las cu\u00e1les el tiempo es bueno, regular o malo.<\/p>\n\n\n\n<p>En este caso, tener un&nbsp;<strong>tiempo de carga inferior a 2,5 segundos<\/strong>, ser\u00eda \u00f3ptimo. Un tiempo entre 2,5 y 4 segundos, necesitar\u00eda de una mejora, y todo lo que pase de 4 segundos es un tiempo de carga muy malo que necesita mejoras urgentes. Evidentemente, no solo querr\u00e1s saber si el LCP es bueno o malo, sino el por qu\u00e9. De nada te sirve saber que algo est\u00e1 funcionando mal, si luego no intentas ponerle una soluci\u00f3n. Por ello, debes entender cu\u00e1les son las&nbsp;<strong>causas de un LCP malo<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list custom_list\">\n<li><strong>Tiempo de respuesta del servidor lento<\/strong>: Si los tiempos de respuesta del servidor son deficientes, esto afectar\u00e1 los tiempos de carga del contenido \u00ababove the fold\u00bb, lo que podr\u00eda resultar en un LCP \u00aben rojo\u00bb. Para analizarlo, puedes medir el <strong>TTFB (Time to First Byte)<\/strong>, que indica el tiempo que un navegador tarda en recibir el primer byte desde el servidor tras una petici\u00f3n. Herramientas como GTmetrix o WebPageTest te permiten evaluar este aspecto. Para mejorar el rendimiento, puedes<strong> optimizar el servidor, usar CDNs o implementar cach\u00e9 din\u00e1mica.<\/strong><\/li>\n\n\n\n<li><strong>Javascript y CSS<\/strong>: Esta es una parte m\u00e1s t\u00e9cnica, un poco m\u00e1s dif\u00edcil de entender para los no desarrolladores. B\u00e1sicamente debes tener claro que el navegador analiza el marcado html de una p\u00e1gina para poder procesarla, y cada vez que encuentra una hoja de estilo externa o etiquetas de javascript sincr\u00f3nicas, se detendr\u00e1, retrasando el LCP. Para mejorar este aspecto, es recomendable\u00a0<strong>reducir el tiempo de bloqueo de CSS y Javascript<\/strong>\u00a0mediante la minificaci\u00f3n de \u00e9stos.<\/li>\n\n\n\n<li><strong>Tiempos de carga de recursos lentos<\/strong>: M\u00e1s all\u00e1 de los recursos CSS y Javascript, pueden haber muchos elementos que aumenten la lentitud de la carga. Tal vez algunos de los m\u00e1s habituales son las\u00a0<strong>im\u00e1genes y videos<\/strong>. Comprimir estos recursos, normalmente m\u00e1s pesados, tambi\u00e9n puede ser\u00a0<strong>clave para mejorar la carga<\/strong>\u00a0e intentar mejorar los datos de LCP.<\/li>\n\n\n\n<li><strong>Representaci\u00f3n del lado del cliente<\/strong>: La representaci\u00f3n del lado del cliente hace referencia a la\u00a0<strong>representaci\u00f3n del contenido usando Javascript<\/strong>. El navegador obtiene el contenido de un documento html b\u00e1sico con un archivo Javascript que representa el resto del sitio.\u00a0Este tipo de renderizado puede estar\u00a0<strong>afectando negativamente al LCP si se utiliza un gran paquete de Javascript<\/strong>, ya que el usuario no puede ver ni interactuar con el contenido hasta que todo el c\u00f3digo JS se haya descargado y ejecutado.\u00a0Profundiza en estos aspectos de\u00a0<a href=\"https:\/\/web.dev\/optimize-lcp\/\" target=\"_blank\" rel=\"noreferrer noopener\">mejoras t\u00e9cnicas para el LCP<\/a>.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">FID o First Input Delay<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"843\" height=\"241\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-fid-first-input-delay-rendimiento-web-experiencia-usuario-seo-843x241.jpg\" alt=\"core web vitals google fid first input delay rendimiento web experiencia usuario seo\" class=\"wp-image-22587\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-fid-first-input-delay-rendimiento-web-experiencia-usuario-seo-843x241.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-fid-first-input-delay-rendimiento-web-experiencia-usuario-seo-385x110.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-fid-first-input-delay-rendimiento-web-experiencia-usuario-seo-590x169.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-fid-first-input-delay-rendimiento-web-experiencia-usuario-seo-768x220.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-fid-first-input-delay-rendimiento-web-experiencia-usuario-seo-1000x286.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-fid-first-input-delay-rendimiento-web-experiencia-usuario-seo.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p>Este Core Web Vital mide la <strong>facilidad de interacci\u00f3n dentro del sitio web<\/strong>. Una navegaci\u00f3n r\u00e1pida es clave para una buena experiencia de usuario. Todos hemos experimentado sitios donde, al hacer clic para cambiar de p\u00e1gina, los tiempos de carga son lentos, lo que dificulta la navegaci\u00f3n. El FID (First Input Delay) mide este aspecto, y un valor \u00f3ptimo es de 100 ms o menos. Entre 100 y 300 ms se considera mejorable, mientras que m\u00e1s de 300 ms indica un mal rendimiento.<\/p>\n\n\n\n<p>El <strong>principal motivo de una m\u00e9trica deficiente<\/strong> en el FID es la ejecuci\u00f3n pesada de JavaScript. Mejorar c\u00f3mo este se analiza, compila y ejecuta es clave, y una buena estrategia es dividir el c\u00f3digo en tareas m\u00e1s peque\u00f1as para reducir los tiempos de ejecuci\u00f3n. Esto deber\u00eda mejorar significativamente el FID. En resumen, t\u00e9cnicas como la minificaci\u00f3n, reducci\u00f3n de elementos y carga as\u00edncrona de JavaScript son esenciales para optimizar esta m\u00e9trica. Incluso John Mueller ha destacado la importancia de estas acciones para mejorar el FID.<\/p>\n\n\n\n<p class=\"custom_note\">First Input Delay \/ FID es genial porque mide la capacidad de respuesta \u2013 \u00bfcu\u00e1l es la primera impresi\u00f3n del usuario cuando intenta interactuar con tu p\u00e1gina?- Para m\u00ed, suele ser el punto en el que vuelvo y pruebo otros sitios, incluso si les doy el beneficio de una duda durante la carga.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">CLS o Cumulative Layout Shift<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"242\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-cls-cumulative-layout-shift-rendimiento-web-experiencia-usuario-seo-843x242.jpg\" alt=\"core web vitals google cls cumulative layout shift rendimiento web experiencia usuario seo\" class=\"wp-image-22586\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-cls-cumulative-layout-shift-rendimiento-web-experiencia-usuario-seo-843x242.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-cls-cumulative-layout-shift-rendimiento-web-experiencia-usuario-seo-385x111.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-cls-cumulative-layout-shift-rendimiento-web-experiencia-usuario-seo-590x170.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-cls-cumulative-layout-shift-rendimiento-web-experiencia-usuario-seo-768x221.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-cls-cumulative-layout-shift-rendimiento-web-experiencia-usuario-seo-1000x288.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-cls-cumulative-layout-shift-rendimiento-web-experiencia-usuario-seo.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p>Probablemente sea la m\u00e9trica m\u00e1s enfocada a la&nbsp;<strong>UX<\/strong>, y tiene que ver con la&nbsp;<strong>estabilidad visual<\/strong>. Es probable que sea la que menos te suene, pero seguro que has sufrido un CLS malo en m\u00e1s de una ocasi\u00f3n. \u00bfAlguna vez has entrado en un sitio web y al ir a un determinado contenido, el dise\u00f1o del sitio se ha movido y has clicado donde no quer\u00edas? Probablemente s\u00ed, y esto es precisamente lo que mide este apartado.<\/p>\n\n\n\n<p>Es habitual que los&nbsp;<strong>elementos de una p\u00e1gina cambien seg\u00fan se vaya materializando el renderizado<\/strong>, y en algunos casos, puede llegar a ser muy molesto para el usuario. Por tanto, el CLS no est\u00e1 basado en el tiempo, sino m\u00e1s bien en la cantidad de veces que ocurren estos cambios al estar cargando la p\u00e1gina. Cuantos m\u00e1s cambios ocurran hasta el final de la carga total de la p\u00e1gina, peor ser\u00e1 la puntuaci\u00f3n.&nbsp;Los valores son los siguientes:&nbsp;Por debajo de 0.1 \u00f3ptimo, entre 0.1-0.25 necesitas mejorar, y por encima de 0.25 es un valor malo que debes mejorar cuanto antes.<\/p>\n\n\n\n<p>Unos&nbsp;<strong>valores de Cumulative Layout Shift (CLS) negativos<\/strong>&nbsp;pueden estar provocados por diversos factores, y por tanto, mejorar esta m\u00e9trica puede realizarse de distintas formas dependiendo de la causa. Aqu\u00ed te detallo algunos de los motivos m\u00e1s comunes que puedes ver en los distintos sitios web con valores malos de CLS:<\/p>\n\n\n\n<ul class=\"wp-block-list custom_list\">\n<li><strong>Elementos sin dimensiones<\/strong>: una de las posibles causas son los elementos sin especificaciones de tama\u00f1o, tales como im\u00e1genes, anuncios, incrustaciones e iframes. Por tanto, aseg\u00farate siempre de incluir los atributos html de width y height a estos elementos.<\/li>\n\n\n\n<li><strong>Contenido din\u00e1mico<\/strong>: al insertar contenido nuevo din\u00e1mico en un sitio web, como puede ser banners o formularios para la newsletter, contenido relacionado, avisos de GDPR, etc, es posible que cambien el contenido del sitio sin que el usuario lo espere. Evita incluir este tipo de contenido, o en caso de que se incluya, es recomendable que se muestre despu\u00e9s de una acci\u00f3n del usuario, por lo que \u00e9ste ya se espera ver un contenido nuevo, debido a que ha realizado una acci\u00f3n para ello. M\u00e1s informaci\u00f3n en&nbsp;<a href=\"https:\/\/web.dev\/optimize-cls\/\" target=\"_blank\" rel=\"noreferrer noopener\">web.dev<\/a>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Las Core Web Vitals de Google \u00bfafectan al SEO en el buscador?<\/h2>\n\n\n\n<p>En un futuro pr\u00f3ximo \u00a1s\u00ed! Aunque actualmente no es un factor de\u00a0<a href=\"https:\/\/bloo.media\/blog\/seo-precio-posicionamiento-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">posicionamiento SEO<\/a>\u00a0que incida directamente en el algoritmo de Google, s\u00ed lo har\u00e1 muy pronto. Dado lo dif\u00edcil que es posicionarse en los motores de b\u00fasqueda, debemos prestar atenci\u00f3n a estos aspectos, ya que ignorarlos puede perjudicar nuestro ranking. Es preferible optimizarlos desde el principio para superar a otros <strong>blogs<\/strong> o <strong>tiendas online<\/strong>. Google ha comunicado las siguientes pautas sobre el futuro de los Core Web Vitals en el posicionamiento org\u00e1nico:<\/p>\n\n\n\n<ul class=\"wp-block-list custom_list\">\n<li>Ser\u00e1 un factor de posicionamiento el pr\u00f3ximo a\u00f1o (seg\u00fan los expertos, todo indica que arranca desde septiembre del 2021)<\/li>\n\n\n\n<li>No se incluir\u00e1n en su algoritmo durante el 2020 debido a la actual crisis sanitaria<\/li>\n\n\n\n<li>Google avisar\u00e1 con 6 meses de antelaci\u00f3n; sin embargo, m\u00e1s vale prevenir que lamentar. \u00a1A empezar a trabajar en ello!<\/li>\n\n\n\n<li>Se incluir\u00e1n a otros factores ya existentes, como la rapidez de carga de las p\u00e1ginas o la facilidad de uso en la versi\u00f3n mobile<\/li>\n<\/ul>\n\n\n\n<p>Aunque Google indica que las Core Web Vitals <strong>no son un factor de posicionamiento actualmente<\/strong>, creo que contar con buenas m\u00e9tricas ya es beneficioso. <strong>Tenerlas optimizadas <\/strong>significa que tu sitio web est\u00e1 bien gestionado. Por el contrario, malas m\u00e9tricas, como cargas lentas o inestabilidad visual, afectan negativamente la experiencia de usuario, lo que a su vez impacta en el porcentaje de rebote, tiempo en p\u00e1gina y p\u00e1ginas vistas.<\/p>\n\n\n\n<p>Mi recomendaci\u00f3n es que lo&nbsp;<strong>trabajes desde ahora mismo como un factor de posicionamiento<\/strong>, y vayas implementando poco a poco mejoras. De este modo, el d\u00eda que Google incluya como factor directo de posicionamiento los Core Web Vitals, ya tendr\u00e1s el trabajo hecho, o al menos parte de \u00e9l. Y si tus competidores no lo han hecho,&nbsp;<strong>partir\u00e1s con una peque\u00f1a ventaja<\/strong>&nbsp;sobre ellos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Herramientas de monitoreo de resultados respecto a las Core Web Vitals<\/h2>\n\n\n\n<p>Ahora que ya sabes qu\u00e9 son los Core Web Vitals, probablemente te preguntes <strong>d\u00f3nde analizar los valores de tu sitio web<\/strong>. Google facilita esto a trav\u00e9s de Search Console, donde encontrar\u00e1s toda la informaci\u00f3n necesaria. Adem\u00e1s, herramientas como PageSpeed Insights, Chrome UX Report, Lighthouse y extensiones de Chrome como \u00abWeb Vitals Extension\u00bb tambi\u00e9n permiten realizar an\u00e1lisis detallados. Aqu\u00ed te explico cada una:<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">#1 Search Console<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"422\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-search-console-rendimiento-web-experiencia-usuario-seo-1-843x422.jpg\" alt=\"core web vitals google search console rendimiento web experiencia usuario seo\" class=\"wp-image-22590\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-search-console-rendimiento-web-experiencia-usuario-seo-1-843x422.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-search-console-rendimiento-web-experiencia-usuario-seo-1-385x193.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-search-console-rendimiento-web-experiencia-usuario-seo-1-590x295.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-search-console-rendimiento-web-experiencia-usuario-seo-1-768x384.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-search-console-rendimiento-web-experiencia-usuario-seo-1-1000x500.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-search-console-rendimiento-web-experiencia-usuario-seo-1.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p>Como no puede ser de otra manera, si Google desea que tengamos estas m\u00e9tricas, debe proporcion\u00e1rnoslas de una manera f\u00e1cil y est\u00e9 al alcance de todos. Lo puedes encontrar en el men\u00fa de la izquierda de la herramienta, en la parte de\u00a0<strong>Mejoras>M\u00e9tricas Web Principales<\/strong>. Al darle click en ese apartado ver\u00e1s una diferenciaci\u00f3n entre las m\u00e9tricas Mobile y Desktop, y una gr\u00e1fica en la que especifica la cantidad de urls con valores negativos (rojos), con necesidad de mejoras (naranja) y \u00f3ptimos (verde).<\/p>\n\n\n\n<p>Una vez all\u00ed, puedes abrir el informe que desees, (mobile o desktop), y te mostrar\u00e1 detalles de los problemas, diferenciados por tipo de Core Web Vitals, y por gravedad. Puedes ingresar en cualquiera de estos detalles para ampliar informaci\u00f3n, indicando las urls donde se puede encontrar el error, y en caso de que haya muchas te da una muestra de hasta 20 urls similares.<\/p>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">#2 Pagespeed Insights<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"422\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-pagespeed-insights-rendimiento-web-experiencia-usuario-seo-843x422.jpg\" alt=\"core web vitals google pagespeed insights rendimiento web experiencia usuario seo\" class=\"wp-image-22591\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-pagespeed-insights-rendimiento-web-experiencia-usuario-seo-843x422.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-pagespeed-insights-rendimiento-web-experiencia-usuario-seo-385x193.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-pagespeed-insights-rendimiento-web-experiencia-usuario-seo-590x295.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-pagespeed-insights-rendimiento-web-experiencia-usuario-seo-768x384.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-pagespeed-insights-rendimiento-web-experiencia-usuario-seo-1000x500.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-pagespeed-insights-rendimiento-web-experiencia-usuario-seo.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p>En la \u00faltima versi\u00f3n de&nbsp;<strong>Lighthouse<\/strong>&nbsp;se incluyen las&nbsp;<strong>m\u00e9tricas de LCP y CLS<\/strong>. Aunque no podr\u00e1s encontrar la m\u00e9trica de FID, s\u00ed se ha incluido otra que se esta muy relacionada, el&nbsp;<a href=\"https:\/\/web.dev\/tbt\/\" target=\"_blank\" rel=\"noreferrer noopener\">TBT<\/a>, que hace referencia al tiempo total de bloqueo. La propia herramienta te dar\u00e1 unos valores y unas pautas a seguir para poder mejorarlos. Para utilizarlo basta que descargues la extensi\u00f3n de chrome de Lighthouse, te diriges al icono del faro en la parte superior derecha, le haces click y te generar\u00e1 un reporte con un buen an\u00e1lisis sobre diferentes aspectos de tu p\u00e1gina.<\/p>\n\n\n\n<p>Tambi\u00e9n en&nbsp;<strong>PageSpeed Insights&nbsp;<\/strong>puedes ver ya las m\u00e9tricas de los diferentes Core Web Vitals. En este caso, solo debes&nbsp;<a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noreferrer noopener\">entrar en la herramineta<\/a>&nbsp;poner la url que deseas y te proporcionar\u00e1 toda la informaci\u00f3n. Podr\u00e1s diferenciar las m\u00e9tricas LCP, CLS y FID&nbsp; por un peque\u00f1o icono azul. (Lo puedes ver mejor en la imagen). Por supuesto, la herramienta tambi\u00e9n te proporciona las posibles causas de un mal resultado (en caso de que lo tengas) y las acciones que puedes realizar para optimizar cada uno de los Core Web Vitals.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#3 Lighthouse<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"422\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-lighthouse-rendimiento-web-experiencia-usuario-seo-843x422.jpg\" alt=\"core web vitals google lighthouse rendimiento web experiencia usuario seo\" class=\"wp-image-22592\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-lighthouse-rendimiento-web-experiencia-usuario-seo-843x422.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-lighthouse-rendimiento-web-experiencia-usuario-seo-385x193.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-lighthouse-rendimiento-web-experiencia-usuario-seo-590x295.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-lighthouse-rendimiento-web-experiencia-usuario-seo-768x384.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-lighthouse-rendimiento-web-experiencia-usuario-seo-1000x500.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-lighthouse-rendimiento-web-experiencia-usuario-seo.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p>Es una herramienta automatizada de c\u00f3digo abierto&nbsp;<strong>integrada a PageSpeed Insights<\/strong>&nbsp;que mejora la capacidad de monitoreo de resultados de esta \u00faltima. En lo que respecta a Largest Contentful Paint y Cumulative Layout Shift,&nbsp;<strong>Lighthouse es capaz de ejecutar pruebas directas en cualquier dominio sin necesidad de contar con datos de uso o reales<\/strong>, mostrando n\u00fameros concretos sin gr\u00e1ficos y dando puntuaci\u00f3n general respecto a rendimiento, accesibilidad, mejores pr\u00e1cticas y&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-herramientas-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">SEO<\/a>.<\/p>\n\n\n\n<p>Esta herramienta muestra el Total Blocking Time o TBT de un sitio en pruebas de laboratorio, y si se muestra en n\u00fameros rojos se puede tener gran idea de c\u00f3mo est\u00e1 el FID, as\u00ed que todo lo que se aplique para mejorar dicha m\u00e9trica medida afectara al FID no mostrado.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#4 Extensi\u00f3n Vitals de Google (Chrome)<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"422\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-extension-vitals-rendimiento-web-experiencia-usuario-seo-843x422.jpg\" alt=\"core web vitals google extension vitals rendimiento web experiencia usuario seo\" class=\"wp-image-22593\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-extension-vitals-rendimiento-web-experiencia-usuario-seo-843x422.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-extension-vitals-rendimiento-web-experiencia-usuario-seo-385x193.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-extension-vitals-rendimiento-web-experiencia-usuario-seo-590x295.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-extension-vitals-rendimiento-web-experiencia-usuario-seo-768x384.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-extension-vitals-rendimiento-web-experiencia-usuario-seo-1000x500.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-extension-vitals-rendimiento-web-experiencia-usuario-seo.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p>Si deseas ver las m\u00e9tricas de los Core Web Vitals de cualquier sitio web, puedes hacerlo f\u00e1cilmente con la\u00a0<a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-vitals\/ahfhijdlegdabablpippeagghigmibma\" target=\"_blank\" rel=\"noreferrer noopener\">extensi\u00f3n \u00abWeb Vitals\u00bb<\/a>. Vamos a ser sinceros. Todos espiamos a nuestra competencia, (incluso a los que no lo son), para saber c\u00f3mo lo est\u00e1n haciendo de bien o en qu\u00e9 est\u00e1n fallando. Con esta extensi\u00f3n puedes\u00a0<strong>conocer las m\u00e9tricas de otros sitios web y compararlas con las tuyas<\/strong>.<\/p>\n\n\n\n<p>Para utilizar esta extensi\u00f3n tan solo busca en Google algo como \u00abextension core web vitals\u00ab. Probablemente la podr\u00e1s encontrar en el primer resultado. Le das clic en \u2018Instalar Extensi\u00f3n\u2019 y ver\u00e1s como aparece un icono en la parte superior derecha de tu navegador. Cada vez que entres en una p\u00e1gina web o blog dir\u00edgete al icono y clica sobre el, te mostrar\u00e1 cuales son las m\u00e9tricas de los\u00a0<strong>Core Web Vitals<\/strong>. Aunque no te da una informaci\u00f3n tan detallada como las herramientas comentadas anteriormente, te servir\u00e1 para saber a simple vista los valores de la p\u00e1gina que estas visitando.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#5 Chrome UX Report<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"422\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-chrome-ux-report-rendimiento-web-experiencia-usuario-seo-843x422.jpg\" alt=\"core web vitals google chrome ux report rendimiento web experiencia usuario seo\" class=\"wp-image-22594\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-chrome-ux-report-rendimiento-web-experiencia-usuario-seo-843x422.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-chrome-ux-report-rendimiento-web-experiencia-usuario-seo-385x193.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-chrome-ux-report-rendimiento-web-experiencia-usuario-seo-590x295.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-chrome-ux-report-rendimiento-web-experiencia-usuario-seo-768x384.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-chrome-ux-report-rendimiento-web-experiencia-usuario-seo-1000x500.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-chrome-ux-report-rendimiento-web-experiencia-usuario-seo.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p>Chrome UX Report es una herramienta que permite conocer la optimizaci\u00f3n de un sitio web respecto a las Core Web Vitals, tales como FID, LCP y CLS, entre otras m\u00e9tricas como First Paint o FP, Onload, DOMContentLoaded, Time to First Byte o TTFB, a trav\u00e9s de la navegaci\u00f3n en sitios web que los usuarios del navegador Chrome de Google llevan a cabo, y que por supuesto dan su consentimiento previo para hacerlo.<\/p>\n\n\n\n<p>Para hacerlo, la herramienta usa par\u00e1metros de Web Practices que toma en cuenta CSS y JavaScript, recursos de im\u00e1genes y video, texto y contenido, renderizaci\u00f3n, compresi\u00f3n y toma en cuenta aspectos como ubicaci\u00f3n del usuario, tipo de conexi\u00f3n efectiva, pa\u00eds, tipo de dispositivo, entre otros.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">#6 Chrome DevTools<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"422\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-chrome-dev-tools-rendimiento-web-experiencia-usuario-seo-843x422.jpg\" alt=\"core web vitals google chrome dev tools rendimiento web experiencia usuario seo\" class=\"wp-image-22595\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-chrome-dev-tools-rendimiento-web-experiencia-usuario-seo-843x422.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-chrome-dev-tools-rendimiento-web-experiencia-usuario-seo-385x193.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-chrome-dev-tools-rendimiento-web-experiencia-usuario-seo-590x295.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-chrome-dev-tools-rendimiento-web-experiencia-usuario-seo-768x384.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-chrome-dev-tools-rendimiento-web-experiencia-usuario-seo-1000x500.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/core-web-vitals-google-chrome-dev-tools-rendimiento-web-experiencia-usuario-seo.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p>Este conjunto de herramientas de desarrollo y depuraci\u00f3n para sitios web, ofrece opciones para consultar y monitorear al menos dos&nbsp;<strong>Core Web Vitals<\/strong>, que son LCP y CLS, de manera directa a trav\u00e9s de la \u00faltima actualizaci\u00f3n del navegador. Con barras y otras herramientas gr\u00e1ficas, Chrome DevTools muestra el rendimiento respecto al indicador de Cumulative Layout Shift (CLS) de manera muy precisa y detallada; mientras que la m\u00e9trica de First Input Delay (FID) a trav\u00e9s de la medida de Total Blocking Time o TBT puede optimizarse, obteniendo informaci\u00f3n en tiempo real.<\/p>\n\n\n\n<p>Estas herramientas vienen incorporadas con a Google Chrome, un usuario com\u00fan no tiene mucho conocimiento sobre el funcionamiento porque se tratan de c\u00f3digos. Para acceder, ubicas el cursor en un elemento y le das clic derecho a la opci\u00f3n \u2018Inspeccionar\u2019. Te saldr\u00e1 el panel de Chorme Dev Tools con los nueve elementos a analizar (Elements, Console, Sources, Networks, Timeline, Profiles, Resource, Security y Audits)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Preguntas frecuentes sobre las Core Web Vitals de Google<\/h2>\n\n\n\n<p>Siempre que Google realiza alg\u00fan tipo de cambio, o como en este caso, proporciona unas nuevas m\u00e9tricas que ser\u00e1n factores de posicionamiento, a todos los profesionales del sector nos surgen un mont\u00f3n de preguntas y dudas al respecto. Seguro que a ti, estimado lector, tambi\u00e9n te ocurre, \u00bfverdad? Por eso, a continuaci\u00f3n te respondo algunas de las preguntas que m\u00e1s se est\u00e1n haciendo despu\u00e9s del anuncio sobre los&nbsp;<strong>Core Web Vitals<\/strong>, y de su futura repercusi\u00f3n directa en el p<strong>osicionamiento org\u00e1nico<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfCambiar\u00e1n en el futuro las Core Web Vitals?<\/h3>\n\n\n\n<p>Google evoluciona constantemente, con cambios frecuentes en su algoritmo. Aunque a <strong>corto y medio plazo estas m\u00e9tricas parecen importantes<\/strong>, no es seguro si mantendr\u00e1n su relevancia en el futuro o ser\u00e1n reemplazadas por otras. La evoluci\u00f3n de las interacciones de los usuarios con el buscador determinar\u00e1 los ajustes necesarios. <strong>Google no dudar\u00e1 en cambiar las prioridades o factores de posicionamiento<\/strong> si eso mejora la experiencia del usuario.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Cuando afecte al SEO, \u00bfafectar\u00e1 a nivel de sitio o de p\u00e1gina?<\/h3>\n\n\n\n<p>Otra duda que a menudo se plantea es, si este futuro factor del algoritmo, tendr\u00e1 efectos a nivel de p\u00e1gina o de sitio web.\u00a0<strong>El factor ser\u00e1 a nivel de p\u00e1gina<\/strong>. Si nos fijamos en Search Console por ejemplo, vemos que las m\u00e9tricas nos aparecen a nivel de url. Por tanto, \u00bfqu\u00e9 sentido tendr\u00eda que Google nos ense\u00f1e las m\u00e9tricas a nivel de url, si luego premia o penaliza a nivel de sitio? Adem\u00e1s, si un mismo sitio web tiene urls con distintas m\u00e9tricas, \u00bfc\u00f3mo se podr\u00eda generalizar para una repercusi\u00f3n a nivel global?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfEl peso relativo en el algoritmo de Google de cada m\u00e9trica ser\u00e1 el mismo que en Lighthouse?<\/h3>\n\n\n\n<p>Si esperas que Google te diga en qu\u00e9 porcentaje afecta cada una de los Core Web Vitals en el posicionamiento, tengo malas noticias, esto no va a ocurrir. Google, a trav\u00e9s de Lighthouse te proporciona un an\u00e1lisis de tu sitio, donde no solo te dice en qu\u00e9 puedes mejorar, sino como hacerlo, y de esta forma poder mejorar tu posicionamiento. Pero, ni ahora, ni probablemente nunca, te dir\u00e1 el peso exacto que tiene cada una de las m\u00e9tricas en su algoritmo para crear el ranking org\u00e1nico de su buscador.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n: Mejora el rendimiento de tu web analizando las Core Web Vitals<\/h2>\n\n\n\n<p><strong>Google lleva tiempo enfoc\u00e1ndose en ofrecer una experiencia de usuario excelente<\/strong>, lo que en parte explica por qu\u00e9 es el buscador m\u00e1s utilizado. Con los <strong>Core Web Vitals<\/strong>, busca asegurarse de que las p\u00e1ginas mejor posicionadas en su buscador ofrezcan una gran experiencia al usuario. Si entre los primeros resultados hubiera sitios con una mala experiencia, Google ser\u00eda indirectamente responsable, ya que, aunque no controla esos sitios, s\u00ed decide su posicionamiento en los primeros lugares.<\/p>\n\n\n\n<p>Google se esfuerza por <strong>mejorar su servicio para el consumidor final<\/strong>, asegur\u00e1ndose de que los primeros resultados de b\u00fasqueda, que son los m\u00e1s clicados, ofrezcan una experiencia excepcional. Si los usuarios est\u00e1n satisfechos con lo que encuentran, continuar\u00e1n utilizando su buscador. Por lo tanto, para que Google considere nuestras p\u00e1ginas en los primeros resultados, es fundamental seguir sus directrices y <strong>mejorar la experiencia del usuario<\/strong>. <\/p>\n\n\n\n<p class=\"custom_note\">Las<strong> herramientas<\/strong> que te recomendar\u00eda para analizar los valores Core Web Vitals ser\u00edan Search Console, Pagespeed Insights y Lighthouse.<\/p>\n\n\n\n<p>\u00bfQu\u00e9 te ha parecido esta gu\u00eda sobre los nuevos indicadores&nbsp;<strong>Corel Web Vitals<\/strong>? \u00bfTienes claro necesitar empezar a mejorar la UX y la WPO de tu sitio web, blog o tienda online? \u00bfConoc\u00edas estas herramientas de monitoreo? \u00bfCrees que me he dejado algo? \u00bfTe has quedado con alguna duda o pregunta? Entonces te pido que dejes un comentario. Da igual que sea o una duda o un simple gracias, pero me alegrar\u00e9 mucho de leerlo y responderlo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQuieres que tu\u00a0sitio web\u00a0est\u00e9 bien\u00a0optimizado para buscadores\u00a0y que el usuario tenga una experiencia \u00fanica para regresar a tu\u00a0blog\u00a0o\u00a0tienda online?\u00bfHas o\u00eddo de\u00a0Core Web Vitals, pero no sabes de qu\u00e9 tratan estas nuevas\u00a0m\u00e9tricas? \u00a1Est\u00e1s en el sitio correcto! Google vuelve a ense\u00f1ar la importancia del rendimiento web y la experiencia de usuario, y\u00a0eval\u00faa aspectos importantes relacionados con [&hellip;]<\/p>\n","protected":false},"author":49,"featured_media":22585,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":0,"footnotes":""},"categories":[213,192],"tags":[],"class_list":["post-22582","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-google-internet-y-tecnologia","category-internet-y-tecnologia"],"_links":{"self":[{"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/posts\/22582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/users\/49"}],"replies":[{"embeddable":true,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/comments?post=22582"}],"version-history":[{"count":5,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/posts\/22582\/revisions"}],"predecessor-version":[{"id":42482,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/posts\/22582\/revisions\/42482"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/media\/22585"}],"wp:attachment":[{"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/media?parent=22582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/categories?post=22582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/tags?post=22582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}