{"id":85453,"date":"2021-09-01T09:58:30","date_gmt":"2021-09-01T16:58:30","guid":{"rendered":"https:\/\/www.bruceclay.com\/?p=85453"},"modified":"2023-08-14T02:54:21","modified_gmt":"2023-08-14T09:54:21","slug":"core-web-vitals-lcp","status":"publish","type":"post","link":"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-lcp\/","title":{"rendered":"Core Web Vitals: LCP \u2013 What It Is and How to Improve It for SEO"},"content":{"rendered":"<p>In May 2020, Google announced that \u201ccore web vitals\u201d would be part of a ranking algorithm update set to hit in 2021 called <a href=\"https:\/\/webmasters.googleblog.com\/2020\/05\/evaluating-page-experience.html\" target=\"_blank\" rel=\"noopener noreferrer\">page experience<\/a>.<\/p>\n<p>With the page experience update now rolled out, I wanted to revisit this topic. I\u2019ll add a few more tips we\u2019ve learned in the intervening months by helping many websites improve their core web vitals scores. Mostly, I want you to be able to take advantage of the potential ranking benefits for your well-tuned webpages.<\/p>\n<p>Core web vitals measure core elements of a webpage that enhance user experience. Google has identified three core web vitals:<\/p>\n<ul>\n<li>Largest Contentful Paint (LCP)<\/li>\n<li>First Input Delay (FID)<\/li>\n<li>Cumulative Layout Shift (CLS)<\/li>\n<\/ul>\n<p>This article is part of our series on the Page Experience update. Here I\u2019ll discuss LCP or largest contentful paint:<\/p>\n<ul>\n<li><a href=\"#what-is-lcp\"><strong>What is LCP?<\/strong><\/a><\/li>\n<li><a href=\"#how-is-lcp-measured\"><strong>How do I measure LCP?<\/strong><\/a><\/li>\n<li><a href=\"#how-does-lcp-impact-seo\"><strong>How does LCP impact SEO?<\/strong><\/a><\/li>\n<li><a href=\"#how-do-I-improve-my-lcp-score\"><strong>How can I improve my LCP score?<\/strong><\/a><\/li>\n<li><a href=\"#faq-how-can-I-optimize-website-user-experience-seo-ranking-core-web-vitals\"><strong>FAQ: How can I optimize my website&#8217;s user experience and SEO ranking using core web vitals?<\/strong><\/a><\/li>\n<\/ul>\n<h2><a id=\"what-is-lcp\"><\/a>What Is Largest Contentful Paint (LCP)?<\/h2>\n<p>LCP measures webpage load performance. More specifically, LCP measures how fast the webpage&#8217;s largest image or text block renders.<\/p>\n<p>Google discusses <a href=\"https:\/\/web.dev\/lcp\/\" target=\"_blank\" rel=\"noopener noreferrer\">LCP here<\/a>:<\/p>\n<blockquote><p><em>Largest Contentful Paint (LCP) is an important, user-centric metric for measuring perceived load speed because it marks the point in the page load timeline when the page&#8217;s main content has likely loaded\u2014a fast LCP helps reassure the user that the page is useful. \u2026<\/em><\/p><\/blockquote>\n<h2><a id=\"how-is-lcp-measured\"><\/a>How Is Largest Contentful Paint (LCP) Measured?<\/h2>\n<p>Google states that in order to provide a good user experience, the largest image or text block should render on the webpage within the first 2.5 seconds.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"832\" height=\"251\" class=\"aligncenter size-full wp-image-85458\" src=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/lcp-scores.png\" alt=\"LCP score target per Google.\" srcset=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/lcp-scores.png 832w, https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/lcp-scores-300x91.png 300w, https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/lcp-scores-768x232.png 768w\" sizes=\"(max-width: 832px) 100vw, 832px\" \/><br \/>\n<em>Google\u2019s LCP score<\/em><\/p>\n<p><a href=\"https:\/\/wicg.github.io\/largest-contentful-paint\/\" target=\"_blank\" rel=\"noopener noreferrer\">LCP documentation<\/a> specifies which types of elements are considered for LCP, and include:<\/p>\n<ul>\n<li>Images<\/li>\n<li>Video<\/li>\n<li>Background images loaded via CSS<\/li>\n<li>Heading tags<\/li>\n<li>Tables<\/li>\n<li>Lists<\/li>\n<li>Any other <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTML\/Block-level_elements#Elements\" target=\"_blank\" rel=\"noopener noreferrer\">block element<\/a> with text<\/li>\n<\/ul>\n<p>Here\u2019s an example of when the largest element of the page (a paragraph of text) renders before any other elements on the page:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-85459\" src=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/largest-contentful-paint-example-e1602609581228.png\" alt=\"Largest contentful paint example, per Google.\" width=\"800\" height=\"311\" \/><br \/>\n<em>\u201cLargest contentful paint,\u201d Google Developers<\/em><\/p>\n<p>The goal is to hit the recommended target loading speed on most of your pages. <a href=\"https:\/\/web.dev\/defining-core-web-vitals-thresholds\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google says<\/a> \u201cif at least 75 percent of page views to a site meet the \u2018good\u2019 threshold, the site is classified as having \u2018good\u2019 performance for that metric.\u201d You can learn more about how Google defines its thresholds <a href=\"https:\/\/web.dev\/defining-core-web-vitals-thresholds\/\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>.<\/p>\n<h2><a id=\"how-does-lcp-impact-seo\"><\/a>How Does Largest Contentful Paint (LCP) Impact SEO?<\/h2>\n<p>We know that Google values a fast site and that things like page speed are already in its ranking algorithm. LCP is another way to ensure that webpages load fast so your website visitors have a good user experience and stay on your site.<\/p>\n<p>So if you already have a fast site, are you in the clear? Not exactly. According to a <a href=\"https:\/\/www.screamingfrog.co.uk\/passing-the-cwv-assessment\/\" target=\"_blank\" rel=\"noopener noreferrer\">study by Screaming Frog<\/a>, the majority are not prepared for the LCP thresholds.<\/p>\n<p>Data shows that less than half of the websites studied (across 20,000 URLs) were considered good. Specifically, 43% of mobile and 44% of desktop URLs had a good LCP. The average render time was 3.13 seconds for mobile and 3.04 seconds for desktop.<\/p>\n<p>In that study, the research correlated LCP and search rankings. The data is interesting, but there are too many factors to be able to say for certain how LCP influences rankings today.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"408\" class=\"aligncenter size-full wp-image-85460\" src=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/lcp-data-per-screamingfrog.png\" alt=\"Data graph of LCP by ranking position.\" srcset=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/lcp-data-per-screamingfrog.png 850w, https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/lcp-data-per-screamingfrog-300x144.png 300w, https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/lcp-data-per-screamingfrog-768x369.png 768w\" sizes=\"(max-width: 850px) 100vw, 850px\" \/><br \/>\n<em>\u201cHow Many Sites Pass the Core Web Vitals Assessment?,\u201d Screamingfrog.co.uk<\/em><\/p>\n<p>As an incentive for website publishers to improve their performance metrics, Google shows a <a href=\"https:\/\/blog.chromium.org\/2020\/08\/highlighting-great-user-experiences-on.html\" target=\"_blank\" rel=\"noopener noreferrer\">&#8220;fast page\u201d label<\/a> in search results on Android that have historically met or exceeded the thresholds for core web vitals, including LCP.<\/p>\n<p>Websites with this label may see an uptick in organic traffic and time on site.<\/p>\n<h2><a id=\"how-do-I-improve-my-lcp-score\"><\/a>How Do I Improve My Largest Contentful Paint (LCP) Score?<\/h2>\n<p><a href=\"https:\/\/web.dev\/vitals-tools\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google provides tools<\/a> to measure LCP in a lab and in the field, including:<\/p>\n<ul>\n<li><a href=\"https:\/\/support.google.com\/webmasters\/answer\/9205520\" target=\"_blank\" rel=\"noopener noreferrer\">Search Console<\/a> (field)<\/li>\n<li><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener noreferrer\">PageSpeed Insights<\/a> (lab and field)<\/li>\n<li><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-vitals\/ahfhijdlegdabablpippeagghigmibma?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\">Web Vitals Extension<\/a> (lab)<\/li>\n<li><a href=\"https:\/\/webpagetest.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">WebPageTest<\/a> (lab)<\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-user-experience-report\" target=\"_blank\" rel=\"noopener noreferrer\">Chrome UX Report<\/a> (field)<\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/\" target=\"_blank\" rel=\"noopener noreferrer\">Chrome DevTools<\/a> (lab)<\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/\" target=\"_blank\" rel=\"noopener noreferrer\">Lighthouse<\/a> (lab)<\/li>\n<\/ul>\n<p>When it comes to <a href=\"https:\/\/web.dev\/how-to-measure-speed\/#lab-data-vs-field-data\" target=\"_blank\" rel=\"noopener noreferrer\">lab versus field data<\/a>, both can be useful. Lab is important for testing and working on improving your scores. You will get a greater variance in results, but lab data provides instant feedback.<\/p>\n<p>Field data is more important when you&#8217;re trying to get the overall view of your site. The values represented will depend a lot on your users&#8217; environments, for example, mobile versus desktop, their internet speed, their computer performance, etc. The field data is nice because it gives you an idea of how your site is performing for everyone, not just how it performs for you.<\/p>\n<p>You can also measure LCP with the web-vitals JavaScript library, and you can learn more about that <a href=\"https:\/\/web.dev\/lcp\/#measure-lcp-in-javascript\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>. This is useful if you have your own reporting or you want to build it into other reports.<\/p>\n<p>To get started, <a href=\"https:\/\/web.dev\/vitals-tools\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google provides a general roadmap<\/a> for how to use the tools provided to diagnose a core web vital. Out of the following list, the first three are good. I would wrap up after the third bullet by saying to publish your changes and start seeing the benefits of increased performance. The remaining bullets (4th to 6th) are &#8220;nice to haves.&#8221; The last bullet likely won&#8217;t apply to 90% of websites.<\/p>\n<blockquote>\n<ul>\n<li><em>Use Search Console&#8217;s new Core Web Vitals report to identify groups of pages that require attention (based on the field data).<\/em><\/li>\n<li><em>Once you&#8217;ve identified pages that need work, use PageSpeed Insights (powered by Lighthouse and Chrome UX Report) to diagnose lab and field issues on a page. PageSpeed Insights (PSI) is available via Search Console or you can enter a URL on PSI directly.<\/em><\/li>\n<li><em>Ready to optimize your site locally in the lab? Use Lighthouse and Chrome DevTools to measure Core Web Vitals and get actionable guidance on exactly what to fix. The Web Vitals Chrome extension can give you a real-time view of metrics on desktop.<\/em><\/li>\n<li><em>Need a custom dashboard of Core Web Vitals? Use the updated CrUX Dashboard or new Chrome UX Report API for field data or PageSpeed Insights API for lab data.<\/em><\/li>\n<li><em>Looking for guidance? web.dev\/measure can measure your page and show you a prioritized set of guides and codelabs for optimization, using PSI data.<\/em><\/li>\n<li><em>Finally, use Lighthouse CI on pull requests to ensure there are no regressions in Core Web Vitals before you deploy a change to production.<\/em><\/li>\n<\/ul>\n<\/blockquote>\n<p>In general, LCP is impacted by the following:<\/p>\n<ul>\n<li>Server and\/or software response times<\/li>\n<li>Webpage resources and bandwidth<\/li>\n<li>Browser software and plugins<\/li>\n<li>Site JavaScript and CSS code<\/li>\n<\/ul>\n<p>Many of the things Google suggests when it comes to <a href=\"https:\/\/web.dev\/optimize-lcp\/\" target=\"_blank\" rel=\"noopener noreferrer\">optimizing LCP<\/a> are things you may already be doing as part of a good SEO strategy to create a faster site.<\/p>\n<p>Some tips to keep in mind as you are optimizing:<\/p>\n<ul>\n<li>Text will render faster in most cases than other items that need to be fetched separately (like images). So using things like heading tags as the larger elements is a good idea.<\/li>\n<li>Design changes may be needed in some cases where the largest contentful item is just too slow.<\/li>\n<li>Optimizing your JS and CSS will help load times. Be wary of including too many third-party scripts.<\/li>\n<li>The LCP is in the viewport for mobile or desktop. Things in your footer are not likely to count, so this really is focusing on the top of your page.<\/li>\n<li>You should be able to see your LCP element above the fold if you visit the page with JavaScript turned off.<\/li>\n<li>If your LCP element is an image, consider <a href=\"https:\/\/css-tricks.com\/data-uris\/\" target=\"_blank\" rel=\"noopener noreferrer\">inlining it in your HTML with a data URI<\/a>.<\/li>\n<\/ul>\n<p><em>For more about this algorithm update, read the rest of our page experience series:<\/em><\/p>\n<ol>\n<li><a href=\"https:\/\/www.bruceclay.com\/blog\/page-experience-algorithm-update\/\">What&#8217;s the Page Experience Update?<\/a><\/li>\n<li><a href=\"https:\/\/www.bruceclay.com\/blog\/page-experience-mobile-friendly-site\/\">How to Make a Mobile-Friendly Site<\/a><\/li>\n<li><a href=\"https:\/\/www.bruceclay.com\/blog\/page-experience-intrusive-interstitials\/\">Intrusive Interstitials &amp; Why They&#8217;re Bad for SEO<\/a><\/li>\n<li><a href=\"https:\/\/www.bruceclay.com\/blog\/page-experience-https\/\">HTTPS for Users and Ranking<\/a><\/li>\n<li><a href=\"https:\/\/www.bruceclay.com\/blog\/page-experience-core-web-vitals-overview\/\">Core Web Vitals Overview<\/a><\/li>\n<li><a href=\"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-lcp\/\">Core Web Vitals: LCP (Largest Contentful Paint)<\/a><\/li>\n<li><a href=\"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-fid\/\">Core Web Vitals: FID (First Input Delay)<\/a><\/li>\n<li><a href=\"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-cls\/\">Core Web Vitals: CLS (Cumulative Layout Shift)<\/a><\/li>\n<\/ol>\n<p><strong><em>Need to go more in-depth on this topic? I invite you to watch our on-demand webinar <a href=\"https:\/\/www.bruceclay.com\/webinar-replay-3-expert-tips-to-improve-core-web-vitals\/\">3 Expert Tips to Improve Core Web Vitals<\/a>. The extended Q&amp;A at the end may just answer your toughest CWV questions!<\/em><\/strong><\/p>\n<h3><strong><a id=\"faq-how-can-I-optimize-website-user-experience-seo-ranking-core-web-vitals\"><\/a>FAQ: <\/strong>How can I optimize my website&#8217;s user experience and SEO ranking using core web vitals?<\/h3>\n<p>Optimizing your website&#8217;s user experience and SEO ranking has become paramount. Core web vitals, a set of user-centric metrics introduced by Google, play a pivotal role in achieving these goals. In this whitepaper, we&#8217;ll explore how you can leverage core web vitals to elevate both the user experience and your website&#8217;s SEO ranking, backed by expert insights and practical tips.<\/p>\n<p><strong>Understanding the Significance of Core Web Vitals<\/strong><\/p>\n<p>Core web vitals encompass three essential metrics: Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS). These metrics gauge loading speed, interactivity, and visual stability, respectively. Google emphasizes these metrics because they directly impact user engagement and satisfaction. A seamless user experience fosters longer sessions, lower bounce rates, and improved SEO rankings.<\/p>\n<p><strong>Elevating User Experience and SEO Ranking<\/strong><\/p>\n<p>To optimize the user experience and SEO ranking using core web vitals, consider these expert tips:<\/p>\n<p><strong>Prioritize Loading Speed (LCP):<\/strong> Accelerate loading times for the largest content element on your pages, such as images or text blocks. Compress images and minimize server response times to ensure quick rendering within the first 2.5 seconds.<\/p>\n<p><strong>Enhance Interactivity (FID):<\/strong> Reduce First Input Delay by optimizing JavaScript code and minimizing main thread tasks. This enhances page responsiveness and provides a seamless browsing experience.<\/p>\n<p><strong>Maintain Visual Stability (CLS):<\/strong> Avoid unexpected layout shifts by specifying image dimensions and setting a proper size attribute for multimedia content. This prevents content from shifting, providing visual consistency.<\/p>\n<p><strong>Monitor and Iterate:<\/strong> Regularly monitor your core web vitals using tools like Google&#8217;s PageSpeed Insights and Search Console. Iterate your optimizations based on feedback and evolving best practices.<\/p>\n<p>Optimizing your website&#8217;s user experience and SEO ranking through core web vitals requires a meticulous approach. By understanding and fine-tuning LCP, FID, and CLS metrics, you can provide users with a seamless and engaging browsing experience while boosting your site&#8217;s visibility and ranking in search results. Stay informed, adapt to evolving standards, and make data-driven improvements to stay ahead in the digital landscape.<\/p>\n<p><strong>Step-by-Step Procedure: Optimizing User Experience and SEO with Core Web Vitals<\/strong><\/p>\n<ol>\n<li>Assess Current Performance: Use Google&#8217;s tools to measure core web vitals metrics on your website.<\/li>\n<li>Identify LCP Elements: Determine the largest content element on each page for LCP optimization.<\/li>\n<li>Optimize Images: Compress images without compromising quality to enhance loading speed.<\/li>\n<li>Minimize Server Response Time: Work on server-side optimizations to reduce delays.<\/li>\n<li>Optimize JavaScript: Minimize and defer non-essential JavaScript to improve FID.<\/li>\n<li>Specify Image Dimensions: Set explicit image dimensions to prevent unexpected layout shifts.<\/li>\n<li>Manage Multimedia Content: Use appropriate attributes for multimedia content to maintain visual stability.<\/li>\n<li>Use Monitoring Tools: Regularly check core web vitals using Google&#8217;s PageSpeed Insights and Search Console.<\/li>\n<li>Prioritize User Experience: Implement changes that improve user engagement and satisfaction.<\/li>\n<li>Iterate and Refine: Continuously monitor metrics, gather insights, and refine your optimizations.<\/li>\n<li>Stay Updated: Keep up with industry best practices and algorithm updates to maintain optimal performance.<\/li>\n<li>Analyze Data: Utilize data-driven insights to make informed decisions for further improvements.<\/li>\n<li>User-Centric Approach: Ensure that optimizations enhance user experience and engagement.<\/li>\n<li>Test Across Devices: Evaluate your website&#8217;s performance on various devices and browsers.<\/li>\n<li>Address Feedback: Respond to user feedback and address issues promptly.<\/li>\n<li>Collaborate with Developers: Work with web developers to implement technical optimizations effectively.<\/li>\n<li>Stay Consistent: Maintain a consistent monitoring, optimizing, and refining approach.<\/li>\n<li>Adapt to Changes: Adjust strategies as core web vitals standards evolve.<\/li>\n<li>Utilize Expert Resources: Refer to trusted sources for up-to-date information and guidance.<\/li>\n<li>Measure Success: Track improvements in user experience metrics and SEO ranking over time.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>In May 2020, Google announced that \u201ccore web vitals\u201d would be part of a ranking algorithm update set to hit in 2021 called page experience. With the page experience update now rolled out, I wanted to revisit this topic. I\u2019ll add a few more tips we\u2019ve learned in the intervening months by helping many websites [&hellip;]<\/p>\n","protected":false},"author":35,"featured_media":85461,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[4],"tags":[1665,1347,1232,1666,1664,1114],"acf":[],"yoast_head":"<title>BruceClay - How to Improve Core Web Vitals \u201cLCP\u201d for SEO<\/title>\n<meta name=\"description\" content=\"Find out how LCP (largest contentful paint) contributes to a good user experience and SEO ahead of Google\u2019s page experience ranking update in 2021.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-lcp\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Improve Core Web Vitals \u201cLCP\u201d for SEO\" \/>\n<meta property=\"og:description\" content=\"Find out how LCP (largest contentful paint) contributes to a good user experience and SEO ahead of Google\u2019s page experience ranking update in 2021.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-lcp\/\" \/>\n<meta property=\"og:site_name\" content=\"Bruce Clay, Inc.\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-01T16:58:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-14T09:54:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/largest-contentful-paint-1200px.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bruce Clay\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/largest-contentful-paint-1024px.png\" \/>\n<meta name=\"twitter:creator\" content=\"@bruceclayinc\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bruce Clay\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-lcp\/\",\"url\":\"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-lcp\/\",\"name\":\"How to Improve Core Web Vitals \u201cLCP\u201d for SEO\",\"isPartOf\":{\"@id\":\"https:\/\/www.bruceclay.com\/#website\"},\"datePublished\":\"2021-09-01T16:58:30+00:00\",\"dateModified\":\"2023-08-14T09:54:21+00:00\",\"author\":{\"@id\":\"https:\/\/www.bruceclay.com\/#\/schema\/person\/efe2253985cb608dfc329890aec6387b\"},\"description\":\"Find out how LCP (largest contentful paint) contributes to a good user experience and SEO ahead of Google\u2019s page experience ranking update in 2021.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-lcp\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-lcp\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-lcp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.bruceclay.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Core Web Vitals: LCP \u2013 What It Is and How to Improve It for SEO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bruceclay.com\/#website\",\"url\":\"https:\/\/www.bruceclay.com\/\",\"name\":\"Bruce Clay, Inc.\",\"description\":\"SEO and Internet Marketing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bruceclay.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.bruceclay.com\/#\/schema\/person\/efe2253985cb608dfc329890aec6387b\",\"name\":\"Bruce Clay\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bruceclay.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6ee3958a961521adf7b1d2bfe928dcb5?s=96&d=retro&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6ee3958a961521adf7b1d2bfe928dcb5?s=96&d=retro&r=g\",\"caption\":\"Bruce Clay\"},\"description\":\"Bruce Clay is founder and president of Bruce Clay Inc., a global digital marketing firm providing search engine optimization, pay-per-click, social media marketing, SEO-friendly web architecture, and SEO tools and education. Connect with him on LinkedIn or through the BruceClay.com website.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/bruce-clay\/\",\"https:\/\/twitter.com\/bruceclayinc\"],\"url\":\"https:\/\/www.bruceclay.com\/blog\/author\/bclay\/\"}]}<\/script>","yoast_head_json":{"title":"BruceClay - How to Improve Core Web Vitals \u201cLCP\u201d for SEO","description":"Find out how LCP (largest contentful paint) contributes to a good user experience and SEO ahead of Google\u2019s page experience ranking update in 2021.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-lcp\/","og_locale":"en_US","og_type":"article","og_title":"How to Improve Core Web Vitals \u201cLCP\u201d for SEO","og_description":"Find out how LCP (largest contentful paint) contributes to a good user experience and SEO ahead of Google\u2019s page experience ranking update in 2021.","og_url":"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-lcp\/","og_site_name":"Bruce Clay, Inc.","article_published_time":"2021-09-01T16:58:30+00:00","article_modified_time":"2023-08-14T09:54:21+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/largest-contentful-paint-1200px.png","type":"image\/png"}],"author":"Bruce Clay","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/largest-contentful-paint-1024px.png","twitter_creator":"@bruceclayinc","twitter_misc":{"Written by":"Bruce Clay","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-lcp\/","url":"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-lcp\/","name":"How to Improve Core Web Vitals \u201cLCP\u201d for SEO","isPartOf":{"@id":"https:\/\/www.bruceclay.com\/#website"},"datePublished":"2021-09-01T16:58:30+00:00","dateModified":"2023-08-14T09:54:21+00:00","author":{"@id":"https:\/\/www.bruceclay.com\/#\/schema\/person\/efe2253985cb608dfc329890aec6387b"},"description":"Find out how LCP (largest contentful paint) contributes to a good user experience and SEO ahead of Google\u2019s page experience ranking update in 2021.","breadcrumb":{"@id":"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-lcp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bruceclay.com\/blog\/core-web-vitals-lcp\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.bruceclay.com\/blog\/core-web-vitals-lcp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bruceclay.com\/"},{"@type":"ListItem","position":2,"name":"Core Web Vitals: LCP \u2013 What It Is and How to Improve It for SEO"}]},{"@type":"WebSite","@id":"https:\/\/www.bruceclay.com\/#website","url":"https:\/\/www.bruceclay.com\/","name":"Bruce Clay, Inc.","description":"SEO and Internet Marketing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bruceclay.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.bruceclay.com\/#\/schema\/person\/efe2253985cb608dfc329890aec6387b","name":"Bruce Clay","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bruceclay.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6ee3958a961521adf7b1d2bfe928dcb5?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6ee3958a961521adf7b1d2bfe928dcb5?s=96&d=retro&r=g","caption":"Bruce Clay"},"description":"Bruce Clay is founder and president of Bruce Clay Inc., a global digital marketing firm providing search engine optimization, pay-per-click, social media marketing, SEO-friendly web architecture, and SEO tools and education. Connect with him on LinkedIn or through the BruceClay.com website.","sameAs":["https:\/\/www.linkedin.com\/in\/bruce-clay\/","https:\/\/twitter.com\/bruceclayinc"],"url":"https:\/\/www.bruceclay.com\/blog\/author\/bclay\/"}]}},"_links":{"self":[{"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/posts\/85453"}],"collection":[{"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/users\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/comments?post=85453"}],"version-history":[{"count":19,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/posts\/85453\/revisions"}],"predecessor-version":[{"id":197906,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/posts\/85453\/revisions\/197906"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/media\/85461"}],"wp:attachment":[{"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/media?parent=85453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/categories?post=85453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/tags?post=85453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}