{"id":2593,"date":"2020-12-04T11:14:06","date_gmt":"2020-12-04T10:14:06","guid":{"rendered":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/?p=2593"},"modified":"2021-05-27T09:49:51","modified_gmt":"2021-05-27T07:49:51","slug":"todo-lo-que-necesitas-saber-sobre-las-core-web-vitals-de-google","status":"publish","type":"post","link":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/todo-lo-que-necesitas-saber-sobre-las-core-web-vitals-de-google\/","title":{"rendered":"TODO LO QUE NECESITAS SABER SOBRE LAS CORE WEB VITALS DE GOOGLE"},"content":{"rendered":"<div id=\"telet-1902271212\" class=\"telet-antes-del-contenido telet-entity-placement\"><a href=\"https:\/\/quaderno.io\/?via=jose-manuel94\" aria-label=\"Quaderno General (Spanish) &#8211; 728&#215;90\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2020\/11\/Quaderno-General-Spanish-728x90-1.png\" alt=\"\"  srcset=\"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2020\/11\/Quaderno-General-Spanish-728x90-1.png 728w, https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2020\/11\/Quaderno-General-Spanish-728x90-1-300x37.png 300w\" sizes=\"(max-width: 728px) 100vw, 728px\" width=\"728\" height=\"90\"   \/><\/a><\/div><p>Siempre se ha dicho que la experiencia de usuario es clave para el posicionamiento SEO y Google cada vez lo tiene m\u00e1s en cuenta. Por esto mismo han lanzado lo que llaman&nbsp;<strong>Core Web Vitals<\/strong>, unas m\u00e9tricas que ayudan a profesionales SEO y Web Masters a entender mejor la experiencia de usuario de una web.<\/p>\n<p>Pero, \u00bfqu\u00e9 es exactamente lo que miden esas m\u00e9tricas y c\u00f3mo sabemos qu\u00e9 nos est\u00e1n indicando que debemos mejorar?<\/p>\n<h2><span id=\"Que_son_las_Web_Vitals\">\u00bfQu\u00e9 son las Web Vitals?<\/span><\/h2>\n<p>Ya hemos dicho que Web Vitals son unas m\u00e9tricas que nos facilita Google para&nbsp;<strong>entender la experiencia que obtiene un usuario en una p\u00e1gina web<\/strong>.<\/p>\n<p>Cuando hace unos a\u00f1os habl\u00e1bamos de mejorar la experiencia de usuario de una web, nos centr\u00e1bamos mucho en la velocidad de carga y c\u00f3mo mejorarla. Muchos nos volv\u00edamos locos para conseguirlo.<\/p>\n<p>Ahora Google nos indica que no s\u00f3lo es importante la velocidad de carga, sino que hay que tener en cuenta otros muchos factores y nos facilita cu\u00e1les son a trav\u00e9s de las siguientes m\u00e9tricas.<\/p>\n<p>Cada una de los Core Web Vitals&nbsp;<strong>representa una faceta distinta de la experiencia del usuario<\/strong>&nbsp;y dependiendo de la herramienta con la que los midamos podemos sacar datos reales o datos de laboratorio. Luego veremos las distintas herramientas para medir cada uno de ellos.<\/p>\n<p>Seg\u00fan Google, las m\u00e9tricas que componen Core Web Vitals&nbsp;<strong>evolucionar\u00e1n con el tiempo<\/strong>. Ahora mismo, se centra en tres aspectos de la experiencia de usuario:&nbsp;<em>carga<\/em>,&nbsp;<em>interactividad<\/em>&nbsp;y&nbsp;<em>estabilidad visual<\/em>.<\/p>\n<ul>\n<li>Largest Containful Paint (LCP)<\/li>\n<li>First Input Delay (FID)<\/li>\n<li>Cumulative Layout Shift (CLS)<\/li>\n<\/ul>\n<p>Veamos cada una de ellas por separado. \u00bfQu\u00e9 significan? \u00bfC\u00f3mo se pueden mejorar? \u00bfC\u00f3mo las puedo medir?<\/p>\n<div class=\"adsb30\">&nbsp;<\/div>\n<h2><span id=\"Largest_Containful_Paint_LCP\">Largest Containful Paint (LCP)<\/span><\/h2>\n<p>El Largest Containful Paint&nbsp;<strong>nos informa sobre el tiempo de renderizado de la imagen o el bloque de texto<\/strong>&nbsp;m\u00e1s grande visible dentro de la ventana gr\u00e1fica, entendiendo como ventana gr\u00e1fica el primer pantallazo de la web cuando un usuario entra en ella.<\/p>\n<h3><span id=\"Como_sabemos_si_tenemos_un_buen_LCP\">\u00bfC\u00f3mo sabemos si tenemos un buen LCP?<\/span><\/h3>\n<p>La carga de un sitio web normalmente&nbsp;<strong>empieza por el texto y sigue con las im\u00e1genes o v\u00eddeos<\/strong>. Gracias a esto, los usuarios pueden tener una mejor experiencia de usuario a la hora de navegar por la web.<\/p>\n<p>Si los elementos de tu web tardan mucho tiempo en cargar, no ser\u00e1 bueno para tu posicionamiento SEO. Seg\u00fan informa Google, para proporcionar una buena experiencia de usuario,&nbsp;<strong>los sitios web deben tener un LCP por debajo de 2,5 segundos<\/strong>.<\/p>\n<p>Concretamente, las herramientas de medici\u00f3n nos muestran tres escenarios distintos:<\/p>\n<ul>\n<li><strong>Bueno:<\/strong>&nbsp;Para cargas menores a 2,5 segundos.<\/li>\n<li><strong>Necesita mejorar:<\/strong>&nbsp;Para cargas entre 2,5 y 4 segundos.<\/li>\n<li><strong>Pobre:<\/strong>&nbsp;Para cargas mayores a 4 segundos.<\/li>\n<\/ul>\n<p>Algunos webmasters intentan que carguen primero los elementos interactivos para atraer la atenci\u00f3n de los usuarios y aumentar su tiempo en p\u00e1gina. Sin embargo, de esta forma est\u00e1n haciendo que tengan m\u00e1s probabilidad de que Google les d\u00e9 una nota pobre en su LCP.<\/p>\n<h3><span id=\"Como_podemos_medir_el_LCP\">\u00bfC\u00f3mo podemos medir el LCP?<\/span><\/h3>\n<p>El LCP&nbsp;<strong>se puede medir de dos formas<\/strong>: con herramientas que nos muestran datos de laboratorio y con herramientas que nos muestran datos de campo (en la realidad).<\/p>\n<p>Esto es como el consumo de un coche. Cuando vas al concesionario te dicen que el coche consume 4,5 litros cada 100km, pero cuando lo usas realmente consume 5,5 \ud83d\ude05<\/p>\n<p>Esto es porque la medida de 4,5 la han calculado sin tener en cuenta factores que surgen en la carretera como el viento, la carga del coche, la presi\u00f3n de las ruedas, etc\u2026 Por lo que podemos decir que los 4,5 litros es un dato de laboratorio y los 5,5 un dato de campo.<\/p>\n<p>Veamos cu\u00e1les son las distintas herramientas con las que podemos medir el LCP:<\/p>\n<p><strong>Herramientas de campo:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/web\/updates\/2018\/01\/crux?hl=es\" target=\"_blank\" rel=\"noopener noreferrer\">Informe de experiencia del usuario de Chrome<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?hl=es\" target=\"_blank\" rel=\"noopener noreferrer\">PageSpeed Insights<\/a><\/li>\n<li>Search Console (Informe Core Web Vitals)<\/li>\n<\/ul>\n<p><strong>Herramientas de laboratorio:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools?hl=es\" target=\"_blank\" rel=\"noopener noreferrer\">DevTools de Chrome<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse?hl=es\" target=\"_blank\" rel=\"noopener noreferrer\">Lighthouse<\/a><\/li>\n<li><a href=\"https:\/\/www.webpagetest.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">WebPageTest<\/a><\/li>\n<\/ul>\n<h3><span id=\"Como_podemos_mejorar_el_LCP\">\u00bfC\u00f3mo podemos mejorar el LCP?<\/span><\/h3>\n<p>Para saber c\u00f3mo podemos mejorar el LCP, debemos&nbsp;<strong>saber primero cu\u00e1les son los problemas principales que lo empeoran<\/strong>.<\/p>\n<p>A continuaci\u00f3n, vemos cu\u00e1les son esos problemas:<\/p>\n<h4><span id=\"Lentitud_en_el_tiempo_de_respuesta_del_servidor\">Lentitud en el tiempo de respuesta del servidor<\/span><\/h4>\n<p>Cuando hablamos sobre&nbsp;<a href=\"https:\/\/www.roberflores.com\/optimizar-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">c\u00f3mo mejorar el tiempo de carga de una web<\/a>, el primer paso que recomendamos es el de contratar un servidor r\u00e1pido. Por muy optimizada que tengas tu p\u00e1gina web, si el servidor es lento seguir\u00e1s teniendo problemas.<\/p>\n<h4><span id=\"Bloqueo_del_proceso_en_CSS_y_JavaScript\">Bloqueo del proceso en CSS y JavaScript<\/span><\/h4>\n<p>Para entender c\u00f3mo el CSS y el JavaScript bloquean el&nbsp;<strong>renderizado de una p\u00e1gina web<\/strong>, necesitamos empezar conociendo c\u00f3mo un navegador renderiza un sitio web.<\/p>\n<p>Cuando un usuario llega a una web, el navegador comienza a leer el c\u00f3digo de arriba abajo. Si durante este proceso se encuentra con un archivo CSS o JavaScript, necesita dejar de leer mientras espera para descargar y procesar ese archivo.<\/p>\n<p>Para solucionar esto, en caso de que est\u00e9s usando WordPress, basta con instalar un plugin que te permita&nbsp;<strong>cargar el CSS y el JavaScript de manera as\u00edncrona<\/strong>. Yo te recomiendo usar&nbsp;<a href=\"https:\/\/wp-rocket.me\/es\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Rocket<\/a>&nbsp;aunque si no quieres invertir dinero, te recomiendo la dupla&nbsp;<a href=\"https:\/\/es.wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener noreferrer\">Autoptimize<\/a>&nbsp;+&nbsp;<a href=\"https:\/\/es.wordpress.org\/plugins\/async-javascript\/\" target=\"_blank\" rel=\"noopener noreferrer\">Async JavaScript<\/a>.<\/p>\n<h4><span id=\"Lentitud_a_la_hora_de_cargar_recursos\">Lentitud a la hora de cargar recursos<\/span><\/h4>\n<p>Esta es una de las razones m\u00e1s comunes y seguramente sea porque&nbsp;<strong>tus im\u00e1genes, v\u00eddeos u otros elementos sean muy pesados<\/strong>. Basta con que comprimas las im\u00e1genes y los subas en formatos que pesen menos. Esto favorecer\u00e1 que tu web cargue m\u00e1s r\u00e1pido. Adem\u00e1s, tambi\u00e9n puedes usar un sistema de cach\u00e9 que ayude a la carga de estos.<\/p>\n<h2><span id=\"First_Input_Delay_FID\">First Input Delay (FID)<\/span><\/h2>\n<p>El FID&nbsp;<strong>mide el tiempo desde que un usuario interact\u00faa por primera vez con una p\u00e1gina hasta el momento en el que el navegador da respuesta a esa interacci\u00f3n<\/strong>. En espa\u00f1ol se traduce como&nbsp;<em>Latencia de la primera interacci\u00f3n<\/em>.<\/p>\n<p>Pero ojo,&nbsp;<strong>el FID solo mide el \u00abretraso\u00bb en el procesamiento de los eventos<\/strong>.&nbsp;No mide el tiempo de procesamiento de los eventos en s\u00ed ni el tiempo que tarda el navegador en actualizar la interfaz de usuario despu\u00e9s de ejecutar los controladores de eventos.<\/p>\n<h3><span id=\"Como_sabemos_si_tenemos_un_buen_FID\">\u00bfC\u00f3mo sabemos si tenemos un buen FID?<\/span><\/h3>\n<p>Seg\u00fan Google, para que una web aporte una buena experiencia de usuario,&nbsp;<strong>un sitio web debe tener un FID por debajo de 100ms<\/strong>. Al igual que cuando habl\u00e1bamos del LCP, el FID tambi\u00e9n se muestra en tres intervalos:<\/p>\n<ul>\n<li><strong>Bueno:<\/strong>&nbsp;Hasta 100ms.<\/li>\n<li><strong>Necesita mejorar:<\/strong>&nbsp;Hasta 300ms.<\/li>\n<li><strong>Pobre:<\/strong>&nbsp;M\u00e1s de 300ms.<\/li>\n<\/ul>\n<h3><span id=\"Que_pasa_si_un_usuario_nunca_interactua_con_su_sitio\">\u00bfQu\u00e9 pasa si un usuario nunca interact\u00faa con su sitio?<\/span><\/h3>\n<p>No todos los usuarios interact\u00faan siempre en un sitio web cada vez que lo visitan y no todas las interacciones son realmente relevantes para el FID.<\/p>\n<p>Adem\u00e1s,&nbsp;<strong>el FID depender\u00e1 del momento en el que se realice dicha interacci\u00f3n<\/strong>. No es lo mismo interactuar cuando a\u00fan hay procesos activos en la web que cuando la web se ha cargado completamente y el hilo principal est\u00e9 inactivo.<\/p>\n<p>Dicho esto, podemos intuir que es una m\u00e9trica un tanto dif\u00edcil de medir. Sin embargo, hay alguna herramienta en la que nos podemos basar para poder cuantificar este proceso.<\/p>\n<h3><span id=\"Como_podemos_medir_el_FID\">\u00bfC\u00f3mo podemos medir el FID?<\/span><\/h3>\n<p>Al contrario que con el LCP que pod\u00edamos medirlo con herramientas que usan datos de campo y con herramientas que usan datos de laboratorio, el FID s\u00f3lo se puede medir con herramientas de usan datos de campo. Estas herramientas son:<\/p>\n<ul>\n<li>Informe de experiencia del usuario de Chrome<\/li>\n<li>PageSpeed \u200b\u200bInsights<\/li>\n<li>Search Console (informe Core Web Vitals)<\/li>\n<li><a href=\"https:\/\/firebase.google.com\/docs\/perf-mon\" target=\"_blank\" rel=\"noopener noreferrer\">Firebase Performance Monitoring<\/a>&nbsp;(Beta)<\/li>\n<\/ul>\n<h3><span id=\"Razones_por_las_que_podemos_tener_un_FID_pobre\">Razones por las que podemos tener un FID pobre<\/span><\/h3>\n<p>Existen varias razones por las que podemos tener un FID malo o \u201cpobre\u201d. Veamos algunas de ellas:<\/p>\n<h4><span id=\"Ejecucion_pesada_de_JavaScript\">Ejecuci\u00f3n pesada de JavaScript<\/span><\/h4>\n<p>Si existe una ejecuci\u00f3n pesada de JavaScript a lo largo de la carga de la p\u00e1gina, el navegador no podr\u00e1 responder a la interacci\u00f3n del usuario. Cosa que puede llegar a frustrar al usuario y por lo tanto no le estar\u00edamos brindando una buena experiencia de navegaci\u00f3n.<\/p>\n<p>Para solucionar esto, Google recomienda&nbsp;<strong>comprimir los archivos JavaScript y eliminar aquellos que no est\u00e9n en uso<\/strong>.<\/p>\n<h4><span id=\"Rotura_de_las_Long_Task\">Rotura de las Long Task<\/span><\/h4>\n<p>Una rotura o bloqueo de una tarea larga en el JavaScript pueden producir retrasos de hasta 50ms en la respuesta desde que un usuario realiza la acci\u00f3n.<\/p>\n<p>Para solucionarlo, puedes&nbsp;<strong>dividir estas tareas largas en tareas m\u00e1s peque\u00f1as<\/strong>. As\u00ed mostrar\u00e1s en pantalla lo que le interesa a tu usuario sin necesidad de cargar todo primero.<\/p>\n<hr>\n<p><img decoding=\"async\" src=\"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2020\/07\/articulos.png\"><\/p>\n<p>[wp-rss-aggregator]<\/p>\n<hr>\n<h2><span id=\"Cumulative_Layout_Shift_CLS\">Cumulative Layout Shift (CLS)<\/span><\/h2>\n<p>El Cumulative Layout Shift (CLS) mide la suma total de todos los cambios de dise\u00f1o inesperados que se producen en toda la p\u00e1gina web. Para que nos entendamos mejor,&nbsp;<strong>es el tiempo que tarda una web en colocar todos los elementos en su lugar final<\/strong>.<\/p>\n<p>No s\u00e9 si os hab\u00e9is fijado alguna vez que en muchas p\u00e1ginas web cuando empiezan a cargar se ven ciertos elementos en un lugar y cuando termina est\u00e1n en otro. Pues el tiempo que tarda en que los elementos acaben colocados en su lugar final es el CLS.<\/p>\n<p>Aunque en la mayor\u00eda de las ocasiones se pueda quedar en algo anecd\u00f3tico, en otras puede llegar a jugar una mala pasada.<\/p>\n<h3><span id=\"Como_sabemos_si_tenemos_un_buen_CLS\">\u00bfC\u00f3mo sabemos si tenemos un buen CLS?<\/span><\/h3>\n<p>Seg\u00fan Google, para que una web cumpla con los est\u00e1ndares de las Core Web Vitals,&nbsp;<strong>el CLS debe de ser de menos de 0,1 segundos<\/strong>. Al igual que hemos comentado con las otras 2 m\u00e9tricas, aqu\u00ed tambi\u00e9n tenemos 3 notas:<\/p>\n<ul>\n<li><strong>Bueno:<\/strong>&nbsp;Hasta 0,1.<\/li>\n<li><strong>Necesita mejorar:<\/strong>&nbsp;Hasta 0,25.<\/li>\n<li><strong>Pobre:<\/strong>&nbsp;M\u00e1s de 0,25.<\/li>\n<\/ul>\n<h3><span id=\"Como_podemos_medir_el_CLS\">\u00bfC\u00f3mo podemos medir el CLS?<\/span><\/h3>\n<p>En este caso tambi\u00e9n podemos medir esta m\u00e9trica con herramientas que usan datos de campo y herramientas que usan datos de laboratorio. Concretamente podemos usar las siguientes herramientas para analizar el CLS:<\/p>\n<p><strong>Herramientas de campo:<\/strong><\/p>\n<ul>\n<li>Informe de experiencia del usuario de Chrome<\/li>\n<li>PageSpeed \u200b\u200bInsights<\/li>\n<li>Search Console (informe Core Web Vitals)<\/li>\n<\/ul>\n<p><strong>Herramientas de laboratorio:<\/strong><\/p>\n<ul>\n<li>DevTools de Chrome<\/li>\n<li>Lighthouse<\/li>\n<li>WebPageTest<\/li>\n<\/ul>\n<h3><span id=\"Como_puedo_mejorar_el_CLS\">\u00bfC\u00f3mo puedo mejorar el CLS?<\/span><\/h3>\n<p>Como ya hemos visto, un CLS pobre puede llegar a ser muy molesto. Pero, \u00bfc\u00f3mo podemos mejorarlo?<\/p>\n<p>Veamos algunas recomendaciones:<\/p>\n<h4><span id=\"Optimizar_el_tamano_de_las_imagenes\">Optimizar el tama\u00f1o de las im\u00e1genes<\/span><\/h4>\n<p>Ya es de sobra conocido el problema de utilizar im\u00e1genes grandes en una p\u00e1gina web. Si la imagen es m\u00e1s grande que el espacio en el que aparece, el navegador tiene que reescalar la imagen y esto hace que aumente mucho el tiempo de carga. Pero no s\u00f3lo eso, tambi\u00e9n hace que en algunas ocasiones las im\u00e1genes se muevan de lugar durante la carga.<\/p>\n<p>Para evitar estos problemas se puede indicar las dimensiones de las im\u00e1genes y los v\u00eddeos mediante atributos en el c\u00f3digo como pueden ser el&nbsp;<strong>CSS Aspect Ratio Boxes<\/strong>.<\/p>\n<h4><span id=\"Dimensionar_los_banners_y_anuncios\">Dimensionar los banners y anuncios<\/span><\/h4>\n<p>En caso de que vayas a usar anuncios o banners en tu sitio web, antes tienes que asegurarte de que est\u00e9n bien dimensionados. Puedes pedir a los anunciantes que te den la publicidad con unas medidas concretas y con un peso determinado para que no afecte a la experiencia de usuario de tu sitio web.<\/p>\n<h4><span id=\"Evita_usar_contenido_dinamico_o_pop_ups\">Evita usar contenido din\u00e1mico o pop ups<\/span><\/h4>\n<p>Cada vez son m\u00e1s las p\u00e1ginas web que usan pop ups para llamar la atenci\u00f3n de sus lectores y aumentar su n\u00famero de leads. Este contenido din\u00e1mico influye en el CLS por lo que si evitas su uso mejorar\u00e1s la experiencia de usuario a ojos de Google.<\/p>\n<h2><span id=\"Google_Search_Console_y_las_Web_Vitals\">Google Search Console y las Web Vitals<\/span><\/h2>\n<p>Como ya hemos visto,&nbsp;<strong>todas las m\u00e9tricas se pueden analizar desde Google Search Console<\/strong>. Ahora bien, \u00bfc\u00f3mo podemos ver qu\u00e9 URLs est\u00e1n dando problemas y cu\u00e1les no?<\/p>\n<p>Dentro del men\u00fa de mejoras que hay en el men\u00fa de la izquierda existe una opci\u00f3n llamada m\u00e9tricas web principales que es donde nos muestran las m\u00e9tricas de las Core Web Vitals.<\/p>\n<p>Una vez all\u00ed, veremos c\u00f3mo nos divide la web en la versi\u00f3n desktop y la versi\u00f3n mobile y es que&nbsp;<strong>los sitios web no cargan igual vi\u00e9ndolos desde un ordenador que desde un m\u00f3vil<\/strong>.<\/p>\n<p>Mi recomendaci\u00f3n es que os fij\u00e9is sobre todo en la versi\u00f3n m\u00f3vil ya que este dispositivo cada vez se usa m\u00e1s para navegar. Tambi\u00e9n os recomiendo analizar en Analytics si la mayor\u00eda del tr\u00e1fico de vuestro sitio es mobile o desktop antes de empezar a tomar decisiones. Pero te digo desde ya que&nbsp;<strong>si consigues optimizar tu web para mobile, lo m\u00e1s seguro es que tambi\u00e9n la tengas optimizada para desktop<\/strong>.<\/p>\n<p>Una vez aqu\u00ed, abrimos el informe que deseemos y podemos ver cu\u00e1les son las URLs que dan problemas para poder analizarlas y ver c\u00f3mo optimizarlas.<\/p>\n<h2><span id=\"Como_afectan_las_Core_Web_Vitals_al_SEO\">C\u00f3mo afectan las Core Web Vitals al SEO<\/span><\/h2>\n<p>Seg\u00fan Google,&nbsp;<strong>en mayo de 2021 a\u00f1adir\u00e1n a sus m\u00faltiples factores de ranking las Core Web Vitals<\/strong>. Como ya hemos comentado al principio del post, cada vez Google tiene m\u00e1s en cuenta la experiencia de usuario y por eso las Web Vitals tendr\u00e1n cada vez m\u00e1s peso dentro de los factores SEO.<\/p>\n<p>Google ya ha introducido un m\u00f3dulo dentro de Google Search Console en el que nos muestra estas m\u00e9tricas. Esto es m\u00e1s que una pista que demuestra la importancia que pueden llegar a tener dentro del SEO.<\/p>\n<p>Por el momento ser\u00e1n estas tres m\u00e9tricas que hemos visto las que compongan las Core Web Vitals.<\/p>\n<p>Sin embargo, desde Google ya han avisado que se ir\u00e1n a\u00f1adiendo nuevas m\u00e9tricas que entrar\u00e1n dentro de la idea de&nbsp;<strong>experiencia de p\u00e1gina<\/strong>.<\/p>\n<h4 class=\"author-name font-2\"><a href=\"https:\/\/www.roberflores.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">ROBER FLORES<\/a><\/h4>\n<div id=\"telet-3406588169\" class=\"telet-despues-del-contenido telet-entity-placement\"><a target=\"_blank\" href=\"\/\/aff.lucushost.com\/resources\/click\/?n=gDxoXMAJ&aff=756\"><img decoding=\"async\" border=\"0\" alt=\"LucusHost, el mejor hosting\" src=\"\/\/aff.lucushost.com\/resources\/banners\/?zoneid=5123&n=gDxoXMAJ&aff=756\" \/><\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>Siempre se ha dicho que la experiencia de usuario es clave para el posicionamiento SEO y Google cada vez lo tiene m\u00e1s en cuenta. Por esto mismo han lanzado lo&hellip; <\/p>\n","protected":false},"author":1,"featured_media":1715,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","jetpack_post_was_ever_published":false,"_links_to":"","_links_to_target":""},"categories":[17],"tags":[20,19],"class_list":["post-2593","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-organizacion","tag-fuprisa","tag-jose-manuel-fuentes-prieto"],"nelio_content":{"autoShareEndMode":"never","automationSources":{"useCustomSentences":false,"customSentences":[]},"efiAlt":"","efiUrl":"","followers":[1],"highlights":[],"isAutoShareEnabled":true,"networkImageIds":[],"permalinkQueryArgs":[],"series":[],"suggestedReferences":[]},"jetpack_featured_media_url":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-content\/uploads\/sites\/3\/2020\/08\/Como-escribir-teclado.jpg","_links":{"self":[{"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/posts\/2593","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/comments?post=2593"}],"version-history":[{"count":1,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/posts\/2593\/revisions"}],"predecessor-version":[{"id":2594,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/posts\/2593\/revisions\/2594"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/media\/1715"}],"wp:attachment":[{"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/media?parent=2593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/categories?post=2593"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teletrabajoynegocios.com\/teletrabajador\/wp-json\/wp\/v2\/tags?post=2593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}