test-critique

Voici un « kit prêt‑à‑coller » qui couvre les deux besoins :

  1. Métadonnées SEO + réseaux sociaux (Open Graph, Twitter Card, description Google).
  2. Boutons de téléchargement & partage (PDF, bundle ZIP, dépôts GitHub) déjà stylés pour Learn2.

Copiez les blocs dans le front‑matter et dans le contenu Markdown de user/pages/myspot/page.md (ou via l’Admin, onglets SEO et Content).

1. Front‑matter : métadonnées complètes

title: My Spot
menu: My Spot
visible: true

metadata:
  description: >
    Accédez en un clic à l’ensemble de nos fiches thématiques au format PDF,
    ainsi qu’aux dépôts GitHub DOCTech et BXL2030. Téléchargez le bundle
    complet ou partagez la page sur vos réseaux.
  canonical: https://ouaisfi.eu/myspot

  # — Open Graph (Facebook, LinkedIn, etc.) —
  og:title: My Spot – Ressources libres à télécharger
  og:description: Accès direct aux fiches PDF, aux notes DOCTech, au projet BXL2030 et au bundle ZIP complet.
  og:type: website
  og:url: https://ouaisfi.eu/myspot
  og:image: https://ouaisfi.eu/user/images/social/myspot-card.png   # image 1200×630 px

  # — Twitter Card —
  twitter:card: summary_large_image
  twitter:title: My Spot – Ressources libres
  twitter:description: Accédez à nos ressources citoyennes en un clic !
  twitter:image: https://ouaisfi.eu/user/images/social/myspot-card.png

Pourquoi ? description = 150‑160 car. pour Google. og: et twitter: assurent une carte riche (titre, image, résumé) quand la page est partagée. L’image peut être votre logo ou un visuel dédié (placez‑la dans user/images/social/).

2. Bloc “Téléchargement & partage” (fin de page)

---

## 📥 Télécharger les ressources

<div style="text-align:center;margin:1.5rem 0;">
  <a href="https://dl.ouaisfi.eu/bundles/myspot-resources.zip"
     class="button primary"
     download
     rel="noopener">
    📦 Bundle ZIP – toutes les fiches (25 Mo)
  </a>
  <br>
  <a href="https://dl.ouaisfi.eu/pdfs/myspot.pdf"
     class="button"
     target="_blank"
     rel="noopener">
    📄 Télécharger le PDF seul
  </a>
</div>

### 🔗 Ressources en ligne
- <https://ouaisfieu.github.io/tech/> – **DOCTech** (notes & dossiers)
- <https://ouaisfieu.github.io/bxl2030/> – **BXL2030** (prospective)

---

## 🤝 Partager la page

<div class="social-share" style="display:flex;gap:0.75rem;flex-wrap:wrap;">
  <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fouaisfi.eu%2Fmyspot&text=Découvrez+nos+ressources+citoyennes+libres+!+%23OpenData+%23VeilleCitoyenne"
     aria-label="Partager sur X/Twitter"
     rel="noopener"
     target="_blank">Twitter</a>

  <a href="https://www.facebook.com/sharer/sharer.php?u=https://ouaisfi.eu/myspot"
     aria-label="Partager sur Facebook"
     rel="noopener"
     target="_blank">Facebook</a>

  <a href="https://www.linkedin.com/shareArticle?mini=true&url=https://ouaisfi.eu/myspot&title=My%20Spot%20–%20Ressources%20libres&summary=Téléchargez%20nos%20fiches%20et%20projets%20GitHub"
     aria-label="Partager sur LinkedIn"
     rel="noopener"
     target="_blank">LinkedIn</a>

  <a href="https://mastodon.social/share?text=Découvrez%20nos%20ressources%20citoyennes%20libres%20!%20https://ouaisfi.eu/myspot"
     aria-label="Partager sur Mastodon"
     rel="noopener"
     target="_blank">Mastodon</a>
</div>

Notes d’intégration

  • Les classes .button et .button.primary existent dans Learn2 ; sinon ajoutez un petit CSS perso.
  • Le lien bundle ZIP suppose que vous déposiez l’archive dans https://dl.ouaisfi.eu/bundles/.
  • Les URLs sont encodées pour les services de partage ; modifiez le texte après text= ou summary= selon vos besoins.
  • Accessibility : attributs aria-label pour les icônes/lien‑texte.

3. Vérifications rapides

  1. Validez l’image Open Graph avec Facebook Sharing Debugger / Twitter Card Validator.
  2. Testez les boutons de partage en navigation privée.
  3. Audit SEO (Lighthouse) : titre H1 présent, description ≤ 160 car., image < 200 kB, temps de chargement OK.

Lorsque ces blocs sont en place et le cache Grav vidé, votre page My Spot affichera une carte riche sur les réseaux et proposera un téléchargement clair pour vos visiteurs.

📥 Télécharger les ressources

📦 Bundle ZIP – toutes les fiches (25 Mo)
📄 Télécharger le PDF seul

🔗 Ressources en ligne

🤝 Partager la page

Ça marche pas du tout

Presque pas du tout ^^

Ouais, avec le bundle c'est mieux

⬆️