Générer des images Open Graph avec un agent IA
La carte de prévisualisation de chaque page, produite via MCP plutôt que dans un outil de design.
Cancel anytime before day 7 · no lock-in
Ce que l'image change au moment du partage
Quand un lien vers votre site est collé sur LinkedIn, X ou dans une conversation, la vignette apparaît avant le titre. Sans image renseignée, la plateforme affiche un cadre gris et le lien passe presque inaperçu.
Cette vignette vient de quelques balises Open Graph dans le <head>. Autant la traiter comme un élément du produit et non comme une finition de dernière minute.
Les balises à placer dans le head
La balise principale est og:image, avec une URL absolue obligatoire. Ajoutez og:image:width à 1200 et og:image:height à 630, le rapport 1.91:1 attendu par la plupart des plateformes.
Pour que X affiche la grande carte, réglez twitter:card sur summary_large_image. Renseignez og:image:alt pour les lecteurs d'écran et gardez le fichier sous 1 Mo. Les robots mettent l'image en cache dès le premier passage, donc un changement demande souvent un nouveau scan dans l'outil de la plateforme.
Demander l'image à votre agent
Figgshield est un serveur MCP à l'adresse https://api.figgshield.ai/mcp. Une fois connecté dans Claude, Claude Code, Cursor, Windsurf ou ChatGPT en Developer Mode, vous décrivez la carte en langage courant et l'agent appelle l'outil d'image.
Le modèle est Nano Banana 2, de Google. Le rendu en 1K ou 2K coûte 8 crédits, le 4K en coûte 16. Pour une carte de 1200 sur 630, le 2K laisse de la marge pour recadrer exactement au format.
Un prompt reste court: Carte sociale 1200x630, fond bleu nuit, titre 'Déployez en un clic' en blanc, petit logo en bas à gauche. Vous pouvez demander le texte intégré à l'image ou réserver un espace et superposer la typographie au build via votre propre gabarit.
Mastodon, Bluesky et les autres cartes
En Europe, une partie du public partage aussi sur Mastodon et Bluesky. Mastodon lit les mêmes balises Open Graph et construit une carte à partir de og:image, comme la plupart des instances du fédiverse.
Une nuance à connaître: Mastodon récupère l'aperçu une seule fois et le met en cache par instance, ce qui peut retarder la mise à jour d'une image déjà partagée. Bluesky lit lui aussi les balises Open Graph classiques, donc une carte bien formée sert plusieurs réseaux sans travail supplémentaire.
L'intérêt d'un agent ici est de produire vite une série cohérente pour tous ces réseaux, à partir d'un même gabarit de marque.
Le lien de 7 jours et votre déploiement
Chaque fichier généré par Figgshield reste sur un lien privé pendant 7 jours, puis il est supprimé. C'est un stockage temporaire, pas un CDN.
Ne pointez donc pas og:image directement vers ce lien, sinon la carte disparaîtrait au bout d'une semaine. Téléchargez le fichier et versionnez-le dans votre dépôt, ou déposez-le sur le même bucket qui sert vos autres ressources statiques. La balise renvoie alors vers une URL que vous maîtrisez.
Si vous envoyez une image de référence (votre logo, une capture d'une carte existante), elle est utilisée en mémoire pour guider le rendu et n'est jamais conservée.
Coût et aperçu animé
Un seul solde de crédits couvre l'image et la vidéo, et Figgshield facture au prix coûtant, sans marge sur les modèles. Pour un aperçu animé, une carte déjà générée peut devenir un clip de cinq secondes en passant son id à Kling 3 ou à la version Turbo, pour 35 crédits.
L'essai Pro à 5 dollars sur 7 jours comprend 150 crédits, soit environ dix-huit images. Annulez avant le septième jour et vous ne payez rien de plus. Il n'y a pas d'offre gratuite. Le détail est sur le fonctionnement des crédits.