{"id":85313,"date":"2021-09-01T08:57:12","date_gmt":"2021-09-01T15:57:12","guid":{"rendered":"https:\/\/www.bruceclay.com\/?p=85313"},"modified":"2023-08-14T03:06:46","modified_gmt":"2023-08-14T10:06:46","slug":"page-experience-core-web-vitals-overview","status":"publish","type":"post","link":"https:\/\/www.bruceclay.com\/blog\/page-experience-core-web-vitals-overview\/","title":{"rendered":"Core Web Vitals for SEO: An Overview"},"content":{"rendered":"<p>There are a great many things that go into designing a webpage that offers a good user experience. How fast the page loads and how easy it is to interact with the page are just a couple. And the list is constantly evolving.<\/p>\n<p>Google defines the core elements of a webpage that enhance user experience as \u201ccore web vitals.\u201d Core web vitals were introduced in Google\u2019s <a href=\"https:\/\/webmasters.googleblog.com\/2020\/05\/evaluating-page-experience.html\" target=\"_blank\" rel=\"noopener noreferrer\">page experience ranking update&lt;\/a, which rolled out June\u2013August 2021. And there is a strong indication that they will significantly impact SEO and how websites rank in Google.<\/a><\/p>\n<p>In this article from our series on the page experience update, I\u2019ll discuss core web vitals and how they factor into SEO.<\/p>\n<ul>\n<li><a href=\"#what-are-core-web-vitals\"><strong>What are core web vitals?\u00a0<\/strong><\/a><\/li>\n<li><a href=\"#how-might-core-web-vitals-impact-seo-rankings\"><strong>How might core web vitals impact SEO and rankings?\u00a0<\/strong><\/a><\/li>\n<li><a href=\"#core-web-vitals-fast-page-label\"><strong>Core web vitals and the &#8216;fast page&#8217;\u00a0 label<\/strong><\/a><\/li>\n<li><a href=\"#more-core-web-vitals\"><strong>More on core web vitals<\/strong><\/a><\/li>\n<li><strong>FAQ: How do Core Web Vitals contribute to a better user experience and SEO?<\/strong><\/li>\n<\/ul>\n<h2><a id=\"what-are-core-web-vitals\"><\/a>What Are Core Web Vitals?<\/h2>\n<p>Core web vitals are a series of signals that help assess a webpage&#8217;s usability. These \u201cvital signs\u201d are page-quality signals that contribute to a good user experience. And that\u2019s good for SEO.<\/p>\n<p>Core web vitals cover things like page load time, responsiveness, and the visual stability of content. Google\u2019s current set of core web vitals includes:<\/p>\n<ul>\n<li><strong>Largest contentful paint (LCP): <\/strong>LCP measures how fast the webpage&#8217;s largest image or text block renders. And Google recommends that it happen within the first 2.5 seconds.<\/li>\n<li><strong>First input delay (FID): <\/strong>FID measures load responsiveness. This refers to how quickly a webpage loads and executes so that the user can interact with the page.<\/li>\n<li><strong>Cumulative layout shift (CLS): <\/strong>CLS measures unexpected layout shifts on a webpage. One example is when a button or link shifts on the webpage, causing a person to click on something other than what they wanted.<\/li>\n<\/ul>\n<p>Each of these core web vitals has specific thresholds that your webpages must meet at least 75% of the time, which I\u2019ll go into in more detail in future articles. Doing so can earn your webpage a slight ranking boost.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1390\" height=\"385\" class=\"aligncenter size-full wp-image-85317\" src=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/core-web-vitals-thresholds.png\" alt=\"Core web vitals thresholds chart from Google.\" srcset=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/core-web-vitals-thresholds.png 1390w, https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/core-web-vitals-thresholds-300x83.png 300w, https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/core-web-vitals-thresholds-1024x284.png 1024w, https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/core-web-vitals-thresholds-768x213.png 768w\" sizes=\"(max-width: 1390px) 100vw, 1390px\" \/><br \/>\n<em>Image credit: <\/em><a href=\"https:\/\/web.dev\/vitals\/#evolving-web-vitals\" target=\"_blank\" rel=\"noopener noreferrer\"><em>Web Vitals<\/em><\/a><em>, Google Developers<\/em><\/p>\n<p>You can expect the core web vitals to evolve over time, but not without warning. <a href=\"https:\/\/web.dev\/vitals\/#evolving-web-vitals\" target=\"_blank\" rel=\"noopener noreferrer\">According to Google<\/a>:<\/p>\n<blockquote><p>&#8230; Core Web Vitals represent the best available signals developers have today to measure quality of experience across the web, but these signals are not perfect and future improvements or additions should be expected. \u2026 developers should expect the definitions and thresholds of the Core Web Vitals to be stable, and updates to have prior notice and a predictable, annual cadence.<\/p><\/blockquote>\n<h2><a id=\"how-might-core-web-vitals-impact-seo-rankings\"><\/a>How Might Core Web Vitals Impact SEO and Rankings?<\/h2>\n<p>Core web vitals help ensure the user experience with your site is fast, responsive, and smooth. This is already a goal of a good SEO strategy.<\/p>\n<ul>\n<li>LCP is one way to measure that webpages load fast. It helps your website visitors have a good user experience and stay on your site.<\/li>\n<li>FID plays into another good SEO strategy, to keep visitors on your site.<\/li>\n<li>CLS helps ensure that the experience is smooth for your mobile users, a key SEO strategy.<\/li>\n<\/ul>\n<p>Google has not yet specified the percentage of rankings the new page experience signal impacts. We also haven\u2019t heard exactly how core web vitals play into the overall page experience ranking update either. But we do know that earning &#8220;good&#8221; scores <em>can<\/em> help your rankings. <a href=\"https:\/\/www.seroundtable.com\/google-page-experience-update-tiebreaker-31880.html\" target=\"_blank\" rel=\"noopener noreferrer\">According to John Mueller<\/a>, page experience &#8220;is a ranking factor, and it&#8217;s more than a tie-breaker, but it also doesn&#8217;t replace relevance.&#8221;<\/p>\n<p>Search Engine Land <a href=\"https:\/\/searchengineland.com\/the-google-page-experience-update-user-experience-to-become-a-google-ranking-factor-335252\" target=\"_blank\" rel=\"noopener noreferrer\">spoke to a Google rep<\/a> and reported that Google would not discuss \u201chow much each factor is weighted\u201d but that \u201cgreat content with a poor page experience can still rank highly in Google search.\u201d<\/p>\n<p>Perhaps a different view will help: If your site is slow, it cannot respond quickly to a voice search request. Will voice search become increasingly important? Of course. So overall speed is vital going forward.<\/p>\n<p>It\u2019s also suspected that <a href=\"https:\/\/www.bruceclay.com\/blog\/rankbrain-real-seo-impact\/\">Google\u2019s AI, RankBrain<\/a>, takes into account how users engage with the search results. RankBrain\u2019s goal is to interpret search queries better and serve the most relevant search results. Specifically, RankBrain may look at the time spent engaging with a webpage when accessed from the search results.<\/p>\n<p>Keep in mind that <a href=\"https:\/\/www.bruceclay.com\/blog\/insanely-fast-site-mobile-seo-priority\/\">a fast site finds favor<\/a> in Google\u2019s eyes. It creates a better user experience, and that&#8217;s good for all. For that reason, page speed has been a ranking factor for years. The most recent news on this was the \u201c<a href=\"https:\/\/webmasters.googleblog.com\/2018\/01\/using-page-speed-in-mobile-search.html\" target=\"_blank\" rel=\"noopener noreferrer\">speed update<\/a>\u201d for mobile that rolled out in 2018. The page experience update makes that more granular, with many metrics being tracked.<\/p>\n<p>Core web vitals help ensure users are happy and stay on your site. This, in turn, can impact rankings. See an earlier article I wrote on <a href=\"https:\/\/www.bruceclay.com\/blog\/post-click-seo-how-to-survive-googles-user-experience-focused-algorithm\/\">SEO and the user experience<\/a>.<\/p>\n<h2><a id=\"core-web-vitals-fast-page-label\"><\/a>Core Web Vitals and the \u2018Fast Page\u2019 Label<\/h2>\n<p>Is your website ready to pass the thresholds for core web vitals? If not, you\u2019re not alone.<\/p>\n<p>According to <a href=\"https:\/\/www.screamingfrog.co.uk\/passing-the-cwv-assessment\/\" target=\"_blank\" rel=\"noopener noreferrer\">research by Screaming Frog<\/a> published in August 2020, only 12% of mobile and 13% of desktop results passed the assessment.<\/p>\n<p>A more recent <a href=\"https:\/\/searchengineland.com\/less-than-4-of-websites-passed-all-core-web-vitals-tests-is-yours-one-of-them-349823\" target=\"_blank\" rel=\"noopener noreferrer\">study by Searchmetrics<\/a> found even worse results. Less than 4% of the two million URLs they checked could pass all of the core web vitals tests!<\/p>\n<p>It\u2019s likely that Google knows the work that is ahead of website publishers, which explains why the search engine announced it a year in advance. Google also <a href=\"https:\/\/blog.chromium.org\/2020\/08\/highlighting-great-user-experiences-on.html\" target=\"_blank\" rel=\"noopener noreferrer\">announced<\/a> an added incentive: a \u201cfast page\u201d label that would be added to search results on Chrome for Android, starting in Chrome 85 Beta.<\/p>\n<p>How can you earn that label for your webpages? Google says that \u201clinks to pages that have historically met or exceeded <u>all<\/u> metrics thresholds for the core web vitals\u201d get the label.<\/p>\n<p>(While Google says \u201call\u201d core web vitals, it\u2019s unclear how cumulative layout shift factors into the fast page label.)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"386\" class=\"aligncenter size-full wp-image-85318\" src=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/google-fast-page-label.png\" alt=\"Google example of the &quot;fast page&quot; label in SERP.\" srcset=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/google-fast-page-label.png 640w, https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/google-fast-page-label-300x181.png 300w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/p>\n<p>That means that even though Google said back in May 2020 that \u201cthere is no immediate need to take action,\u201d it tried to make core web vitals a little more enticing to get a head start on.<\/p>\n<p>That\u2019s because sites with a \u201cfast page\u201d label in the results can potentially garner more clicks. This is reminiscent of the \u201c<a href=\"https:\/\/webmasters.googleblog.com\/2014\/11\/helping-users-find-mobile-friendly-pages.html\" target=\"_blank\" rel=\"noopener noreferrer\">mobile-friendly\u201d labels<\/a> Google created back in 2014, when it wanted website publishers to start putting mobile users first.<\/p>\n<h2><a id=\"more-core-web-vitals\"><\/a>More on Core Web Vitals<\/h2>\n<p>As we continue our series on core web vitals, I\u2019ll highlight each of the factors \u2014 LCP, FIC, and CLS \u2014 and include frequently asked questions on how to prepare for the coming page experience update.<\/p>\n<p><em>You can find out about each page experience factor in our 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<figure id=\"attachment_98363\" aria-describedby=\"caption-attachment-98363\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a class=\"no-blue-link\" href=\"https:\/\/www.bruceclay.com\/seo\/googles-page-experience-update\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-43752 size-thumbnail\" src=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2021\/06\/googles-page-experience-ebook-e1622659330585.png\" alt=\"E-book on the Page Experience Update.\" width=\"300\" height=\"387\" \/><\/a><figcaption id=\"caption-attachment-98363\" class=\"wp-caption-text\"><strong>Click to get this entire series as a <a href=\"https:\/\/www.bruceclay.com\/seo\/googles-page-experience-update\/\" target=\"_blank\" rel=\"noopener noreferrer\">printable e-book<\/a>.<\/strong><\/figcaption><\/figure>\n<p><strong><em>Would you like help analyzing and improving your SEO strategy? <a href=\"https:\/\/www.bruceclay.com\/quoteform\/\">Contact us for a free consultation<\/a> today.<\/em><\/strong><\/p>\n<h3>FAQ: How do Core Web Vitals contribute to a better user experience and SEO?<\/h3>\n<p>User experience and search engine optimization (SEO) are pillars of online success. The nexus between these two lies in Core Web Vitals \u2013 crucial performance indicators that encapsulate the essence of a website&#8217;s responsiveness, speed, and stability.<\/p>\n<p>Core Web Vitals represent a set of performance metrics Google has identified as integral to a seamless user experience. Comprising Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS), these metrics gauge a webpage&#8217;s load time, interactivity, and visual stability, respectively. By scrutinizing these aspects, search engines evaluate how effectively a site engages and retains visitors. A website that responds swiftly, allows quick interactions, and prevents unexpected layout shifts resonates more positively with users, thereby improving its SEO prospects.<\/p>\n<p>User experience has become an increasingly pivotal factor for both users and search engines. In its pursuit of delivering the best results, Google factors in Core Web Vitals when determining the ranking of a webpage. A site that offers a smooth and expedient experience is more likely to receive favorable treatment in search engine results pages. Consequently, optimizing Core Web Vitals can yield a double benefit: it satisfies users by providing a better interface and enhances a site&#8217;s visibility in search results.<\/p>\n<p>To grasp the impact of Core Web Vitals on user experience, consider their influence on page speed. The Largest Contentful Paint, measuring the time it takes for the largest element to load, directly affects how quickly users perceive a site as ready for interaction. Pages that load swiftly captivate and retain users&#8217; attention, reducing bounce rates and contributing to longer dwell times \u2013 factors that search engines appreciate. This underscores the symbiotic relationship between user engagement and SEO.<\/p>\n<p>One insightful tip for optimizing Core Web Vitals is to focus on efficient content delivery. Employ content delivery networks (CDNs) to distribute assets across multiple servers, ensuring users receive resources from the server closest to them. This technique minimizes latency, accelerating load times and positively impacting LCP. By prioritizing resource loading and leveraging browser caching, webmasters can significantly enhance both user experience and SEO performance.<\/p>\n<p>Core Web Vitals are pivotal in shaping a website&#8217;s user experience and influencing its SEO rankings. Prioritizing these performance metrics isn&#8217;t just about meeting search engine requirements \u2013 it&#8217;s about delivering a website that resonates with users and keeps them engaged. By optimizing Core Web Vitals and focusing on strategies to enhance webpage performance, businesses and website owners can establish a strong online presence and foster better user interactions.<\/p>\n<p><strong>Step-by-Step Procedure: Optimizing Core Web Vitals for User Experience and SEO<\/strong><\/p>\n<ol>\n<li>Assess current Core Web Vitals metrics using Google&#8217;s PageSpeed Insights or other relevant tools.<\/li>\n<li>Identify the web pages with suboptimal performance metrics.<\/li>\n<li>Prioritize content delivery by utilizing content delivery networks (CDNs) for efficient asset distribution.<\/li>\n<li>Implement lazy loading for images and videos to load resources only when needed, improving LCP.<\/li>\n<li>Optimize server response times by utilizing caching mechanisms and minimizing server-side processing.<\/li>\n<li>Minimize JavaScript execution time to enhance FID by removing unnecessary scripts and optimizing critical scripts.<\/li>\n<li>Prioritize above-the-fold content to ensure faster rendering and improved user engagement.<\/li>\n<li>Optimize CSS delivery by minimizing render-blocking resources and utilizing asynchronous loading techniques.<\/li>\n<li>Address layout shifts by setting explicit dimensions for media elements and utilizing CSS properties.<\/li>\n<li>Monitor Core Web Vitals regularly and track improvements over time.<\/li>\n<li>Utilize browser caching effectively by specifying appropriate cache durations for different types of resources.<\/li>\n<li>Optimize images and other media assets by compressing them without compromising quality.<\/li>\n<li>Implement code minification and bundling to reduce the size of HTML, CSS, and JavaScript files.<\/li>\n<li>Leverage browser preloading to anticipate user actions and preload essential resources.<\/li>\n<li>Implement responsive design to ensure smooth rendering across various devices and screen sizes.<\/li>\n<li>When optimizing and testing third-party components and scripts to avoid performance bottlenecks.<\/li>\n<li>Take advantage of modern web technologies, like HTTP\/2 and HTTP\/3, for improved server-client communications.<\/li>\n<li>Continuously monitor server performance and uptime to prevent disruptions in Core Web Vitals metrics.<\/li>\n<li>Conduct A\/B testing to evaluate the impact of optimizations on user experience and engagement.<\/li>\n<li>Stay updated with industry trends and Google&#8217;s guidelines to adapt and optimize Core Web Vitals accordingly.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>There are a great many things that go into designing a webpage that offers a good user experience. How fast the page loads and how easy it is to interact with the page are just a couple. And the list is constantly evolving. Google defines the core elements of a webpage that enhance user experience [&hellip;]<\/p>\n","protected":false},"author":35,"featured_media":85314,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"categories":[4],"tags":[1669,1232,1668,1477,1114,1667],"acf":[],"yoast_head":"<title>BruceClay - What Are Core Web Vitals and Why Do They Matter to User Experience?<\/title>\n<meta name=\"description\" content=\"Find out what core web vitals mean for your website, how they help UX, and what advantage you can get from Google&#039;s page experience ranking algorithm.\" \/>\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\/page-experience-core-web-vitals-overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What Are Core Web Vitals and Why Do They Matter to User Experience?\" \/>\n<meta property=\"og:description\" content=\"Find out what core web vitals mean for your website, how they help UX, and what advantage you can get from Google&#039;s page experience ranking algorithm.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bruceclay.com\/blog\/page-experience-core-web-vitals-overview\/\" \/>\n<meta property=\"og:site_name\" content=\"Bruce Clay, Inc.\" \/>\n<meta property=\"article:published_time\" content=\"2021-09-01T15:57:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-14T10:06:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/core-web-vitals-goals-1200px.jpg\" \/>\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\/jpeg\" \/>\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\/core-web-vitals-goals-1024px.jpg\" \/>\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=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bruceclay.com\/blog\/page-experience-core-web-vitals-overview\/\",\"url\":\"https:\/\/www.bruceclay.com\/blog\/page-experience-core-web-vitals-overview\/\",\"name\":\"What Are Core Web Vitals and Why Do They Matter to User Experience?\",\"isPartOf\":{\"@id\":\"https:\/\/www.bruceclay.com\/#website\"},\"datePublished\":\"2021-09-01T15:57:12+00:00\",\"dateModified\":\"2023-08-14T10:06:46+00:00\",\"author\":{\"@id\":\"https:\/\/www.bruceclay.com\/#\/schema\/person\/efe2253985cb608dfc329890aec6387b\"},\"description\":\"Find out what core web vitals mean for your website, how they help UX, and what advantage you can get from Google's page experience ranking algorithm.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bruceclay.com\/blog\/page-experience-core-web-vitals-overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bruceclay.com\/blog\/page-experience-core-web-vitals-overview\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bruceclay.com\/blog\/page-experience-core-web-vitals-overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.bruceclay.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Core Web Vitals for SEO: An Overview\"}]},{\"@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 - What Are Core Web Vitals and Why Do They Matter to User Experience?","description":"Find out what core web vitals mean for your website, how they help UX, and what advantage you can get from Google's page experience ranking algorithm.","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\/page-experience-core-web-vitals-overview\/","og_locale":"en_US","og_type":"article","og_title":"What Are Core Web Vitals and Why Do They Matter to User Experience?","og_description":"Find out what core web vitals mean for your website, how they help UX, and what advantage you can get from Google's page experience ranking algorithm.","og_url":"https:\/\/www.bruceclay.com\/blog\/page-experience-core-web-vitals-overview\/","og_site_name":"Bruce Clay, Inc.","article_published_time":"2021-09-01T15:57:12+00:00","article_modified_time":"2023-08-14T10:06:46+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/core-web-vitals-goals-1200px.jpg","type":"image\/jpeg"}],"author":"Bruce Clay","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.bruceclay.com\/wp-content\/uploads\/2020\/10\/core-web-vitals-goals-1024px.jpg","twitter_creator":"@bruceclayinc","twitter_misc":{"Written by":"Bruce Clay","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bruceclay.com\/blog\/page-experience-core-web-vitals-overview\/","url":"https:\/\/www.bruceclay.com\/blog\/page-experience-core-web-vitals-overview\/","name":"What Are Core Web Vitals and Why Do They Matter to User Experience?","isPartOf":{"@id":"https:\/\/www.bruceclay.com\/#website"},"datePublished":"2021-09-01T15:57:12+00:00","dateModified":"2023-08-14T10:06:46+00:00","author":{"@id":"https:\/\/www.bruceclay.com\/#\/schema\/person\/efe2253985cb608dfc329890aec6387b"},"description":"Find out what core web vitals mean for your website, how they help UX, and what advantage you can get from Google's page experience ranking algorithm.","breadcrumb":{"@id":"https:\/\/www.bruceclay.com\/blog\/page-experience-core-web-vitals-overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bruceclay.com\/blog\/page-experience-core-web-vitals-overview\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.bruceclay.com\/blog\/page-experience-core-web-vitals-overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bruceclay.com\/"},{"@type":"ListItem","position":2,"name":"Core Web Vitals for SEO: An Overview"}]},{"@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\/85313"}],"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=85313"}],"version-history":[{"count":18,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/posts\/85313\/revisions"}],"predecessor-version":[{"id":197909,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/posts\/85313\/revisions\/197909"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/media\/85314"}],"wp:attachment":[{"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/media?parent=85313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/categories?post=85313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bruceclay.com\/wp-json\/wp\/v2\/tags?post=85313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}