Générateur Open Graph
Construisez le jeu complet de balises meta og: et twitter: et regardez l'aperçu de la carte de partage se mettre à jour en direct avant de coller quoi que ce soit.
HTML snippet
Share card preview
example.com
Page title
Cet outil s'exécute entièrement dans votre navigateur. Vos données ne quittent jamais votre appareil — elles ne sont envoyées à aucun serveur.
Mode d'emploi
- 1Saisissez le titre, la description et l'URL canonique de la page.
- 2Ajoutez l'URL de l'image de partage (1200 × 630 px fonctionne partout) et réglez le type de carte.
- 3Copiez les balises dans votre <head> et contrôlez la carte d'aperçu.
Générateur Open Graph
Quand votre lien est partagé sur X, Facebook, LinkedIn, Slack ou iMessage, la carte d'aperçu est construite presque entièrement à partir des balises Open Graph, les balises Twitter card comblant les manques. Ce générateur produit les deux espaces de noms : og:title, og:type, og:url, og:image, og:image:alt, og:site_name, og:description et og:locale, plus twitter:card, twitter:site et twitter:creator.
La plupart des plateformes retombent sur les balises og: quand une balise twitter: manque : les extras ne sont nécessaires que là où ils diffèrent. L'aperçu en direct approche le rendu d'une carte grande image ou résumé.
Questions fréquentes
Quelle taille d'image pour og:image ?
1200 × 630 pixels (1,91:1) est le réglage sûr sur Facebook, X et LinkedIn. Gardez le fichier sous 8 Mo, utilisez une URL absolue et ajoutez toujours og:image:alt pour l'accessibilité.
Faut-il à la fois les balises og: et twitter: ?
twitter:title, twitter:description et twitter:image retombent sur leurs équivalents og:. Au-dessus du jeu og:, il ne vous faut que twitter:card (summary ou summary_large_image), twitter:site et éventuellement twitter:creator.
Quel og:type choisir ?
website pour les pages d'accueil et pages génériques, article pour les actualités et billets de blog (ajoutez article:published_time si possible), et product pour les fiches e-commerce. Le type change la façon dont certaines plateformes catégorisent le lien.
Outils associés
Générateur de balises meta
Générez les balises meta title, description, keywords, robots et viewport avec une sortie HTML en direct à coller directement dans votre <head>.
Tous les outils →
Aperçu SERP
Prévisualisez votre extrait Google sur ordinateur et mobile avec une troncature au pixel près et des jauges de longueur pour le titre et la description.
Tous les outils →
Générateur de balisage schema
Générez des données structurées JSON-LD valides pour Organization, LocalBusiness, Product, Article, FAQPage et HowTo — échappées et prêtes à coller.
Tous les outils →
Constructeur de liens UTM
Ajoutez utm_source, medium, campaign, term et content à n'importe quelle URL et obtenez un lien de suivi correctement encodé, prêt à copier ou partager.
Tous les outils →
Intégrer cet outil
Ajoutez cet outil à votre site en une ligne — il s'exécute dans le navigateur du visiteur.
<iframe src="https://zoyku.com/fr/tools/open-graph-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — open-graph-generator" loading="lazy"></iframe>