Aperçu Open Graph et carte sociale
Prévisualisez la façon dont un lien se déploie en carte sociale sur X, LinkedIn, Slack, Discord et Facebook à partir d'un titre, d'une description, d'une URL d'image et d'une URL de page.
Aperçu Open Graph et carte sociale — L'aperçu Open Graph et carte sociale montre à quoi ressemblera votre lien lorsqu'il sera partagé sur les plateformes sociales. Saisissez un titre, une description, une URL d'image et une URL de page, puis basculez entre X, LinkedIn, Slack, Discord et Facebook pour voir une maquette en direct de la carte de lien de chacun. Tout est rendu dans votre navigateur : votre texte n'est jamais téléversé, et l'URL de l'image est chargée directement depuis son hôte dans l'aperçu, sans passer par nos serveurs.
Qu'est-ce que Aperçu Open Graph et carte sociale ?
Il s'agit d'un outil d'aperçu visuel des cartes Open Graph (OG) et sociales. Les balises meta Open Graph et Twitter Card indiquent aux plateformes quel titre, quel résumé et quelle image afficher lorsque quelqu'un partage votre lien, et cet outil reconstitue cette carte de lien afin que vous puissiez la vérifier avant publication. Les marketeurs, rédacteurs de contenu et développeurs l'utilisent au lancement d'un article de blog, d'une page de destination ou d'une page produit pour confirmer que le titre n'est pas tronqué, que l'image remplit le cadre et que le domaine se lit correctement. Choisissez une plateforme avec le contrôle segmenté pour voir sa disposition spécifique : X, Facebook et LinkedIn affichent une grande image en bannière avec le titre et la description en dessous, tandis que Slack et Discord présentent une carte compacte avec une barre d'accent, le domaine et une petite vignette. La ligne du domaine est déduite automatiquement de l'URL de la page. Il ne fait que simuler la carte à partir des valeurs que vous saisissez : il n'explore pas votre page en ligne et ne lit pas ses balises meta existantes.
Comment utiliser Aperçu Open Graph et carte sociale
- Saisissez le titre de la page qui doit apparaître comme titre de la carte.
- Rédigez la description (la ligne de résumé affichée sous le titre).
- Collez une URL d'image absolue (idéalement 1200×630) pour charger l'image de l'aperçu.
- Saisissez l'URL de la page — le domaine affiché sur la carte en est déduit.
- Basculez entre X, LinkedIn, Slack, Discord et Facebook pour comparer la disposition de chaque plateforme.
- Ajustez le titre et la description jusqu'à ce que rien ne soit tronqué et que la carte soit réussie.
Exemples
Carte d'article de blog
Le titre 'How to Bake Sourdough', une courte description, une image og.png et l'URL https://blog.example.com/sourdough s'affichent comme une grande carte bannière sur X avec le domaine blog.example.com au-dessus du titre.
Déploiement Slack/Discord
En basculant vers Slack, les mêmes valeurs s'affichent en carte compacte avec une barre d'accent à gauche, le domaine, le titre et une petite vignette carrée à droite.
Image manquante
Laissez l'URL de l'image vide et l'aperçu affiche un cadre d'espace réservé au bon format afin que vous puissiez encore juger des espacements et de la disposition du texte.
Questions fréquentes
- Quelles plateformes puis-je prévisualiser ?
- Cinq : X (Twitter), LinkedIn, Slack, Discord et Facebook. X, Facebook et LinkedIn sont dessinés en cartes bannière à grande image, tandis que Slack et Discord utilisent le style de déploiement compact avec une barre d'accent et une petite vignette. Utilisez le sélecteur de plateforme pour basculer instantanément entre elles.
- Lit-il les balises Open Graph de ma page en ligne ?
- Non. Il n'explore ni ne récupère votre page et n'analyse pas ses balises meta existantes. Il construit la carte uniquement à partir du titre, de la description, de l'URL d'image et de l'URL de page que vous saisissez ; c'est donc un outil d'aperçu hypothétique plutôt qu'un validateur d'une page publiée.
- D'où vient l'image de l'aperçu ?
- L'image est chargée directement par votre navigateur depuis l'URL d'image que vous saisissez — elle va de l'hôte de l'image vers votre navigateur, sans passer par nos serveurs. Si l'image n'apparaît pas, vérifiez que l'URL est absolue (commence par https://) et accessible publiquement.
- Pourquoi mon titre ou ma description est-il coupé dans la carte ?
- Les plateformes sociales tronquent les titres et descriptions trop longs, et l'aperçu l'imite en limitant les lignes. Si le texte est coupé ici, il le sera probablement aussi au partage, alors raccourcissez-le jusqu'à ce qu'il tienne.
- Mes données sont-elles envoyées à un serveur ?
- Non. Le titre, la description et les URL que vous saisissez restent dans votre navigateur et ne sont jamais téléversés, journalisés ou stockés par nous. La seule requête externe est la récupération par votre navigateur de l'image d'aperçu depuis l'URL fournie, ce qui est un comportement normal du navigateur.
Outils connexes
Générateur de balises hreflang
Génère des balises link hreflang pour une page multilingue à partir d'une liste de paires langue-URL, avec un x-default facultatif et une balise autoréférente.
Générateur de JSON-LD
Générez des données structurées JSON-LD valides pour les schémas Article, Product, FAQPage, HowTo, LocalBusiness, Event, Recipe, BreadcrumbList et Organization à partir d'un simple formulaire.
Vérificateur de densité de mots-clés
Analysez n'importe quel texte pour compter la fréquence des mots et la densité de mots-clés sous forme d'expressions de 1, 2 ou 3 mots, avec une alerte de suroptimisation.
Générateur de balises meta
Générez des balises meta SEO, Open Graph et Twitter Card pour votre page à partir d'un titre, d'une description, d'une URL canonique, d'une image, d'un nom de site et d'un type de carte.