And we have good reason to believe that this is a major update that can completely change search engine results.

Assuming you are not ready, Google's positioning on your site (and any site you make do) may diminish. Then again, in case you act rapidly, you can altogether expand your get more organic keywords when this update runs.

In this post, we will explain the main components of this update and teach you how to prepare your website for that day.

Page update algorithm update (Google Page Experience) What is?

Updating the Google Page Experience is an effort to dramatically improve the browsing experience for users - both on desktops and mobile devices.

It should not be surprising. Google has been emphasizing the user experience (UX) for some time) And this success of web pages is quite in line with the goals of the search engine.

But with this update ahead, Google is putting more emphasis on UX, And we want to review some of the top rated websites.

Google rarely provides warnings about upcoming algorithm updates. In the past, they have accidentally shaken the web by making major sudden changes, spreading panic throughout the world of digital marketing - the words "Panda Update" still control the eyes of any digital marketer.

But here, Google is paying close attention - about 6 months’ notice - which is very much out of character.

Google first announced the news in November 2020. Initially, the algorithm update was scheduled to begin in May 2021. It has now moved forward by the end of late August 2021 to mid-June 2021.

With this in mind, Google seems to be referring to a fundamental change that requires a great deal of preparation.

But despite the greatness of this update, if you keep up with it, it can be a step towards the future success of your online business.

When this update of the Google Page Experience is completed in 2020, the user experience will become a direct ranking factor. This means that websites that are user-friendly and provide the most relevant content, regardless of brand, to search results Google (SERP) Are transferred.

Brand size has long been a ranking factor. Well-known brands that are known for the scope of their product or service are more likely to rank high when searching for keywords related to their offerings - which is why Nike is almost always in the top positions for "running shoes" keywords.

But after this algorithm update, the brand size will be less than a ranking factor. Obviously not completely ignored, but most likely subsequent updates will consistently weigh less as much as the brand and more to the UX. Allocate.

So, if you optimize your website now for the user experience, you will invest more in the success of your website.

Before we get into the process of preparing for this update, it is important that we have a clear understanding of Google's new performance metrics so that you can play by their rules with confidence.

Google Web Vital: What is?

No one knows exactly how Google's algorithm works. Hidden to prevent exploitation. But in April 2020, Google revealed some secrets through its Vital Web Announcement.

Web Vital A small look at the metrics on what is becoming the new top-ranking signal - the user experience.

At this point, little is known about the factors that evaluate the page experience, but we do know that these factors are influenced by a subset called Core Web Vital Are located.

Core Web Vital What is?

Core Web Vital The main criteria for evaluating various aspects of the overall user experience of the website. These metrics evolve over time, but for now, they fall into three main categories: Largest Content Color (LCP)), The first input delay (FIP) And cumulative layout change ( CLP).

Core Web Vita What social media drives the most traffic? Evaluates events that can make the website visitor experience very painful or extremely good. Let's discuss each of them.

The loading speed of a website is an obvious factor that affects the user experience, but instead of measuring the time until the first point of content appears, Largest Concertful Paint Considers loading speed.

Perceived load speed is a measure of the time required to fully load the largest content element in the field of view.

The visible area depends on the operating system used, whether browsing on a mobile phone or the entire mobile screen, or when browsing on a desktop, the entire web browser.

Currently, Google uses the First Concertful Paint (FCP) metrics Evaluates the loading speed of a website. FCP Measures the loading time of a website and any part of its content that is on the page.

In the following example, FCP Occurs in frame 2.

Source: WebDAV

But after this update, Lapita becomes the main measure of page speed and FCP It becomes more of a reference point.

Let's FCP With the new LCP benchmark let's compare.

FCPO occurs in frame 1 because this is the first instance of content, but LCP Does not occur until Framework 3. This is because Frame 3 is the first example of the largest download element of a website, which in this case is the Instagram logo.

LCP score What is good?

LCP It should be a maximum of 2.5 seconds, which will give you a good position. Ideally, it should be less than that. For LCP criteria (As well as FIPA And CLP), Google expects 75% of your total web page views to be good (or green).

An important point in measuring LCP One thing to keep in mind is that large content elements are displayed in the display and then removed from the LCP counter. Do not stop. This clock will continue until it is considered the biggest final element.

In the example above, the largest coloring content is first in frame 1 and is updated in frame 3 when you see a larger element. LCP clock Counting stops when the largest color of visible content is finally placed in frame 5.

What factors affect LCP Affect

Factors that directly affect the LCP score You are affected may include the following:

• Slow server response time - long time for the first byte (TTFB).

• Render Blocking CSS and JavaScript - Scripts and stylesheets that parse HTML Block.

• Long-term resource loading - when movies, block surface elements, and images are overloaded.

First input delay (FID)

First input delay (FID) Measures interaction. This is the time between a web visitor's first interaction with a page and its start.

Interaction can be one of the following:

• Click on the link

• Tap the button

• Select the menu option

• Tap the accordion menu on mobile devices.

• Enter the email address in the form field

It's clear why this is a Core Web Vital Considered to be. A fast loading website only if you accelerate user interaction, UX Improves. If, after a quick download, the activated functions of your website are slow and sloppy, users will search for a better website experience and search.

Google FID time Recommends 100 milliseconds or less.

What factors affect FID Affect?

The first input delay is prolonged when the browser is unable to respond to user stimuli because it is still processing background tasks. When a user with a web page with a FID score Poorly communicates, website seems unresponsive.

Events that can be FID To expand include:

Slow download JavaScript functions

• Long-term loading of assets.

• Execute block operations.

• Heavy WordPress Themes

• Inefficient WordPress Style

But if a web page has minimal performance options, such as a blog post or news article, FID How is it calculated?

In these cases, use, FID It will probably have a lower priority because users have only two main options - scroll down or press to zoom.

But if your blog post is neighboring with JavaScript web functions, you need FIP optimization Consider.

FID A very important criterion for Landing Pages Because they usually contain CTA buttons and are the registration sections.
Cumulative layout change (CLS)

Cumulative layout aggregation (CLS) Is a measure of visual stability. Undoubtedly low CLS score the most important factor is the frustration of the user, so it is very important to bring it down as much as possible.

CLS It is an unexpected layout change that occurs during the viewing of a page, not just when loading (this is important). In the best case it may cause the user to lose his place on a page, in the worst case it may cause him to choose an unwanted action.

Here's an example of an unexpected layout change that triggers an unwanted action.

Absolutely disappointing, right?

Google made the right decision to measure CLS Taken throughout the page. You do not want these bugs to bother you constantly because you want to read a web page.

CLS score Your final score is calculated by adding all the points for a separate layout for each instance during the session.

What factors affect the CLS Affect?

Bad score CLS Describes a website with poor loading sequences. Examples of events that have a negative impact on CLS They are:

• Third-party widgets that resize automatically

• DOM elements They are loaded on top of the existing content

• Fonts that come in different sizes than their replacement

• Dimensional images and videos

• Invisible text flash (FOIT)

• Model text flash (FOUT)

• Lockers No Dimensions

• Dynamic injection content

• Ads before the DOM update, they need network communication.

How to Update Your Website to Google Page Experience 2021 Optimize

To prepare for the Goggle Page Experience update, you need to measure the performance of your website against the core content of Google's core web.

To do this, go to Page Speed ​​Insights Go, URL Enter your homepage, then hold your breath and click "Analyze".

Then your overall score based on your overall Core Web Vital Performance You will see. The score of each page analyzed must be above 90.

In the top left menu, you can switch between mobile and desktop scores.

If your website has a terrible score, do not panic! Most websites probably do not have a bad score, Google's new rules are very strict.

Scrolling to the bottom of the page and expanding each issue shows suggestions modified by Google. If you are not a fan, some of these suggestions may seem incomprehensible. But do not worry, help is always available if needed.

Instead of testing each URL Individually, you can sign into the Google Search Console And select " Core Web Vital See the full data of your website in the menu on the left.

Just above the Core Web Vital Menu In the Search Console, There is a new report experience page. This report is based on the expectations of, Core Web Vital And the following indicators evaluate the expected experience of your web visitors:

• Use HTTP

• Advertising experience

• Mobile usability

• Security problem

If still trying to raise Core Web Vital Numbers You are yourself, some of the optimization efforts that can enhance any key metrics are described below.

How to score LCP To improve

• Upgrade to a faster web host

• From CDN use

• Compress text files

• Use only the third-party scripts you absolutely need, delete the rest

• Establish third-party communications early.

• JavaScript processing Postpone

• Use prepayment for important assets

• Adjust lazy load

• Compress all images

• Delete all JavaScript Unnecessary

• Remove all unnecessary CSS

How to score a FID To improve

• All JavaScript loading Postpone (or minimize)

• Remove unnecessary third-party scripts

• Compress text files

• Delete all unused JavaScript

• CSS Postpone until the main work of the subject is minimized

• Browser save lever

• Eliminate tasks that are longer than 50 milliseconds

• JavaScript runtime Delay until user interaction

• About FID optimization Learn more

How to score CLS To improve

• Assign width and height size attributes to all media, including web videos.

• Compress fonts

• Preload the fonts

• To save fonts from CDN use

• Host fonts locally

• Just put the new elements under the crease

• Save real estate for all ads - to maintain the landing page experience for Google Ads.

• Dedicate a fixed dimension to advertising - something a PPC agency does It can help.

• JavaScript implementation Delay

• Avoid displaying dynamic content unless it was intentionally initiated by the user

If you offer web development to your customers, make sure that your browser cache before testing CLS performance Deleted. Website performance in a development environment is often an unrealistic reflection of the actual user experience.

last word

The performance requirements of Google's new website are enormous. But know that your efforts should be to optimize your superior user experience that you are currently providing to web visitors through the content it provides for search engine purposes. If so to the UX aspect Bend and ignore quality content, your efforts will be in vain.

The preparation needs of this update are complex. But do not worry, we can help make your web design more consistent, display to get free traffic to my website. and make you famous.