Améliore l’usabilité mobile, le SEO technique et le partage des jobs

[ERIC74SONG96]

Résumé

Cette PR corrige les points d’usabilité/SEO et ajoute une solution au problème de partage des annonces jobs : chaque annonce possède désormais une URL de partage dédiée avec métadonnées spécifiques (titre/description/image).

Changements déjà inclus (itération précédente)

• SEO technique global (toutes pages générées via Astro) :
  • injection d’un rel="canonical" par route ;
  • injection d’une meta robots par défaut.
• Usabilité mobile :
  • prévention des débordements horizontaux ;
  • cibles tactiles min. 44px ;
  • lisibilité mobile améliorée.
• Accessibilité navigation mobile :
  • gestion de aria-expanded ;
  • fermeture menu via Escape et clic hors menu.
• Nettoyage du doublon du bouton WhatsApp flottant.

Nouveaux changements (partage des jobs)

• Ajout d’une fonction serveur /api/job-share (api/job-share.js) qui :
  • lit l’annonce par id via Supabase ;
  • rend un HTML dédié avec balises og:title, og:description, og:image, twitter:*, canonical ;
  • affiche une page de fallback propre si l’annonce est introuvable.
• Mise à jour du frontend jobs (assets/js/student-jobs.mjs) :
  • les liens de partage ne pointent plus vers #job-... ;
  • ils pointent vers https://www.studyalready.com/offres-etudiants/job/<id>.
• Ajout d’un rewrite Vercel (vercel.json) :
  • /offres-etudiants/job/:id → /api/job-share?id=:id.

Pourquoi c’est nécessaire

• Les liens #job-... ne permettent pas un aperçu social spécifique (WhatsApp/Facebook ignorent les fragments hash).
• Avec l’URL dédiée côté serveur, l’aperçu reprend le vrai contenu de l’annonce.

Validation

• npm run build ✅
• npm run check ✅
• Test local du handler api/job-share avec IDs d’annonces réelles : statut 200 + og:title spécifique ✅

  

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
project-laf63	Ready	Preview, Comment	May 20, 2026 2:48pm