How to fix ‘this page is not mobile friendly’ Google Search Error?

This page is not Mobile friendly and This site is not mobile friendly. These are common labels which are used by Google these days in the search result.

Google says, will index the website for mobile first. So, to index very fast on Google your website should be mobile friendly.

{Read:- How to edit ads.txt without Cpanel in WordPress }

Why this page is not mobile friendly error occurs?

Sometimes you might see this site is not mobile friendly error in Google search result if you are the search owner. This happens due to web page of your website have some mobile usability issues. You can find it in Google search Console.

Google has started issuing a new type of warning to site owners if their site is not mobile-friendly. The new warnings show directly in the mobile search results, but only to the site owner, when Google knows that the searcher is the owner of the site.

{Read:- Auto Ads for Better Placement and Monetisation }

Here are some specific reasons for this

1. Clickable elements too close together
2. Content wider than the screen
3. Unscaled images or video frames
4. Ads on the mobile having improper pixels
5. Contradiction in multiple plugins you use
6. Text on the screen requires zoom to read on your site
7. The theme is not mobile responsive

Whenever you perform mobile friendliness test of a webpage on Google. You will get a list of actions, list of blocked resources as a test report. Google will also show your page is mobile friendly or not?

He was complaining that his site is not ranking and not indexing properly. this was one of the main reason for that.

Clickable elements are very close

Sometimes it happens that you place two ads together or nearby. Nearby images are also a possible cause for this. Due to this, the page lost its responsiveness.

{Read:- Fix Valuable Inventory Under Construction & No Content Violation }

You have to place your ads properly on your website. And make sure you have used scaled images. Scaled images are also a prime requirement for image SEO.

Try to use Google Adsense auto ads or responsive ads on Mobile version of your website.

Content is wider than Screen

As the name suggests “content is wider than screen”, happens mostly in the case of mobile. You can easily find this error by the mobile-friendly test. We often add Adsense ads and other images on our website.

In some cases, the ad you added will go out of the screen. Mostly it happens with fixed sized ads. Like a 720 x 90 px ads or 980 x 90 px ads. Adding a large image will look good on the desktop version but it may create the content wider issue with mobiles if your theme is not mobile friendly.

{Read:- Does Website Affiliate Links Affect Google Adsense Approval Process }

For mobile use responsive ads or auto ads of Adsense.

How to fix this page is not mobile-friendly error?

To resolve “this page is not mobile friendly” Search console issue. You have figure out and fix all the issues given in your search console. They can be any of the discussed reasons.

Let’s see the fixation of error causing issues one by one –

How to fix clickable elements too close together?

First off all you need to figure out those clickable elements which are causing this issue.  The best part is you don’t have to do anything by your own. Google Mobile-friendly test will perform this action.

Follow these steps to resolve this-

{Read:- How to Prevent Google Adsense from Invalid Clicks? }

1. Open this link – Google Mobile-friendly Test
2. Enter your URL and click ‘Run Test’ button
3. Analyze your errors and click on them to get the elements which are causing clickable elements issue
4. Remove those elements on your website to resolve this
5. Open Google Search Console
6. Navigate to Enhancements tab
7. Click on Mobile Usability
8. You can see the mobile usability errors there (Refer the above image)
9. Find clickable elements error and click on that to get all those URLs which have the issue
10. Use the URL in Method 1 -> Step 2 to get the exact elements
11. Once found remove that manually
12. After removal click on validate fix and leave the rest on Google

How to fix Content wider than Screen?

Fixation of ‘content wider than screen’ is somehow the same as ‘clickable elements too close together’discussed above.

Here you need to choose the “content wider than screen” error in “Mobile usability”. Now click on that to get the list of all those pages creating the issue. Again perform the mobile-friendly test on those URLs to get the exact elements causing the issue.

Once found remove that from your content and click on validate fix button. Enjoy! you are done. Again check after some day to verify the error have been fixed or not?

To fix this you have to optimize each and every web page of your website. Try to figure out those elements which are creating issues and remove them. You know in WordPress 5.0 we have Gutenberg editor which helps you to reduce your plugin no by providing additional features.