suitenumerique/docs

Server-side meta tags

Ouverte

#739 ouverte le 17 mars 2025

Voir sur GitHubGuide contributeur
 (0 commentaire) (2 réactions) (0 personne assignée)Python (595 forks)github user discovery
enhancementhelp wanted

Métriques du dépôt

Stars
 (16 557 étoiles)
Métriques de merge PR
 (Merge moyen 15j 9h) (40 PRs mergées en 30 j)

Description

Bug Report

Problematic behavior It looks like the meta tags are loaded on the client side, not readable by e.g. opengraph.xyz Example doc : https://docs.numerique.gouv.fr/docs/1b64643b-7163-4a96-b78d-251f3a5e81e7/

My guess is that this PR did use something like React Helmet, client-side. https://github.com/suitenumerique/docs/issues/224

Expected behavior/code Metatags should be generated on the server. It is very important to share intelligible links, and to find the doc in your browser history.

Steps to Reproduce

  1. Share this link on a platform that shows link vignettes (e.g. mattermost)
  2. No doc title is shown

Possible Solution In NextJS, add metatags to page.tsx

Guide contributeur

Direction de recherche
Ajoutez des métadonnées au composant de page en utilisant l'exportation de métadonnées de Next.js ou le composant Head.
Stack technique
nextjsreactjavascript
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
1
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Moins d'une heure
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
Next.jsReactGit
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
80