[catwingz]

Hi,
This site has been up for awhile, but I am now getting an error message from Yost that the homepahe cannot be indexed by search engines. I am directed to google’s mobile-friendly test and it fails because—
1) the clickable elements are too close together. This appears to be in reference to the navigation.
2) the content is wider than the screen. I tried switching it from No Sidebar (Content Width) to No Sidebar (Full Width) and it didn’t make a difference.

The site is https://bettersmarterricher.com

It is important that this be fixed. What do I need to change?

[Skandha]

@catwingz: I do not think this is a theme related issue because when I checked the demo site with google’s mobile-friendly test it showed no error. This may because of the customizations you have done or maybe due to some plugins you are using.

Kind Regards,
Skandha

[catwingz]

Hi Skandha,
I am back to this. This link may be dependent on some login but, in case it doesn’t, here is what I am seeing: results

1) There have been no modifications to the navigation. It is odd because the navigation in their screenshot isn’t what shows on my phone. Since everything else goes into columns it’s still the top candidate.

2) The home page is the only page with a banner image option in the page editor. The image in the media library is 1920×800 pixels. I don’t remember where I found the specifications for this image size, and this banner isn’t mentioned in the theme instructions. Should it be a different size?

[Skandha]

@catwingz: This maybe due to plugins you are using.
The Content Wider than screen issue maybe due to the signup form that shows up after the page is fully loaded.
Try removing the form and then perform the test and see if the issue gets resolved.

The first issue is quite strange. Please follow this link to know about such kind of errors.

Let me know if this helps you out!
Kind Regards,
Skandha

[catwingz]

Hi Skandha,

This is so strange. I disabled the popup plugin and it makes no difference to the test results. The image in their test does not match what I see using my phone. They show the banner image blown up so only a piece shows in the phone screen. On my phone it is reduced to the width of the phone screen. They show text links for navigation. On my phone I see the menu which appears when the menu icon is clicked.

Yost and google are supposed to be authorities, but being unable to experience what Google is complaining about makes it very tempting to ignore them. Any suggestions?

Thank you

[Skandha]

@catwingz: You seem to have added an event section in the footer which when hovered pops up another text box and this text box goes out of the screen on smaller screens. Can you disable this section and do the test again?
Also try disabling all your plugins and perform the text again.

Let me know if this helps you out!
Kind Regards,
Skandha

[catwingz]

Hi Skandha,

This has been sitting for awhile so I thought I should let you know I am back to it. I am setting up a clone to do some experimenting and will see if I can make any progress with it. It still doesn’t make any sense to me that Google and my phone (now a different one from before) show completely different views of the website.

[Skandha]

@catwingz: I understand your frustration. The view of your site on mobile phone and Google’s Mobile Friendly Test looks completely. Even I can’t seem to figure out why it is showing the error on the test. The test doesn’t show any error when I check for demo of the theme. I suggest you to consult professionals who have better idea on this.

Kind Regards,
Skandha

[Author]

Posts