What is Google Page Experience for WordPress SEO

Last updated on September 6, 2022 | By

With Apple’s recent IOS updates regarding privacy and its effect on online ads, your new way to gain customers is through Search Engine Optimization. 

The new Google Page Experience update is a good bet on it if you use an effective strategy that may also improve your conversion rates.

What is Page Experience update and its importance in SEO

The Page Experience is currently 4 signals, and to make use of every value of this new SEO algorithm you need first to pass and get the “Good” metric on all the 3 Core Web Vitals, which is the most complex.

The Core Web Vitals as you may know are currently: Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS), with Interaction to Next Paint (INP) being an experimental metric as Google says they intend to update the page experience signals on an annual basis.

The remaining Page Experience signals are:

  • Using HTTPS protocol;
  • Pass on Mobile-friendly test;
  • No using intrusive-interstitials: page content is easily accessible.
Google Page Experience Explained

If you are using a Slider on your WordPress, consider running a mobile-friendly test. Many WordPress slider plugins don’t properly configure their slider for mobile and therefore your website won’t pass the test. It also harms HTML SEO, as their tags may not be crawled by Google.

If you’re improperly delaying Javascript, your website may not pass on the mobile-friendly tests. For a better user experience, you should also consider cache for mobile devices, available on plugins such as Wp Rocket and Cloudflare APO.

Google Page Experience SEO Importance

Google states that in cases where many pages may be similar in relevance, the Page Experience algorithm can be much more important for visibility in Search. 

Furthermore having good Page Experience metrics is required for non-AMP content to become eligible to appear in the mobile Top Stories feature in Search. To be featured in Top Stories before, was only possible while using AMP.

image 1
Top Stories in Google Search

The Core Web Vitals has been also found to have a direct positive impact on conversion rates.

How to solve Core Web Vitals on WordPress 

Core Web Vitals are more complex than other page signals, we will focus on them. Using a speed optimization or a full-performance plugin can give you a large head-start in solving the CWV metrics issues. Hire a developer to optimize your CWV WordPress, click here to get a free Wpalpha audit.

How to solve LCP

  1. Change the slider or the background image to a CSS background-color property or an animated CSS background with SVG
  2. Setup Critical CSS
  3. Cut and use a different image for the mobile
  4. Use a CDN for images and SVGs
  5. Preload the Largest Contentful Paint (LCP) Image
  6. Serve HTML pages cache-first (Paid)
  7. Optimize DOM by avoiding page builders
  8. Improve icon font loading, remove unused icon fonts, or switch icons to SVG’s
  9. Limit access from a region with failing Core Web Vitals

How to solve CLS

  1. Avoid elements that push content above existing content
  2. Use Critical CSS correctly
  3. Apply correct image and div sizing
  4. Move your CSS from theme editor to child theme style.css or main theme style.css file
  5. Prefer theme/plugins that use transform animations over animations of properties that trigger layout changes

If you feel like solving WordPress is too complicated or expensive, consider choosing a WordPress alternative with better Core Web Vitals:

  1. Shopify
  2. Duda
  3. WebFlow
  4. Squarespace
  5. Ghost

How to check my Core Web Vitals

To look at google’s CRUX database, the data used in the Core Web Vitals for every website, use an online tool. Treo.sh offers a UI visualization of your field data, for both the last 28-day average and past year data.

It also provides granulation of your data per country and filtering metrics per country.

image 2
Core Web Vitals results – Treo

If you want to create a report of your Core and Web Vitals field data, go to g.co/chromeuxdash, type in your website, and on the next page, click Create Report to continue.

It will create a detailed Google Data Studio report of your website, including also all the other Web Vitals metrics.

image 3

How to monitor my Core Web Vitals

In addition to using Google’s Search Console to monitor your Core Web Vitals, use an alternative such as Cloudflare Web Analytics, a tool that offers insights from your website while preserving the privacy of your visitors.

For a more holistic approach, use Speed Curve and also monitor non-core web vitals and other metrics.

Do you want your Core Web Vitals optimized and get an SEO boost?

Leave a Comment