fix: update components to be more seo compatible - lighthouse

[thnaylor]

Thank you for your contribution to the KodaDot - One Stop Shop for Polkadot NFTs.

👇 __ Let's make a quick check before the contribution.

PR Type

• Bugfix
• Feature
• Refactoring

Context

• Closes Improvements to landing page SEO #6839
• Requires deployment <snek/rubick/worker>

Did your issue had any of the "$" label on it?

• My DOT address: Payout

Comment

• Some ways I've managed to achieve 100% SEO score in lighthouse for the landing page, however it was mostly experimental changes sowill be good to hear comments & suggestions from other contributers if any.

Lighthouse

Desktop	Mobile

• Mobile will increase with Serve different landing for mobiles  #6798

Copilot Summary

🤖 Generated by Copilot at f52d6e0

Improved the footer components and the shopping cart button for better usability, accessibility, and SEO. Used href attributes for links and changed some HTML elements.

🤖 Generated by Copilot at f52d6e0

href for links
better for users and SEO
autumn leaves fall fast

[kodabot]

WARNING @thnaylor PR for issue #6839 which isn't assigned to you. Please be warned that this PR may get rejected if there's another assignee for issue #6839

[netlify]

✅ Deploy Preview for koda-canary ready!

Name	Link
🔨 Latest commit	98839dd
🔍 Latest deploy log	https://app.netlify.com/sites/koda-canary/deploys/64e397d9eea24d00084456b8
😎 Deploy Preview	https://deploy-preview-6844--koda-canary.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[reviewpad]

AI-Generated Summary: This pull request focuses on improving the SEO compatibility of the website. Changes are made across three Vue components: TheFooter.vue, SearchLanding.vue, and ShoppingCartButton.vue. In TheFooter.vue, the clickable list items directing to social URLs have been updated to use <a> tags with href attributes instead of directly initiating a window.open on click. For SearchLanding.vue, the chain selection option now uses an href to indicate selection along with the existing click event. The ShoppingCartButton.vue has had its wrapping element changed from <a> to <div> to more accurately represent its behavior. These changes enhance search engine optimization by improving the structure and accessibility of the website's HTML content.

[yangwao]

2 Security Hotspots

@thnaylor waiting because of this?

[thnaylor]

2 Security Hotspots

@thnaylor waiting because of this?

Updated it now. 😄

[codeclimate]

Code Climate has analyzed commit c016fde and detected 0 issues on this pull request.

View more on Code Climate.

[prury]

why am i getting worse SEO scores in the deployed version? am i doing something wrong? (analyzing only mobile SEO)

canary	deployed

[roiLeo]

smoll

[roiLeo]

if we stay on Kodadot app I would change it to <nuxt-link />

[yangwao]

why am i getting worse SEO scores in the deployed version? am i doing something wrong? (analyzing only mobile SEO)

it's always good to try it in incognito as extension can slow down and inject things or in fresh new chrome profile best

[prury]

why am i getting worse SEO scores in the deployed version? am i doing something wrong? (analyzing only mobile SEO)

it's always good to try it in incognito as extension can slow down and inject things or in fresh new chrome profile best

oh, ok, ty, will do!

[thnaylor]

@prury I had a look and noticed that netlify deployment urls is blocking indexing.

Found this text when researching about this issue: 🤷

"Tip: One thing to note is that Netlify will automatically set an HTTP response header of X-robots-tag: noindex for preview deployments. This prevents any preview site from being index by a web crawler!"

[prury]

@prury I had a look and noticed that netlify deployment urls is blocking indexing.

Found this text when researching about this issue: 🤷

"Tip: One thing to note is that Netlify will automatically set an HTTP response header of X-robots-tag: noindex for preview deployments. This prevents any preview site from being index by a web crawler!"

allright, ty!

[yangwao]

let's try

[yangwao]

pay 50 usd

[yangwao]

😍 Perfect, I’ve sent the payout
💵 $50 @ 4.39 USD/DOT ~ 11.39 $DOT
🧗 123PCJXhjb15i6JwVVRGd7KvN2sSNZrtPjr5doJq9oWctoTt
🔗 0xbbdb011a87c2b7efc7983743c7c70c724f3ddfc6a2d3a38aa9fd88478c607fa1

🪅 Let’s grab another issue and get rewarded!
🪄 github.com/kodadot/nft-gallery/issues

[sonarcloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[prury]

Mobile	Desktop

nice job @thnaylor !