{"id":349,"date":"2020-12-11T07:10:03","date_gmt":"2020-12-11T07:10:03","guid":{"rendered":"https:\/\/softwareinformatico.com\/blog\/?p=349"},"modified":"2020-12-11T07:10:05","modified_gmt":"2020-12-11T07:10:05","slug":"que-es-el-lcp-y-por-que-afecta-al-posicionamiento-web","status":"publish","type":"post","link":"https:\/\/softwareinformatico.com\/blog\/que-es-el-lcp-y-por-que-afecta-al-posicionamiento-web\/","title":{"rendered":"Qu\u00e9 es el LCP y por qu\u00e9 afecta al posicionamiento web."},"content":{"rendered":"\n<p><strong>LCP es una de las nuevas m\u00e9tricas introducidas en Core Vitals<\/strong>, est\u00e1 orientada a la experiencia de carga del usuario y <strong>Google le da bastante importancia a nivel de Se<\/strong>o.<\/p>\n\n\n\n<p>El LCP (Largets Contentful Paint) <strong>ayuda a comprobar lo que tarda en en mostrarse el elemento m\u00e1s grande en pantalla<\/strong> de una web cuando el usuario entra a ella.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">LCP. Importancia para SEO<\/h2>\n\n\n\n<p>Si nos fijamos va totalmente dentro del \u00e1mbito de la <a aria-label=\"undefined (abre en una nueva pesta\u00f1a)\" href=\"https:\/\/softwareinformatico.com\/optimizacion-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">optimizaci\u00f3n web<\/a>, que cada vez va teniendo m\u00e1s importancia a la hora de crear una p\u00e1gina web. Hacer que tu web vaya m\u00e1s r\u00e1pido siempre es importante tanto para el usuario como para ti mismo, sobre todo enfocado a un mundo online, donde <strong>el 80% del tr\u00e1fico es m\u00f3vil y usa tarifas de datos reducidas<\/strong>. <br>Si, lo has le\u00eddo bien el 80% del tr\u00e1fico es m\u00f3vil.<\/p>\n\n\n\n<p>Con todo esto, nos fijamos de la importancia del LCP para el <a href=\"https:\/\/softwareinformatico.com\/posicionamiento-en-google\/\">posicionamiento en google<\/a>, ya que la experiencia de usuario y la carga web cada vez son factores m\u00e1s importantes.<\/p>\n\n\n\n<div class=\"div_consulta_bordes\"><p class=\"text_ini\">Si necesitas ayuda, o tienes dudas sobre <a href=\"https:\/\/softwareinformatico.com\/\" title=\"aplicaciones inform\u00e1ticas\">aplicaciones inform\u00e1ticas<\/a> preg\u00fantanos, podemos ayudarte.<\/p><div class=\"creatutienda\"><a href=\"https:\/\/softwareinformatico.com\/consulta-informatica\/\" title=\"consulta informatica\">CONSULTA INFORMATICA<\/a><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Detectar el elemento m\u00e1s grande<\/h2>\n\n\n\n<p>Para saber en nuestra web cu\u00e1l es el objeto que toma Google como referencia para LCP, tenemos que tener en cuenta lo siguiente:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Im\u00e1genes<\/strong>. Mediante la <strong>etiqueta &lt;img><\/strong> o puede ser la imagen del fondo de otro elemento utiliz\u00e1ndose como <strong>background mediante css<\/strong>.<br><\/li><li><strong>Svg<\/strong>. Elementos dentro de una etiqueta svg.<br><\/li><li><strong>V\u00eddeos<\/strong>. Puede ser la <strong>etiqueta &lt;video><\/strong> y tambi\u00e9n la imagen del <strong>p\u00f3ster del v\u00eddeo<\/strong> sino tiene autoplay.<\/li><\/ul>\n\n\n\n<p>Hay que tener bastante cuidado y estudiar muy bien c\u00f3mo trabajamos con esos elementos, para evitar que el renderizado tarde m\u00e1s de lo debido.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Puntuaciones en LCP<\/h2>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/softwareinformatico.com\/blog\/wp-content\/uploads\/2020\/12\/puntuacion-lcp.jpg\" alt=\"puntuaci\u00f3n lcp\" class=\"wp-image-359\" width=\"489\" height=\"195\" srcset=\"https:\/\/softwareinformatico.com\/blog\/wp-content\/uploads\/2020\/12\/puntuacion-lcp.jpg 489w, https:\/\/softwareinformatico.com\/blog\/wp-content\/uploads\/2020\/12\/puntuacion-lcp-300x120.jpg 300w\" sizes=\"auto, (max-width: 489px) 100vw, 489px\" \/><\/figure><\/div>\n\n\n\n<p>Para Google una buena puntuaci\u00f3n en LCP <strong>tiene que tardar menos de 2.5 segundos desde que la p\u00e1gina empieza a cargarse<\/strong>. <br>Hay que reconocer que es una puntuaci\u00f3n bastante estricta.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Resumen<\/h2>\n\n\n\n<p>Las nuevas m\u00e9tricas de Core Vitals son imprescindibles si buscamos posicionamiento SEO para nuestras webs.<\/p>\n\n\n\n<p>Para Google tener buenas puntuaciones es un factor diferenciador que puede ayudarte a escalar en los rankings.<\/p>\n\n\n\n<p>LCP no es la \u00fanica m\u00e9trica que usa Google, si quieres conocer otras m\u00e9tricas muy importantes, te recomendamos leer <a href=\"https:\/\/softwareinformatico.com\/blog\/que-es-el-cls-y-por-que-afecta-al-posicionamiento-web\/\">qu\u00e9 es el CLS y por qu\u00e9 afecta al posicionamiento web<\/a><\/p>\n\n\n\n<p>Aqu\u00ed tambi\u00e9n te dejemos la <a aria-label=\"undefined (abre en una nueva pesta\u00f1a)\" href=\"https:\/\/web.dev\/lcp\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Informaci\u00f3n oficial LCP<\/a> por si quieres ampliar la informaci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>LCP es una de las nuevas m\u00e9tricas introducidas en Core Vitals, est\u00e1 orientada a la experiencia de carga del usuario y Google le da bastante <a class=\"mh-excerpt-more\" href=\"https:\/\/softwareinformatico.com\/blog\/que-es-el-lcp-y-por-que-afecta-al-posicionamiento-web\/\" title=\"Qu\u00e9 es el LCP y por qu\u00e9 afecta al posicionamiento web.\">[&#8230;]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":353,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[31,32,23,26,33,25,24],"class_list":["post-349","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacion-web","tag-core-webs-vitals","tag-google","tag-optimizacion-web","tag-pagespeed-google","tag-seo","tag-webs-vitals","tag-wpo"],"_links":{"self":[{"href":"https:\/\/softwareinformatico.com\/blog\/wp-json\/wp\/v2\/posts\/349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/softwareinformatico.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/softwareinformatico.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/softwareinformatico.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/softwareinformatico.com\/blog\/wp-json\/wp\/v2\/comments?post=349"}],"version-history":[{"count":0,"href":"https:\/\/softwareinformatico.com\/blog\/wp-json\/wp\/v2\/posts\/349\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/softwareinformatico.com\/blog\/wp-json\/wp\/v2\/media\/353"}],"wp:attachment":[{"href":"https:\/\/softwareinformatico.com\/blog\/wp-json\/wp\/v2\/media?parent=349"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/softwareinformatico.com\/blog\/wp-json\/wp\/v2\/categories?post=349"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/softwareinformatico.com\/blog\/wp-json\/wp\/v2\/tags?post=349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}