{"id":46021,"date":"2023-09-06T11:40:07","date_gmt":"2023-09-06T10:40:07","guid":{"rendered":"https:\/\/seo-marketing.koeln\/web-vitals\/"},"modified":"2026-06-19T16:20:37","modified_gmt":"2026-06-19T15:20:37","slug":"web-vitals","status":"publish","type":"post","link":"https:\/\/seo-marketing.koeln\/es\/web-vitals\/","title":{"rendered":"Web Vitals"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Web Vitals: los factores de Google para la experiencia del usuario<\/h2>\n\n<p class=\"wp-block-paragraph\">Los <strong>Core Web Vitals<\/strong> son una serie de factores espec\u00edficos que Google considera clave para la experiencia de usuario (User Experience) de una p\u00e1gina web.<\/p>\n\n<p class=\"wp-block-paragraph\">Se componen de tres mediciones espec\u00edficas:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>Tiempo de carga (Largest Contentful Paint)<\/li>\n\n\n\n<li>Interactividad (retardo de la primera entrada)<\/li>\n\n\n\n<li>Estabilidad visual (Cumulative Layout Shift)<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 son las Core Web Vitals?<\/h2>\n\n<p class=\"wp-block-paragraph\">En resumen: los Core Web Vitals son un subconjunto de factores que Google utiliza para evaluar la \u00abexperiencia en la p\u00e1gina\u00bb (Page Experience). Son la forma que tiene Google de evaluar de manera objetiva la experiencia de usuario (UX) global de tu p\u00e1gina. <\/p>\n\n<h2 class=\"wp-block-heading\">Resumen de la iniciativa<\/h2>\n\n<p class=\"wp-block-paragraph\">Web Vitals es una iniciativa de Google. Su objetivo es ofrecer una gu\u00eda unificada sobre los indicadores de calidad, que son imprescindibles para ofrecer una experiencia de usuario excelente en Internet.  <\/p>\n\n<p class=\"wp-block-paragraph\">A lo largo de los a\u00f1os, Google ha lanzado muchas herramientas para medir el rendimiento. Algunos desarrolladores son expertos en usarlas. A otros, sin embargo, les ha parecido confuso todo ese mont\u00f3n de herramientas y m\u00e9tricas.  <\/p>\n\n<p class=\"wp-block-paragraph\">La buena noticia es que los propietarios de sitios web no tienen por qu\u00e9 ser expertos en rendimiento. La iniciativa Web Vitals simplifica las cosas. Ayuda a los administradores web a centrarse en las m\u00e9tricas que m\u00e1s importan.  <\/p>\n\n<h2 class=\"wp-block-heading\">Los tres indicadores clave<\/h2>\n\n<p class=\"wp-block-paragraph\">Los Core Web Vitals se aplican a todas las p\u00e1ginas web. Todos los propietarios de sitios web deber\u00edan medirlos y aparecen en todas las herramientas de Google. Cada indicador representa un aspecto concreto de la experiencia del usuario.  <\/p>\n\n<p class=\"wp-block-paragraph\">El conjunto actual se centra en tres aspectos: <strong>tiempo de carga, interactividad y estabilidad visual.<\/strong><\/p>\n\n<h3 class=\"wp-block-heading\">1. Largest Contentful Paint (LCP)<\/h3>\n\n<p class=\"wp-block-paragraph\">Esto mide la velocidad de carga. Se trata de saber cu\u00e1ndo se carga el contenido principal. <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Objetivo:<\/strong> El LCP deber\u00eda aparecer en un plazo de <strong>2,5 segundos<\/strong>.<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">2. Retardo de la primera entrada (FID)<\/h3>\n\n<p class=\"wp-block-paragraph\">Esto mide la interactividad. Se trata de la rapidez con la que la p\u00e1gina responde a una acci\u00f3n del usuario. <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Objetivo:<\/strong> La p\u00e1gina deber\u00eda tener un FID inferior a <strong>100 milisegundos<\/strong>.<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">3. Cumulative Layout Shift (CLS)<\/h3>\n\n<p class=\"wp-block-paragraph\">Esto mide la estabilidad visual. Comprueba si los elementos se desplazan de forma inesperada mientras se carga la p\u00e1gina. <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Objetivo:<\/strong> La p\u00e1gina deber\u00eda tener un CLS inferior a <strong>0,1<\/strong>.<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\"><strong>El umbral:<\/strong> para asegurarse de que alcanzas los objetivos, Google utiliza el <strong>percentil 75.<\/strong> Esto significa que, si el 75 % de tus visitas a la p\u00e1gina (tanto en m\u00f3vil como en ordenador) alcanzan los objetivos, la prueba se considera superada. <\/p>\n\n<h2 class=\"wp-block-heading\">\u00bfC\u00f3mo se mide Core Web Vitals?<\/h2>\n\n<p class=\"wp-block-paragraph\">Como Google considera que estos valores son la base de la experiencia del usuario, la empresa pone a tu disposici\u00f3n varias herramientas. Aqu\u00ed tienes tres formas de medirlos: <\/p>\n\n<h3 class=\"wp-block-heading\">1. Informe sobre la experiencia de usuario de Chrome (CrUX)<\/h3>\n\n<p class=\"wp-block-paragraph\">Google recopila datos an\u00f3nimos de usuarios reales. A esto se le llama \u00abdatos de campo\u00bb. <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Ventaja:<\/strong> no tienes que configurar nada. Google ya tiene los datos. <\/li>\n\n\n\n<li><strong>Herramientas:<\/strong> PageSpeed Insights utiliza esta base de datos.<\/li>\n\n\n\n<li><strong>Inconveniente:<\/strong> el an\u00e1lisis no es muy detallado. A menudo no sirve para diagnosticar con precisi\u00f3n problemas concretos en una p\u00e1gina secundaria concreta. <\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">2. Uso de JavaScript<\/h3>\n\n<p class=\"wp-block-paragraph\">Puedes usar JavaScript para medir los valores directamente.<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Biblioteca:<\/strong> Google ofrece una biblioteca de Web Vitals con API ya listas para usar.<\/li>\n\n\n\n<li><strong>Extensi\u00f3n para el navegador:<\/strong> En la Chrome Web Store est\u00e1 disponible la extensi\u00f3n \u00abWeb Vitals\u00bb. Con ella podr\u00e1s ver los valores directamente en el navegador, sin tener que escribir c\u00f3digo. <\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\">3. Herramientas de laboratorio<\/h3>\n\n<p class=\"wp-block-paragraph\">Las herramientas de laboratorio simulan una visita a una p\u00e1gina en condiciones controladas.<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>Uso:<\/strong> Es especialmente \u00fatil antes de que una web se publique (prelanzamiento).<\/li>\n\n\n\n<li><strong>Importante:<\/strong> No te olvides de los datos de campo (usuarios reales). La experiencia de un usuario real se ve afectada por factores como las condiciones de la red o los dispositivos lentos. Usa las herramientas de laboratorio para el desarrollo y los datos de campo para la supervisi\u00f3n.  <\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Web Vitals &#8211; Factores de Google para la experiencia de usuario de un sitio web.<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[321],"tags":[],"class_list":["post-46021","post","type-post","status-publish","format-standard","hentry","category-lexico"],"_links":{"self":[{"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/posts\/46021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/comments?post=46021"}],"version-history":[{"count":1,"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/posts\/46021\/revisions"}],"predecessor-version":[{"id":46023,"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/posts\/46021\/revisions\/46023"}],"wp:attachment":[{"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/media?parent=46021"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/categories?post=46021"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seo-marketing.koeln\/es\/wp-json\/wp\/v2\/tags?post=46021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}