Community Forums › Forums › Archived Forums › General Discussion › Google says I’m not mobile friendly
Tagged: mobile friendly, responsive
- This topic has 2 replies, 3 voices, and was last updated 9 years, 10 months ago by
Brad Dalton.
-
AuthorPosts
-
March 11, 2015 at 1:24 pm #143843
MelonBird
ParticipantI've been using Genesis themes for a while, and ever since Google's Mobile Friendly test came out, my pages were fine. As one would expect, given the responsive designs from Genesis.
Suddenly, in February, I started getting messages from Webmaster Tools that some my pages are not mobile friendly. Now, I hadn't changed anything around that time, so I'm guessing Google changed their rules, and I'm very frustrated with them. But unfortunately, they do whatever they want, however badly, and all we can do is try to work around them. The two errors it gives are "content wider than screen" and "Links too close together". And for details, you are told to go to their PageSpeed test.
That test says:
Size tap targets appropriately
Some of the links/buttons on your webpage may be too small for a user to easily tap on a touchscreen. Consider making these tap targets larger to provide a better user experience.
The following tap targets are close to other nearby tap targets and may need additional spacing around them.The tap target Cocktails and 6 others are close to other tap targets.
The tap target Facebook and 2 others are close to other tap targets.
The tap target Contact and 1 others are close to other tap targets.One of those is a Genesis menu element, and they look a good mile apart on my phone, so I don't know what Google's problem is. Any suggestions?
The second error:
Size content to viewport
The page content is too wide for the viewport, forcing the user to scroll horizontally. Size the page content to the viewport to provide a better user experience.
The page content is 763 CSS pixels wide, but the viewport is only 320 CSS pixels wide. The following elements fall outside the viewport:The element <iframe id="aswift_0" name="aswift_0"> falls outside the viewport.
That "element" is from an ad, I believe. Anybody know how to use CSS to force the ad to stay contained within the responsive div? It's not Google Adsense, so I can tinker with it without breaking terms... or I may have to beg the ad provider to find a solution.
http://mixthatdrink.comMay 11, 2015 at 2:32 am #151663jonathonfowler
ParticipantHi,
I'm getting a Pagespeed Insights message advising me my site isn't Mobile Frindly. I use Genesis Sample Theme as a child theme.
The Pagespeed Insight message:
73 / 100User Experience
This page may not pass Google's Mobile-Friendly Test. Learn more.Should Fix:
Use legible font sizes
The following text on your page renders in a way that may be difficult for some of your visitors to read. Use legible font sizes to provide a better user experience.
The following text fragments have a small font size. Increase the font size to make them more legible.
Contact Jonathon and 3 others render only 5 pixels tall (16 CSS pixels) see screenshot.
Adaptable and…guarantee you and 33 others render only 5 pixels tall (18 CSS pixels) see screenshot.
Scotland’s mos…cular settings and 15 others render only 5 pixels tall (18 CSS pixels) see screenshot.
"Thank you for…n the future!" renders only 6 pixels tall (19 CSS pixels) see screenshot.
Ashleigh & Mat…Wedding Photos renders only 5 pixels tall (16 CSS pixels) see screenshot.
Finding the ri…of the moment and 12 others render only 5 pixels tall (18 CSS pixels) see screenshot.
containing hig…ur wedding day and 5 others render only 5 pixels tall (18 CSS pixels).
love renders only 5 pixels tall (18 CSS pixels).
Jonathon Fowle…burgh, EH7 5NP and 2 others render only 5 pixels tall (18 CSS pixels).
Telephone: 07817 517604 renders only 5 pixels tall (18 CSS pixels).
All content on…onathon Fowler renders only 5 pixels tall (16 CSS pixels).
Hide details
Configure the viewport
Your page does not have a viewport specified. This causes mobile devices to render your page as it would appear on a desktop browser, scaling it down to fit on a mobile screen. Configure a viewport to allow your page to render properly on all devices.
Configure a viewport for this page.I'm confused, I bought Genesis a couple of weeks ago after reading it was mobile responsive...but it's not 'mobile friendly'?
I;d be grateful if anyone could advise me how to fix this. Thank you!
Award-winning wedding photographer in Scotland
May 11, 2015 at 3:13 am #151666Brad Dalton
ParticipantGoogle told me my site had 800 errors but now tells me i have none.
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.