{"id":8434,"date":"2022-01-14T08:00:45","date_gmt":"2022-01-14T07:00:45","guid":{"rendered":"https:\/\/ozonocomunicacion.com\/blog\/?p=8434"},"modified":"2022-01-27T16:09:37","modified_gmt":"2022-01-27T15:09:37","slug":"el-estado-de-la-web-y-las-core-web-vitals","status":"publish","type":"post","link":"https:\/\/ozonocomunicacion.com\/blog\/el-estado-de-la-web-y-las-core-web-vitals\/","title":{"rendered":"El estado de la Web y las Core Web Vitals"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 ez-toc-wrap-right counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">\u00cdndice<\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ozonocomunicacion.com\/blog\/el-estado-de-la-web-y-las-core-web-vitals\/#i\" >\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ozonocomunicacion.com\/blog\/el-estado-de-la-web-y-las-core-web-vitals\/#Las_tres_Core_Web_Vitals_que_Google_analiza_son_las_siguientes\" >Las tres Core Web Vitals que Google analiza son las siguientes:<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ozonocomunicacion.com\/blog\/el-estado-de-la-web-y-las-core-web-vitals\/#i-2\" >\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/ozonocomunicacion.com\/blog\/el-estado-de-la-web-y-las-core-web-vitals\/#%C2%BFDe_donde_obtiene_Google_estos_datos\" >\u00bfDe d\u00f3nde obtiene Google estos datos?<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<p>Las Core Web Vitals son uno de los cinco factores que <b>Google utiliza para evaluar la experiencia de usuario<\/b> y, para lograr un buen posicionamiento en los resultados de b\u00fasquedas de Google, <b>es indispensable tener en cuenta estas m\u00e9tricas<\/b>.<\/p>\n<p>Si quieres saber qu\u00e9 son las Core Web Vitals y c\u00f3mo afectan al posicionamiento de las p\u00e1ginas web, sigue leyendo.<span class=\"Apple-converted-space\">\u00a0<\/span><\/p>\n<p>Las Core Web Vitals nacen de la necesidad de proporcionar un m\u00e9todo unificado a los desarrolladores y<i> webmasters<\/i>, que les permitiera detectar de forma sencilla los problemas de UX y WPO de una web concreta.<\/p>\n<p>Como ven\u00edamos diciendo, este conjunto de m\u00e9tricas busca evaluar la experiencia de usuario de una web, <b>analizando velocidad de carga, la capacidad de respuesta con el usuario y la estabilidad visual<\/b>.<\/p>\n<p>Es importante tener en cuenta que los par\u00e1metros de estas tres m\u00e9tricas podr\u00edan cambiar y evolucionar con el tiempo, pues el objetivo es que se vayan adaptando a las webs para proporcionar un an\u00e1lisis cada vez m\u00e1s veraz y enfocada en mejorar la experiencia de usuario.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"i\"><\/span>\u00a0<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h2><span class=\"ez-toc-section\" id=\"Las_tres_Core_Web_Vitals_que_Google_analiza_son_las_siguientes\"><\/span>Las tres Core Web Vitals que Google analiza son las siguientes:<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li><b>LCP (Largest Contentful Paint): <\/b>se ocupa de calcular el tiempo que tarda una pantalla en mostrar los contenidos m\u00e1s grande. El tiempo deber\u00eda ser de 2,5 segundos o menos para que Google considere que se est\u00e1 ofreciendo una buena experiencia de usuario. M\u00e1s concretamente, esta m\u00e9trica mide: el momento en el que el usuario consigue ver algo en la pantalla sin hacer scroll (ya sea un texto, una imagen o un v\u00eddeo) as\u00ed como el tiempo de respuesta del servidor.<\/li>\n<li><b>FID (First Input Delay): <\/b>se ocupa de medir el tiempo de respuesta de una web, tras la primera interacci\u00f3n de un usuario (ej. cu\u00e1nto tarda en cargarse una p\u00e1gina interna o enlace, despu\u00e9s de que el usuario haya hecho <i>clic<\/i> en ello). Lo ideal es que una web tarde 100 milisegundos o menos en responder. Destacamos que la m\u00e9trica se ver\u00e1 alterada por el momento, el navegador, la velocidad de la conexi\u00f3n y el elemento clicado por el usuario; es un dato a tener en cuenta, puesto que el FID solo se puede medir sobre usuarios reales.<\/li>\n<li><b>CLS (Cumulative Layout Shift): <\/b>esta \u00faltima Core Web Vitals se ocupa de evaluar la estabilidad visual de un sitio web. Para que lo entiendas mejor, analiza si, al hacer scroll en una p\u00e1gina, los elementos de dicha p\u00e1gina cambian como es debido, pues a menudo no es as\u00ed y acabamos haciendo <i>clic<\/i> en un enlace, imagen, etc. incorrecta. Esta m\u00e9trica no mide el tiempo sino que realiza un c\u00e1lculo del cambio en las posiciones de los elementos de una web. Lo ideal es que la puntuaci\u00f3n no supere o sea igual a 0,1.<\/li>\n<\/ul>\n<p>Podemos definir las Core Web Vitals, como un intento de<b> simplificar el trabajo de optimizaci\u00f3n de una web<\/b>, poniendo en el foco en aquellos elementos que necesitamos tener en cuenta para ofrecer una experiencia de usuario de calidad.<\/p>\n<p>Sabiendo esto, no nos sorprende que estas m\u00e9tricas se consideren factores indispensable para lograr un buen <a href=\"https:\/\/ozonocomunicacion.com\/blog\/posicionamiento-de-palabras-clave-en-los-motores-de-busqueda\/\" target=\"_blank\" rel=\"noopener\"><b>posicionamiento web SEO<\/b><\/a> y, por ello, es imprescindibles analizarlas y revisarlas peri\u00f3dicamente.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"i-2\"><\/span>\u00a0<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h3><span class=\"ez-toc-section\" id=\"%C2%BFDe_donde_obtiene_Google_estos_datos\"><\/span>\u00bfDe d\u00f3nde obtiene Google estos datos?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Se obtienen <b>analizando la navegaci\u00f3n de usuarios reales<\/b>. Google usa datos de su navegador Chrome y los almacena de forma an\u00f3nima en su Informe de Experiencia de Usuario <i>(Chrome User Experience Report)<\/i>.<\/p>\n<p>Como mencionamos anteriormente, dichas m\u00e9tricas se ver\u00e1n afectadas por el tipo de dispositivo y conexi\u00f3n de red que tengan los usuarios, por lo que<b> los usuarios que dispongan de una navegaci\u00f3n r\u00e1pida, percibir\u00e1n las m\u00e9tricas de diferente forma que otro usuario que no disponga de una buena conexi\u00f3n de red y\/o de un dispositivo m\u00f3vil moderno<\/b> (pues, habr\u00e1 que tener en cuenta las fluctuaciones en la percepci\u00f3n de los usuarios).<\/p>\n<p>Finalmente, las Web Vitals se recopilan segmentadas por dispositivo, por lo tendremos que optimizar las m\u00e9tricas de m\u00f3vil (incluido AMP) y escritorio por separado.<\/p>\n<p>&nbsp;<\/p>\n<p>*Desde Ozono Comunicaci\u00f3n conocemos <b>la importancia de contar con una web optimizada y capaz de ofrecer una buena experiencia de usuario<\/b>. Cont\u00e1ctanos y cu\u00e9ntanos tu proyecto para que podamos proporcionarte un <a href=\"https:\/\/ozonocomunicacion.com\/diseno-web-madrid\/\" target=\"_blank\" rel=\"noopener\"><b>presupuesto dise\u00f1o web<\/b><\/a> a medida.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Las Core Web Vitals son uno de los cinco factores que Google utiliza para evaluar la experiencia de usuario y, para lograr un buen posicionamiento en los resultados de b\u00fasquedas de Google, es indispensable tener en cuenta estas m\u00e9tricas. Si quieres saber qu\u00e9 son las Core Web Vitals y c\u00f3mo afectan al posicionamiento de las &#8230; <a title=\"El estado de la Web y las Core Web Vitals\" class=\"read-more\" href=\"https:\/\/ozonocomunicacion.com\/blog\/el-estado-de-la-web-y-las-core-web-vitals\/\" aria-label=\"M\u00e1s en El estado de la Web y las Core Web Vitals\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":7,"featured_media":8439,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[124,21,95,3,4],"tags":[402,399,443,417],"class_list":["post-8434","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-diseno-web","category-experiencia-de-usuario","category-marketing-online","category-seo","tag-agencia-de-marketing-online","tag-agencia-seo","tag-core-web-vitals","tag-presupuesto-diseno-web","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50"],"_links":{"self":[{"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/posts\/8434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/comments?post=8434"}],"version-history":[{"count":2,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/posts\/8434\/revisions"}],"predecessor-version":[{"id":8438,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/posts\/8434\/revisions\/8438"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/media\/8439"}],"wp:attachment":[{"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/media?parent=8434"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/categories?post=8434"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ozonocomunicacion.com\/blog\/wp-json\/wp\/v2\/tags?post=8434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}