Advertisement

In this article, we will troubleshoot the error thrown by google – “Your page is not mobile friendly” for a page on search.

Your page is not mobile friendly error
Your page is not mobile friendly error

Example

Advertisement

Here is an example of the error shown by Google

Your page is not mobile friendly error on google search
Your page is not mobile friendly error on google search

Why this happens ?

When you see this error it can mean 2 things –

1- Your website actually is’t mobile friendly, and you should make sure you take necessary steps to make it mobile compatible.

Like on wordpress you can use a different theme to solve it or on a static HTML site improving CSS and using Media queries like in example below to style your site better

@media only screen and (max-width:620px) {

  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
  }
}

Here is a tool that I have built using pure HTML, CSS and JavaScript that is mobile compatible, you can check it’s code for guidance

2- If you are seeing this issue on a mobile friendly website, step below will help solve that. To this error your website doesn’t necessarily have to unresponsive, this issue can be seen due to other reasons like google bot being unable to read all the files on the page.

Which can happen due to a very restrictive robots.txt file, blocking access to Google bot, for certain directories and files of your website.

Which meaning, google can’t see your website properly when it scans it. Thats why it complains.

Let’s cover the Full topic through Video Tutorial

Video contains problem description and solution.

After you have seen the video you will have an understanding of the issue and solution.

Here is an example of restrictive robots.txt file for which google complains.

Example robots.txt File
Example robots.txt File

Performing Google Mobile-Friendly Tests and Solving the issue

Upon taking the Google Mobile-Friendly Test for the first time these are my results –

Where google doesn’t like the page and says it’s mobile friendly and on the right hand side it shows a preview of how it see the website, and we can see it is’t being able to render the page well, cause in reality my page is mobile compatible.

google mobile-friendly test
Taking the Google Mobile-Friendly Test

And if I dig a bit more into it, I can see google is partially loading and seeing the page which can be a problem for my seo and search rankings.

mobile-friendly
Partially loaded

And with a little more digging, we can see all the files blocked by robots file and many of them are core CSS files of the website.

troubleshooting issues with restrictive nature of robot.txt
Blocked CSS Files

Loosening the grip on Robots file

Let’s loosen the restrictive nature of the file to allow css files readability by google bot to solve the issue.

Here is an example:

User-agent: *
Disallow: /wp-admin/
Disallow: /wp-content/
Disallow: /wp-includes
Allow: /wp-admin/admin-ajax.php
Allow: /wp-content/plugins/.js
Allow: /wp-content/themes/
.js
Allow: /wp-content/themes/.css
Allow: /wp-content/cache/
.js
Allow: /wp-content/cache/.css
Allow: /wp-includes/
.js
Allow: /wp-includes/*.png

Save the file. Job done, at this time you may want to do some quality assurance testing basically making sure the issue is fixed by taking the test again.

Fun fact: Many people these days are using empty robots files, you may also want to try, here is a good read from Yoast

1 – Take Google’s Mobile-Friendly Test for your website here: GOOGLE TEST MY WEBSITE

2- Enter your website URL and see the results.

3- Submit the page to Google’s index queue.

Final Results

Final results of this troubleshooting session below –

Solving Mobile Friendly Issue
Issue Solved

All looks good. Hurray

If the article helped solve your issue, please please share and leave a comment below

You may be interested in our other SEO Articles: here

Advertisement
Navjot is a Hobby Blogger from Ireland, and loves to create content to help people. He makes time on weekends to work on this blog. And has a full time position at Verizon Media as Technical Solutions Consultant, which he loves and thrives at. His Skills include in-depth knowledge of SEO, Javascript, Advertising, HTML and Java.