Looking for a fix for “Page is Not Mobile Friendly” issue?
I have been there!
Recently for one of my WordPress websites, google search console was showing errors for a few pages. Error is “Page is Not Mobile Friendly”.
Google doesn’t like websites which is not mobile-friendly considering the fact that many users use mobile to browse websites.
So it is must to have mobile optimised website pages for your blogs and websites.
Page is Not Mobile Friendly Errors For WordPress
First I will go through the notification and errors i found on google search page console.
I found the following notification in the search console.
Followed by the notification I saw these three errors.
When I tested individual pages for errors in the google search console, I got the following result.
It could happen due to variety of reasons.
Troubleshooting “Page is Not Mobile Friendly” Errors
I troubleshooted this issue in the following ways.
- Tested the live page using google mobile bots live test tool. Something weird happened. A couple of times it showed the page is mobile-friendly and a few times it didn’t.
- Then I checked my WordPress caching settings. I could not find anything.
- Next, I check Cloudflare CDN settings. There it looked alright as only a few pages were getting this error.
- Then I deactivated few plugins and tested again. No luck.
- Checked the robots.txt file for any blocked resources. There are no rules blocking google user agents.
Then I figured that some mess up is happening the way the static website resources are served.
So I thought of removing the free caching plugin and use a premium cache plugin which can optimize all the static resources.
How I Fixed Resource Load Issue
I installed the plugin and configured all caching settings for static resources. Mostly static resource modification & combined static resource delivery,
Get the plugin: WP Rocket WordPress Caching Plugin
Note: WP rocket solved my issues. There is no guarantee that it will solve yours. However, you can try this plugin and if it doesn’t work you can get a full refund from them.
After these configurations, when I tested error pages, google bot was able to render it correctly without any errors. You can see the “page is mobile-friendly” message in the following image.
It turns out the static resource delivery by the free caching plugin was not working properly.
In addition to resolving the resource load error, my mobile page speed has increased drastically to 87 grade.
If you have a strict robots.txt file and you are facing this issue for all pages in your webiste, you can try adding the following to robots.txt file.
Allow: /wp-content/plugins/*.js Allow: /wp-content/cache/*.js Allow: /wp-content/cache/*.css Allow: /wp-includes/*.js Allow: /wp-includes/*.png
Not everyone will opts for the premium plugin to fix static file issues.
But will end up paying a big price by losing traffic from google as mobile page optimization is highly recommended by Google.
I try to focus on my actual work rather than wasting time fixing technical issues. So I always go for a premium plugin to get the right support.
If I dont do that, one or the other way I will end up paying a price.
Keep an eye on google search console errors and notification. Fix it as soon as possible to avoid losing google search engine traffic.