Générateur Open Graph
Quand un lien est partagé, Facebook, LinkedIn, WhatsApp, Slack et X construisent la carte d'aperçu à partir des balises Open Graph de la page. Renseignez le titre, la description et l'image, voyez la carte telle qu'elle apparaîtra et copiez les balises. L'outil vous avertit quand l'image est absente ou trop petite.
Importer depuis du HTML existant
Plus d'options : auteur, couleur du thème, robots
Facebook · LinkedIn · WhatsApp
X (Twitter)
HTML pour le <head>
Comment l'utiliser
- Saisissez le titre, la description et l'adresse complète de la page.
- Collez l'adresse de l'image de partage (1200 × 630 pixels est idéal) et vérifiez les aperçus Facebook et X.
- Copiez les balises dans le <head> de la page. Après la publication, utilisez le débogueur de partage de chaque réseau pour actualiser son cache.
Questions fréquentes
Quelle taille pour l'og:image ?
Utilisez 1200 × 630 pixels (un ratio de 1,91:1), la taille que Facebook et LinkedIn recommandent pour les grandes cartes ; X recadre les grandes cartes en 2:1. Gardez le texte important loin des bords et utilisez une adresse https:// complète.
Faut-il des balises Twitter (X) séparées ?
Seulement twitter:card. X lit og:title, og:description et og:image quand ses propres balises manquent, donc l'outil ajoute uniquement le type de carte et, si vous le souhaitez, votre @identifiant.
J'ai modifié les balises mais l'ancien aperçu s'affiche encore. Pourquoi ?
Les réseaux sociaux mettent la carte en cache pendant plusieurs jours. Ouvrez le Facebook Sharing Debugger ou le LinkedIn Post Inspector, collez l'adresse et demandez-leur de recharger la page.
🏷️ Générateur de balises meta
🔗 Générateur de liens UTM
🌈 Générateur de dégradé CSS
🔲 Générateur de box-shadow CSS