Images Open Graph

Elupedia génère dynamiquement des images de prévisualisation (1200×630 px) pour chaque fiche d'élu et chaque scrutin. Ces images sont utilisées par les réseaux sociaux (Facebook, Twitter/X, LinkedIn) et les messageries pour afficher un aperçu riche lorsqu'un lien est partagé.

Endpoints

URL	Description
`/api/og/official/{slug}.png`	Image OG pour un élu (photo, nom, mandat, groupe)
`/api/og/scrutin/{id}.png`	Image OG pour un scrutin (titre, résultat, barre de votes)
`/api/og/default.png`	Image OG par défaut (logo Elupedia)

Exemples

Fiche élu

https://www.elupedia.fr/api/og/official/manuel-bompard.png

Affiche la photo de l'élu, son nom, son type de mandat, sa circonscription et son groupe politique.

Fiche scrutin

https://www.elupedia.fr/api/og/scrutin/abc123.png

Affiche le titre du scrutin, sa date, son résultat (adopté/rejeté), et une barre de répartition des votes.

Spécifications techniques

Format : PNG, 1200×630 px
Police : Inter (Regular 400, Bold 700)
Moteur : Satori (JSX → SVG) + resvg-js (SVG → PNG)
Cache : CDN Vercel, TTL 24h (élus/scrutins), 7 jours (défaut)

Intégration

Les pages du site incluent automatiquement les meta tags og:image et twitter:image pointant vers ces endpoints. Aucune action supplémentaire n'est nécessaire pour bénéficier des cartes riches sur les réseaux sociaux.