• Hello,

    I got an email from Google Search Console saying the following:

    -Content wider than screen

    -Clickable elements too close together

    -Text too small to read

    On Google’s Mobile Friendly test, my site tests without any issues. And I’ve already increased the font size from 16 to 19.2 site-wide.

    Would anyone be able to help me out with issues #2 and #3? I’ve heard sometimes it could be a bug in the theme itself.

    My URL for reference is: yappielifestyle.com

    I think specifically Google Search Console was only mentioning this URL: https://yappielifestyle.com/del-dotto-winery-wine-tasting-in-a-cave/

    Thanks

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Hi,

    “Clickable elements too close together” means that the tap target size for some clickable elements (such as buttons or icons) is less than 48 pixels. To fix this issue you need to either increase margins or padding so that each clickable element together with its borders is 48 pixels or more.

    As for “Text too small to read”, Google recommends using font-size that is at least 12 pixels. Perhaps you have some text in the footer that is smaller than 12 pixels, which triggers this error.

    For more details, you can also check this article:

    https://postelniak.com/blog/how-to-fix-mobile-usability-issues-wordpress/

    Hope this helps.

    Thread Starter pursuitofyappiness

    (@pursuitofyappiness)

    Hi Andrew,

    Thank you for the response. Apparently the above issues have been fixed, and when I run the mobile usability test, it comes back as “mobile friendly” but with “page partially loaded” as well.

    In the report, it says “3 page resources couldn’t be loaded”:
    -https://googleads.g.doubleclick.net/pagead/html/r20210315/r20190131/zrt_lookup.html (other error)

    -https://onesignal.com/api/v1/sync/55311d75-cf65-457b-8def-dca250409e6b/web?callback=__jp0 (Googlebot blocked by robots.txt)

    https://pagead2.googlesyndication.com/pagead/js/r20210315/r20190131/show_ads_impl_with_ama_fy2019.js?client=ca-pub-9389637003710601&plah=yappielifestyle.com&amaexp=1 (other error)

    Any thoughts on this?

    Thanks

    Those resources you listed and that cannot be loaded are not a problem since they are not on your domain but on other domains.

    Your page probably has links to other sites (such as googleads.g.doubleclick.net), and Google cannot load some resources from those sites for various reasons. Some of them might block Googlebot in their robots.txt, the other might have a low speed so that Googlebot cannot load them, etc.

    I often see such “Not loaded” resources practically on every WordPress site I worked with, and I think this is not a problem.

    Thread Starter pursuitofyappiness

    (@pursuitofyappiness)

    Hi Andrew,

    I think earlier you talked about how to fix the Googlebot blocked in robots.txt issue, but I can’t seem to find that in your post anymore? Could you assist me with that issue?

    Thanks

    Your robots.txt file is not blocking the resources, which Googlebot cannot load from the page.

    You can check it with this tool:

    https://technicalseo.com/tools/robots-txt/

    The blocked resources Googlebot cannot load from the page are from external domains, so you cannot fix that.

    So for example, here is a link to the robots.txt file that blocks URL onesignal.com/api/v1/sync/55311d75-cf65-457b-8def-dca250409e6b/web?callback=__jp0:

    https://onesignal.com/robots.txt

    This is all I can say on this issue. Hope this helps.

    Thread Starter pursuitofyappiness

    (@pursuitofyappiness)

    Hi Andrew,

    So are you saying that there’s no further action needed on my part for these issues? Even if the “Page is partially loaded,” as long as google says “My website is mobile friendly” in green, then I’m good?

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Mobile Usability issues’ is closed to new replies.