Post by Ant_s29 » Tue Nov 09, 2021 6:53 am

Please can someone point me in the right direct. I'm currently getting two errors on google search console for mobile.
Elements are to close together and text is to small.
Please can someone advise on how to solve this before i drive myself insane with it? my site is www.hydeparktiles.co.uk I'm just working through the errors on there.
Your help is much appreciated. Thanks,Ant.

Newbie

Posts

Joined
Thu May 18, 2017 11:34 pm

Post by Ant_s29 » Tue Nov 09, 2021 7:00 am

On a previous post someone replied with a link and it says the following:
The “Clickable elements too close together” error might get displayed for several reasons, but the commonest of all is because the touch target is too small. The touch target size should be around 48px. You should use additional padding to increase the touch target size to 48px.

Is this something I can alter on a style sheet that would solve the issue? If so does anyone know where it would need changing?

Also someone said increase the text size, i appreciate that but where do I update the size for the clickable links ?

Thanks,
Anthony

Newbie

Posts

Joined
Thu May 18, 2017 11:34 pm

Post by by mona » Tue Nov 09, 2021 7:23 am

1. don’t worry about it
2. if that is all you have to worry about - GREAT JOB - well done - 5 Stars

If you would be so kind as to always post your OC version, that would be great.
Although in this case a web link is correct - although what exactly you are having the issue with is unknown.

But since you asked so nicely and made the effort - I will guess you mean the top links on a mobile.

/* to only make it applicable for mobile */

Code: Select all

@media (max-width: 767px) {
/* to increase the space * /

Code: Select all

  padding-left: 8px;
/* to increase the size */

Code: Select all

font-size: 20px;
This you would add to your stylesheet correct.
There is another directive for only mobile already in there .. [ ie the @media above ] so you can add inside that

Code: Select all

#top .btn-link, #top-links li, #top-links a {
    padding-left: 8px;
}
#top .btn-link, #top-links li, #top-links a .fa {
font-size: 20px;
}
or - as would be better at the end of your stylesheet (so you can copy it when you upgrade)
add all custom styles under it

Code: Select all

/* CUSTOM STYLES */
@media (max-width: 767px) {
#top .btn-link, #top-links li, #top-links a {
    padding-left: 8px;
}
#top .btn-link, #top-links li, #top-links a .fa {
font-size: 20px;
}
}

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by thekrotek » Tue Nov 09, 2021 6:19 pm

Don't pay too much attention on what Google Console says in general. You really don't have to do everything it says.

Professional OpenCart extensions, support and custom work.
Contact me via email or Skype by support@thekrotek.com


User avatar
Expert Member

Posts

Joined
Sun Jul 03, 2016 12:24 am


Post by paulfeakins » Tue Nov 09, 2021 7:31 pm

thekrotek wrote:
Tue Nov 09, 2021 6:19 pm
Don't pay too much attention on what Google Console says in general. You really don't have to do everything it says.
Don't they lower your position in the search results though?

UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk


User avatar
Legendary Member
Online

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - London Gatwick, United Kingdom

Post by by mona » Tue Nov 09, 2021 7:51 pm

No-one knows the answer to that officially, but not necessarily no.

Some of the recommendations are just recommendations, some will do more harm than good.
If by causing another factor to be reduced will result in loosing rankings (if there is a correlation) - it is not so black and white as that.

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by thekrotek » Tue Nov 09, 2021 7:57 pm

paulfeakins wrote:
Tue Nov 09, 2021 7:31 pm
Don't they lower your position in the search results though?
Definitely not for clickable elements being too close or missing parameters in review snippets.

Professional OpenCart extensions, support and custom work.
Contact me via email or Skype by support@thekrotek.com


User avatar
Expert Member

Posts

Joined
Sun Jul 03, 2016 12:24 am


Post by Gergely » Tue Nov 09, 2021 10:30 pm

thekrotek wrote:
Tue Nov 09, 2021 7:57 pm
Definitely not for clickable elements being too close or missing parameters in review snippets.
Well, considering that Lighthouse marks 3 SEO points down for this "offence", I would actually say the opposite: definitely yes for overlapping target areas.

Image

As per these results, in addition to what @mona has already suggested above, you should also add

Code: Select all

footer li {
    font-size: 20px;
    padding: 14px;
}
but now the titles are out of proportion, to fix that:

Code: Select all

footer h5 {
    font-size: 20px;
}
This should stop google from complaining about the footer links too!

In addition, I have noticed that your product descriptions feature the product title twice in an <h2> header, you might want to remove the duplicates.

Sidenote: I find the overall look of your site really refreshing! Clean, simple, to the point and looks much more professional than the way-overloaded, convoluted themes that seem to be fashionable nowadays. This shows that you can achieve great results with minimal customisation of the default opencart look.

Attachments

Lighthouse_Screeenshot.png

Lighthouse_Screeenshot.png (924.22 KiB) Viewed 954 times


Active Member

Posts

Joined
Wed Sep 30, 2020 7:58 pm

Post by thekrotek » Tue Nov 09, 2021 10:50 pm

Gergely wrote:
Tue Nov 09, 2021 10:30 pm
Well, considering that Lighthouse marks 3 SEO points down for this "offence", I would actually say the opposite: definitely yes for overlapping target areas.
Trust me, nothing at all will happen with your SEO standings due to this issue no matter who marks what.

Professional OpenCart extensions, support and custom work.
Contact me via email or Skype by support@thekrotek.com


User avatar
Expert Member

Posts

Joined
Sun Jul 03, 2016 12:24 am


Post by paulfeakins » Wed Nov 10, 2021 7:29 pm

thekrotek wrote:
Tue Nov 09, 2021 10:50 pm
Trust me, nothing at all will happen with your SEO standings due to this issue no matter who marks what.
But surely Lighthouse have done tests to try and work out what factors actually matter?

And even if not, the algorithm is constantly evolving and it's likely to penalise sites that don't follow very basic SEO guidelines.

UK OpenCart Hosting | OpenCart Audits | OpenCart Support - please email info@antropy.co.uk


User avatar
Legendary Member
Online

Posts

Joined
Mon Aug 22, 2011 11:01 pm
Location - London Gatwick, United Kingdom
Who is online

Users browsing this forum: Bing [Bot] and 23 guests