Conversation
|
This pull request is automatically deployed with Now. Latest deployment for this branch: https://sandboxneucom-git-lighthouse.sandboxneu1.now.sh |
ryandrew14
left a comment
There was a problem hiding this comment.
This padding is huge. I'd want to make the padding equal between the header and the links but that would make the footer ridiculously tall. Is there any way we can fix the score without making it this big? There are websites (like https://www.paperlessparts.com/) that I know have a perfect lighthouse score that get around this.
|
Thanks for doing this! |
As far as I can tell, Lighthouse also flags paperlessparts footer for the same tap target issue. |
|
Does the google.com footer have issues? It looks pretty close together. |
|
Atleast on mobile, the padding seems fine to me. Haven’t check on web yet tho. Either way, most of our traffic seems to be from us linking our website in other places and I anticipate this will be largest driving force to visits to our site. Therefore, I think it’s fine to sacrifice a little on SEO in favor of a more professional looking website. |
Lighthouse is a tool embedded in Chrome devtools that shows performance, accessibility, best practices, and SEO issues in websites. Currently it complains that our tap targets are too close, and aren't mobile friendly:
https://developers.google.com/web/tools/lighthouse/audits/tap-targets
The Google Search Console says exactly the same thing. This impacts our search engine rankings on Google. Here, I add a fix to pass the Lighthouse test. The footer ends up looking kind of big and spaced out, but it's not too bad?
There are a lot more accessibility issues in Lighthouse we should address, but this one is the only one categorized as "SEO," the rest are just listed as accessibility issues.