{"id":24592,"date":"2024-11-04T13:30:14","date_gmt":"2024-11-04T06:30:14","guid":{"rendered":"https:\/\/jakarta.telkomuniversity.ac.id\/what-are-core-web-vitals-and-how-do-they-affect-seo\/"},"modified":"2024-11-08T15:35:52","modified_gmt":"2024-11-08T08:35:52","slug":"what-are-core-web-vitals-and-how-do-they-affect-seo","status":"publish","type":"post","link":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/what-are-core-web-vitals-and-how-do-they-affect-seo\/","title":{"rendered":"What Are Core Web Vitals and How Do They Affect SEO?"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h1 style=\"text-align: center\" class=\"vc_custom_heading vc_do_custom_heading\" >What Are Core Web Vitals and How Do They Affect SEO?<\/h1>\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"2560\" height=\"2110\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/Modern-3d-isometric-illustration-of-Seo-scaled.webp\" class=\"vc_single_image-img attachment-full\" alt=\"Core Web Vitals\" title=\"Modern 3d isometric illustration of Seo\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/Modern-3d-isometric-illustration-of-Seo-scaled.webp 2560w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/Modern-3d-isometric-illustration-of-Seo-300x247.webp 300w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/Modern-3d-isometric-illustration-of-Seo-1024x844.webp 1024w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/Modern-3d-isometric-illustration-of-Seo-768x633.webp 768w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/Modern-3d-isometric-illustration-of-Seo-1536x1266.webp 1536w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/Modern-3d-isometric-illustration-of-Seo-2048x1688.webp 2048w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Core Web Vitals are part of a series of indicators created by Google to measure the quality of user experience on a website. These metrics aim to assess how fast, responsive, and stable a site is when accessed by visitors. Core Web Vitals are important because Google uses these indicators as a determining factor for SEO rankings, meaning that sites with better performance tend to rank higher in search results.  <\/p>\n<p>Let&#8217;s take a deeper look at what metrics are in Core Web Vitals and how we can optimize them.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><div class=\"vc_tta-container\" data-vc-action=\"collapse\"><div class=\"vc_general vc_tta vc_tta-tabs vc_tta-color-grey vc_tta-style-classic vc_tta-shape-rounded vc_tta-spacing-1 vc_tta-tabs-position-top vc_tta-controls-align-left\"><div class=\"vc_tta-tabs-container\"><ul class=\"vc_tta-tabs-list\" role=\"tablist\"><li class=\"vc_tta-tab vc_active\" data-vc-tab role=\"presentation\"><a href=\"#1730705899519-c37da9eb-9ecb\" data-vc-tabs data-vc-container=\".vc_tta\" role=\"tab\" aria-selected=\"false\" id=\"tab-1730705899519-c37da9eb-9ecb\"><span class=\"vc_tta-title-text\">Read More<\/span><\/a><\/li><li class=\"vc_tta-tab\" data-vc-tab role=\"presentation\"><a href=\"#1730705899529-26da1739-eb30\" data-vc-tabs data-vc-container=\".vc_tta\" role=\"tab\" aria-selected=\"false\" id=\"tab-1730705899529-26da1739-eb30\"><span class=\"vc_tta-title-text\">Read More<\/span><\/a><\/li><\/ul><\/div><div class=\"vc_tta-panels-container\"><div class=\"vc_tta-panels\"><div class=\"vc_tta-panel vc_active\" id=\"1730705899519-c37da9eb-9ecb\" data-vc-content=\".vc_tta-panel-body\"><div class=\"vc_tta-panel-heading\"><h4 class=\"vc_tta-panel-title\"><a href=\"#1730705899519-c37da9eb-9ecb\" data-vc-accordion data-vc-container=\".vc_tta-container\"><span class=\"vc_tta-title-text\">Read More<\/span><\/a><\/h4><\/div><div class=\"vc_tta-panel-body\"><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: left\" class=\"vc_custom_heading vc_do_custom_heading\" >1. Loading Speed: Largest Contentful Paint (LCP)<\/h2>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Largest Contentful Paint (LCP)<\/strong> measures the time it takes for a site to display the main elements (such as images or primary text) on a user\u2019s screen. A good LCP means that a site can display the main elements in less than 2.5 seconds from the time the page starts loading. <\/p>\n<p><strong>Why is this important?<\/strong> Loading speed plays a big role in making a good first impression. If your site takes too long to load, visitors may leave the page quickly. <\/p>\n<p><strong>How to Optimize LCP:<\/strong><\/p>\n<ul>\n<li>Use fast and reliable servers.<\/li>\n<li>Compress images to make them smaller without sacrificing quality.<\/li>\n<li>Use <em>lazy loading<\/em> techniques so that images at the bottom are only loaded when the user scrolls to them.<\/li>\n<li>Reduce the use of heavy elements such as unnecessary <em>JavaScript<\/em>.<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"2560\" height=\"1707\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/37794-scaled.webp\" class=\"vc_single_image-img attachment-full\" alt=\"Core Web Vitals bersama engineer\" title=\"37794Core Web Vitals bersama engineer\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/37794-scaled.webp 2560w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/37794-300x200.webp 300w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/37794-1024x683.webp 1024w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/37794-768x512.webp 768w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/37794-1536x1024.webp 1536w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/37794-2048x1365.webp 2048w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/37794-150x100.webp 150w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: left\" class=\"vc_custom_heading vc_do_custom_heading\" >2. Interactivity: First Input Delay (FID)<\/h2>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>First Input Delay (FID)<\/strong> is the time it takes for a site to respond when a user first interacts with it (for example, when they click a button or link). Google recommends an FID of under 100 milliseconds to provide a fast and responsive experience. <\/p>\n<p><strong>Why is this important?<\/strong> A low FID indicates that your site is responsive, which gives a positive impression and makes it easier for visitors to interact.<\/p>\n<p><strong>How to Optimize FID:<\/strong><\/p>\n<ul>\n<li>Minimize heavy <em>JavaScript<\/em> that can interfere with response times.<\/li>\n<li>Use <em>code-splitting <\/em>techniques, which divide the code into small parts that are only loaded when needed.<\/li>\n<li>Avoid using <em>third-party scripts<\/em> that are too heavy.<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: left\" class=\"vc_custom_heading vc_do_custom_heading\" >3. Visual Stability: Cumulative Layout Shift (CLS)<\/h2>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>Cumulative Layout Shift (CLS)<\/strong> measures the stability of a page&#8217;s appearance during loading. A high CLS means that page elements (such as images or buttons) shift frequently while the page is loading, which can lead to visitors misclicking. <\/p>\n<p><strong>Why is this important?<\/strong> A stable page display makes visitors feel more comfortable and avoids misclicks. A site that changes frequently while loading can frustrate visitors.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"300\" height=\"200\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/32-SEO_3-300x200.webp\" class=\"vc_single_image-img attachment-medium\" alt=\"Core Web Vitals seo optimization\" title=\"Core Web Vitals seo optimization\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/32-SEO_3-300x200.webp 300w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/32-SEO_3-1024x682.webp 1024w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/32-SEO_3-768x511.webp 768w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/32-SEO_3-1536x1022.webp 1536w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/32-SEO_3-2048x1363.webp 2048w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/32-SEO_3-150x100.webp 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><strong>How to Optimize CLS:<\/strong><\/p>\n<ul>\n<li>Specify a definite size for the image or video so that other elements are not pushed aside when the content loads.<\/li>\n<li>Avoid displaying pop-up ads that appear suddenly and shift other elements.<\/li>\n<li>Use CSS <em>transform<\/em> instead of <em>position change<\/em> for animations, for a smoother look.<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><div class=\"vc_tta-panel\" id=\"1730705899529-26da1739-eb30\" data-vc-content=\".vc_tta-panel-body\"><div class=\"vc_tta-panel-heading\"><h4 class=\"vc_tta-panel-title\"><a href=\"#1730705899529-26da1739-eb30\" data-vc-accordion data-vc-container=\".vc_tta-container\"><span class=\"vc_tta-title-text\">Read More<\/span><\/a><\/h4><\/div><div class=\"vc_tta-panel-body\"><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"2500\" height=\"1952\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/seo-website-optimization.webp\" class=\"vc_single_image-img attachment-full\" alt=\"Core Web Vitals seo dan SEO Lokal riview\" title=\"seo, website optimization\" srcset=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/seo-website-optimization.webp 2500w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/seo-website-optimization-300x234.webp 300w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/seo-website-optimization-1024x800.webp 1024w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/seo-website-optimization-768x600.webp 768w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/seo-website-optimization-1536x1199.webp 1536w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/seo-website-optimization-2048x1599.webp 2048w, https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/seo-website-optimization-80x62.webp 80w\" sizes=\"(max-width: 2500px) 100vw, 2500px\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: left\" class=\"vc_custom_heading vc_do_custom_heading\" >Why are Core Web Vitals Important for SEO?<\/h2>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Google emphasizes the importance of a good user experience. By using Core Web Vitals as one of the SEO factors, Google wants to ensure that the sites displayed in search results provide a pleasant experience for visitors. Sites that perform high in Core Web Vitals have a greater chance of rising in search results.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\"><h2 style=\"text-align: left\" class=\"vc_custom_heading vc_do_custom_heading\" >How to Check and Fix Core Web Vitals?<\/h2>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>You can use several tools from Google to check your site&#8217;s performance:<\/p>\n<ul>\n<li><strong>Google PageSpeed Insights<\/strong>: Provides a comprehensive report on Core Web Vitals and improvement suggestions.<\/li>\n<li><strong>Google Search Console<\/strong>: Track Core Web Vitals performance on the site as a whole.<\/li>\n<li><strong>Lighthouse (di browser Chrome)<\/strong>: Test performance directly in the browser with full assessment.<\/li>\n<\/ul>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Core Web Vitals is Google\u2019s way of assessing the quality of user experience on your site, including speed, responsiveness, and visual stability. By optimizing LCP, FID, and CLS, you not only improve user experience but also increase your site\u2019s chances of ranking higher in Google search results. <\/p>\n<p>Optimizing Core Web Vitals may take time and effort, but the results are worth it for the long-term growth of your SEO.<\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-6\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div  class=\"wpb_single_image wpb_content_element vc_align_center wpb_content_element\">\n\t\t\n\t\t<figure class=\"wpb_wrapper vc_figure\">\n\t\t\t<div class=\"vc_single_image-wrapper   vc_box_border_grey\"><img decoding=\"async\" width=\"14967\" height=\"11180\" src=\"https:\/\/jakarta.telkomuniversity.ac.id\/wp-content\/uploads\/2024\/11\/SEO-Website-Optimization.webp\" class=\"vc_single_image-img attachment-full\" alt=\"Core Web Vitals SEO dan Lokal SEO riview\" title=\"SEO Website Optimization\" \/><\/div>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"vc_column-inner\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p>Read More: <a href=\"https:\/\/jakarta.telkomuniversity.ac.id\/en\/kenapa-seo-mobile-friendly-itu-penting\/\">Why is Mobile Friendly SEO Important?<\/a><\/p>\n<p>Read More: <a href=\"https:\/\/jakarta.telkomuniversity.ac.id\/en\/cara-meningkatkan-kecepatan-website-untuk-seo-panduan-sederhana\/\">How to Increase Website Speed for SEO: A Simple Guide<\/a><\/p>\n<div class=\"wpb_text_column wpb_content_element\">\n<div class=\"wpb_wrapper\"><\/div>\n<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"What Are Core Web Vitals and How Do They Affect SEO? Core Web Vitals are part of a series of indicators created by Google to measure the quality of user experience on a website. These metrics aim to assess how fast, responsive, and stable a site is when accessed by visitors. Core Web Vitals are [...]","protected":false},"author":37,"featured_media":24528,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wds_primary_category":0,"footnotes":""},"categories":[685],"tags":[986,985],"class_list":["post-24592","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-education","tag-core-web-vitals-en","tag-seo-en"],"_links":{"self":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/24592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/comments?post=24592"}],"version-history":[{"count":1,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/24592\/revisions"}],"predecessor-version":[{"id":24625,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/posts\/24592\/revisions\/24625"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media\/24528"}],"wp:attachment":[{"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/media?parent=24592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/categories?post=24592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jakarta.telkomuniversity.ac.id\/en\/wp-json\/wp\/v2\/tags?post=24592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}