Qu'est-ce que Generateur Open Graph et Twitter Card ?
Les balises Open Graph et Twitter Card controlent l'apparence d'une page lorsqu'elle est partagee sur les plateformes sociales, les applications de messagerie et les outils d'apercu de liens. Elles definissent le titre de l'apercu, la description, l'image, l'URL de la page et le format de la carte. Elles sont utiles lorsque les apercus par defaut affichent le mauvais texte ou aucune image.
Réponse rapide
Generez des balises meta Open Graph et Twitter Card pour controler l'apparence de votre page lors du partage sur les reseaux sociaux, applications de messagerie et outils d'apercu de liens. Utilisez des URLs absolues pour les images et testez apres publication.
Last updated: 2026-06-11
Limites
- Les balises generees doivent etre placees dans la section head HTML de chaque page.
- Les plateformes sociales mettent en cache les apercus de maniere agressive. Apres avoir mis a jour les balises, utilisez le debogueur de chaque plateforme pour forcer un rafraichissement.
- Certaines plateformes ignorent certaines balises. X lit twitter:card tandis que Facebook et LinkedIn utilisent les balises og:.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Comment utiliser cet outil
- Saisissez le titre de la page, la description, l'URL canonique, le nom du site et l'URL de l'image d'apercu.
- Choisissez le type Open Graph. Utilisez website pour les pages normales et article pour les articles de blog.
- Copiez les balises meta generees dans la section head de votre page.
- Utilisez une URL d'image absolue et testez la page apres sa publication.
A quoi il sert
- Preparer les balises de partage social avant de publier un article de blog.
- Creer un bloc de balises meta reutilisable pour des pages HTML statiques.
- Previsualiser la longueur du titre, de la description et de l'image avant le copier-coller.