[Resolved] From GSC “Mobile Usability issues detected”

[Pietro]

Hi,
since I installed Generatepress theme on my websites (about 3 or 4 years ago), I often get this error messages from Google Search Console:
Search Console has identified that your site is affected by 3 Mobile Usability issues: Top Issues.
The following issues were found on your site:

Clickable elements too close together
Text too small to read
Content wider than screen

We recommend that you fix these issues when possible to enable the best experience and coverage in Google Search.

When I visit the websites, it seems everything clear, I can’t see the problems that GSC notify me. So, until now, I never did anything.
Is there a way to solve this errors?

Thanks

Pietro M.

[Pietro]

bump

[Elvin]

Hi Pietro,

You can check our documentation here as to why they are getting flagged. Short tips included.
https://docs.generatepress.com/article/text-too-small-to-read-and-clickable-elements-too-close-together/

As for Content wider than screen.

It’s possible that some contents on some page overflow wider than the viewport/screen.

Applying this CSS normally addresses this issue.

html, body {
    overflow-x: hidden;
}

[Pietro]

Hey Elvin,
thanks for your reply 🙂

I already red that document (I’ve found on similar old questions), but I have a big doubt now.
About what that documentation says:
Edit your robots.txt to ensure the relevant resources including /wp-admin/ are not disallowed. The bottom line is; do not block CSS and JS files.
I made some researches on google, around the most important seo websites, and I can’t find this tip anywhere. Everybody always says to disallow /wp-admin/, only here in Generatepress site I can read this tip.

Please, are you sure about it? I don’t want to get seo troubles and lose ranking, just for solve that recurrent error message from GSC.

Thanks again!

[David]

Hi there,

regarding:

Everybody always says to disallow /wp-admin/, only here in Generatepress site I can read this tip.

see here:

https://yoast.com/dont-block-css-and-js-files/

When receiving the Mobile Usability issues detected warning, the first thing to check is the actual site, preferably in an Incognito/Private browser ( no cache ) to see if there is a problem on the site. If the site views ok then the issue is related to Google NOT being able to load all the necessary resources to render the page correctly.

The robots.txt issue is just one of them – i checked your site and i do not see this problem.

The Other issue is related to either:

1. An error loading the correct files, this can be caused by an OLD cached file being requested that is no longer available. Clearing plugin, server and CDN caches can fix this.

2. Googles Resource limit has been exceeded. Google sets a limit on the amount of requests, and the time taken to complete those requests, when checking the site. This resource quota is variable depending on how busy google bot is.
If you’re frequently receiving Mobile Usability warnings then it could be a sign that your site could be better optimized. Reducing the number of requests your site makes, such as reducing the number of fonts, the number of posts on an archive or reducing plugins that generate a lot of code will help.

[Pietro]

Thank you a lot David!
Actually yesterday I checked also the website of Yoast, and I red this guide: https://yoast.com/ultimate-guide-robots-txt/ , but the article you posted me is much much better.

THank you again, I already modified my robots file, now I wait what Google S.C. will think of it 😉

Best regards,
P.M.

[David]

You’re welcome 🙂

[Author]

Posts