suitenumerique/docs

Server-side meta tags

Offen

#739 geöffnet am 17.03.2025

Auf GitHub ansehenContributor Guide
 (0 Kommentare) (2 Reaktionen) (0 zugewiesene Personen)Python (595 Forks)github user discovery
enhancementhelp wanted

Repository-Metriken

Stars
 (16.557 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 15T 9h) (40 gemergte PRs in 30 T)

Beschreibung

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

Contributor Guide

Research-Richtung
Fügen Sie dem Seitenkomponenten Metadaten hinzu, indem Sie die Metadaten Exportfunktion von Next.js oder die Head Komponente verwenden.
Tech Stack
nextjsreactjavascript
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
1
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Unter 1 Stunde
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
Next.jsReactGit
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80