<span style="font-weight: 400;">Google makes periodical changes to its algorithm. One of these updates happened in May 2020. Check out our article on </span><a href="https://vividreal.com/googles-may-2020-core-update-and-why-it-matters/"><span style="font-weight: 400;">Google’s Core Update (May 2020)</span></a><span style="font-weight: 400;">. There is also some news going around about further changes to the algorithm that can be expected soon.</span>

<span style="font-weight: 400;">Google recently announced that Page Experience will also be a ranking factor for SERPs. What is Page Experience? How is this measured? What can you do to ensure your rankings don’t tank? Keep reading to find out.</span>

<span style="font-weight: 400;">Oh, and if you’re looking to get your website to the top of the SERPs, our SEO team will be more than happy to help. </span><a href="https://vividreal.com/hire-seo-gurus/"><b>Talk to our SEO experts here</b></a><b>.</b>

<span style="font-weight: 400;">Have you ever visited a website on your phone and tried to tap on something, when the page layout abruptly shifts, causing you to tap elsewhere? This has happened far too many times with me, and it is an annoyance that many of us have been putting up with for far too long. Luckily for us, Google is now taking page experience more seriously than ever. Aforementioned problems and other similar issues that affect the user experience will start affecting page rankings pretty soon. </span>

<span style="font-weight: 400;">This update makes sure that the top ranking sites do not have problems that will cause users to have a bad experience.</span>

<span style="font-weight: 400;">According to Google, the page experience signal will measure aspects of how users perceive the experience of interacting with different web pages. Optimizing to ensure a better page experience will ensure that web pages meet users expectations. This will provide them with delightful web experience, especially on mobile devices. This will ultimately be better for online businesses as well since a happy customer is more likely to convert.</span>

<span style="color: #00ccff;"><b>How do you even measure user experience?</b></span>

<span style="font-weight: 400;">Well, it’s much simpler than you think. Core Web Vitals are user-centred metrics that measure the experience of a user on a web page. They measure 3 important things that affect user experience:  </span><b>load time, interactivity, and stability of content.</b><span style="font-weight: 400;"> </span>

<span style="font-weight: 400;">Google is combining data from Core Web Vitals with the existing Search signals for page experience, to provide an all-round better user experience. </span>

<span style="color: #00ccff;"><b>Advantages</b></span>

<span style="font-weight: 400;">Better page experience translates to more engagement. Bad page experience can frustrate users and cause them to exit the page without taking any action. Think of it as entering a store. If the store owners are pleasant and helpful, you’re more likely to buy something. With this update, Google aims to make websites more accessible, and also reward people who work on creating a better user experience for their website visitors. </span>

<span style="font-weight: 400;">To make things easy, Lighthouse and PageSpeed Insights will now show Core Web Vitals data. Google Search Console also provides a dedicated report to help website owners to find areas to improve in. </span>

<span style="font-weight: 400;">However, don’t be mistaken. Content is still king. Google still considers in-depth relevant content a priority above everything else. If multiple pages have similar content, then page experience will play a bigger role in SERP ranking.</span>

<span style="font-weight: 400;">Google is also planning on bringing changes to the Top Stories results on mobile devices. AMP pages may occupy this spot for now. In time, AMP will no longer be necessary for pages to appear as Top Stories. Any page can do so as long as they meet a few guidelines. But that’s a topic for another day. Subscribe to our newsletter so that you don’t miss out.</span>

<span style="font-weight: 400;">Let’s talk about the three things that determine page experience:</span>

<span style="color: #00ccff;"><b>LCP: Largest Contentful Paint</b></span>

<span style="font-weight: 400;">One of the most common factors that contribute to bad user experience is how long it takes a user to see any content rendered to the screen. </span><b>Largest Contentful Paint</b><span style="font-weight: 400;"> measures the loading performance of the web pages. If LCP occurs within </span><b>2.5 seconds</b><span style="font-weight: 400;"> of when the page starts loading, it is considered okay. Anything more than that is bad. It’s best to try and keep it under 1 second.</span>

<span style="font-weight: 400;">Poor LCP time can occur due to:</span>
<ul>
 	<li style="font-weight: 400;"><span style="font-weight: 400;">Slow server response times</span></li>
 	<li style="font-weight: 400;"><span style="font-weight: 400;">Render-blocking JavaScript 7 CSS</span></li>
 	<li style="font-weight: 400;"><span style="font-weight: 400;">Slow resource load times</span></li>
 	<li style="font-weight: 400;"><span style="font-weight: 400;">Client-side rendering</span></li>
</ul>
<span style="color: #00ccff;"><b>FID: First Input Delay</b></span>

<span style="font-weight: 400;">Then comes issues like being unable to interact with the website. </span><b>First Input Delay</b><span style="font-weight: 400;"> measures interactivity. It is a metric that captures a user's first impression of a site's interactivity and responsiveness. </span>

<span style="font-weight: 400;">FID measures the time from when a user interacts with the page for the first time to the time when the browser can respond. Real user interaction is required to measure the response delay. Keep your FID </span><b>less than 100 milliseconds.</b><span style="font-weight: 400;"> Heavy JavaScript execution can cause poor FID.</span>

<span style="color: #00ccff;"><b>CLS: Cumulative Layout Shift</b></span>

<b>Cumulative Layout Shift</b><span style="font-weight: 400;"> measures the visual stability of the web page. A good CLS means a value of less than 0.1. This is to prevent users from tapping on unwanted elements whenever the page shifts as it loads. I’m sure you must have experienced this at some point. </span>

<span style="font-weight: 400;">A few different things that can cause poor CLS are:</span>
<ul>
 	<li style="font-weight: 400;"><span style="font-weight: 400;">Ads, embeds, iframes without dimensions</span></li>
 	<li style="font-weight: 400;"><span style="font-weight: 400;">Images without dimensions.</span></li>
 	<li style="font-weight: 400;"><span style="font-weight: 400;">Dynamically injected content</span></li>
 	<li style="font-weight: 400;"><span style="font-weight: 400;">Web fonts that cause Flash of Invisible Text and Flash of Unstyled Text and more.</span></li>
</ul>
<span style="font-weight: 400;">This table should summarise the values you should be aiming for:</span>

<img class="aligncenter wp-image-8740" src="http://localhost/vividreal/wp-content/uploads/2020/06/table-1024x274.png" alt="" width="450" height="121" />

<span style="font-weight: 400;">Addressing the above issues and keeping a close eye on your Google Search Console to ensure that your web pages are optimised to give visitors a good experience will be key to improving your SERP rankings someday soon. You should already start working on these things if you already haven’t. We have. ;) </span>

<span style="font-weight: 400;">As always, if you need a hand with anything related to SEO, our team of experts are what you need. </span><a href="https://vividreal.com/hire-seo-gurus/"><span style="font-weight: 400;">Talk to our SEO experts here!</span></a>