Générateur Open Graph — balises OG et Twitter Card avec aperçu
DéveloppementUn générateur Open Graph crée les balises meta og:* et twitter:* que les plateformes sociales lisent pour afficher les cartes de partage de lien, à partir d'un titre, d'une description, d'une URL et d'une image.
Cette page a été traduite avec l’aide de l’IA et n’a pas encore été relue par un professionnel. Consultez les sources citées avant toute décision importante.
Qu’est-ce que c’est
Open Graph est le protocole de balises meta que lisent Facebook, Slack, KakaoTalk et les services similaires lorsqu'ils dessinent une carte d'aperçu de lien (titre, description, image), et les Twitter Cards en sont l'extension propre à X. Cet outil génère les balises og:title, og:description, og:url, og:image, og:site_name et twitter:card, et affiche un aperçu de la carte à partir de vos données. Le rendu réel peut toutefois varier selon le cache et la politique de chaque plateforme.
Comment l’utiliser
- 1Saisissez le titre de la carte, la description, l'URL de la page et l'URL de l'image.
- 2Choisissez le og:type et le format de Twitter Card.
- 3Générez, copiez les balises dans le <head>, puis vérifiez avec le validateur Open Graph.
Référence
| Balise | Obligatoire | Notes |
|---|---|---|
| og:title | obligatoire | titre de la carte de partage |
| og:type | obligatoire | type de contenu (website, article, ...) |
| og:image | obligatoire | image de la carte — 1200×630px (1.91:1) recommandé |
| og:url | obligatoire | URL canonique de la page |
| twitter:card | recommandé | format de carte de X (summary, summary_large_image) |
Sources et normes
- The Open Graph protocol - Open Graph protocol
- About X Cards - X Developer Platform
FAQ
Mes données ou l'URL de l'image sont-elles envoyées à un serveur ?
Non. La génération des balises et l'aperçu de la carte s'exécutent dans votre navigateur. L'image d'aperçu est chargée directement par votre navigateur depuis l'URL que vous avez saisie et ne passe jamais par ce service.
Quelle est la taille recommandée pour og:image ?
1200×630 pixels (rapport 1.91:1) est la recommandation la plus répandue ; les images doivent faire au moins 600×315 pixels pour afficher une grande carte sur la plupart des plateformes.
Ai-je encore besoin des balises Twitter Card si les balises OG existent déjà ?
X se rabat sur les balises Open Graph quand les balises twitter:* sont absentes, mais définir explicitement twitter:card est le moyen sûr de contrôler le format de la carte.