Aperçu Open Graph — voyez à quoi ressemble votre lien sur les réseaux sociaux
Saisissez une URL et voyez la carte exacte qu’afficheront Facebook, LinkedIn, X et Slack, toutes les balises trouvées et ce qui manque.
Seules les balises de la page sont récupérées, par notre serveur, à votre demande ; rien vous concernant n’est conservé. Parcourir tous les outils gratuits.
Un problème, ou quelque chose à améliorer ? Nous lisons chaque message et corrigeons vite.
Cet outil gratuit d’aperçu Open Graph récupère n’importe quelle page publique et affiche la carte de lien que Facebook, LinkedIn, X et Slack construiront à partir de ses balises, comme ils la construisent : titre, description, image, nom du site, recadrés et tronqués à la manière de chaque plateforme. Il liste chaque balise og: et twitter: trouvée, mesure l’image de partage et note la page avec une correction précise pour chaque échec.
Les aperçus de liens dépendent entièrement d’une poignée de balises meta, et ils échouent sans prévenir : une og:image manquante transforme un article partagé en simple lien gris, une image de moins de 600 px de large devient une vignette, un titre de plus de 70 caractères est coupé au milieu d’un mot. Vérifier ici avant de partager, ou après un déploiement, prend dix secondes et permet de tout repérer. Comme la récupération est faite par notre serveur à votre demande, vous voyez aussi ce que voit un robot d’exploration, et non ce que voit votre navigateur connecté.
Mode d’emploi
- Collez l’URL de la page et cliquez sur Aperçu. La page doit être accessible publiquement ; localhost et les sites de préproduction protégés par mot de passe ne peuvent pas être récupérés.
- Regardez les trois cartes. Si elles affichent un simple titre ou aucune image, les balises manquent ou l’image ne se charge pas.
- Lisez les contrôles. Chaque ligne en échec indique quoi ajouter ou modifier ; le générateur de balises meta produit les balises manquantes.
- Corrigez, déployez, puis cliquez sur Revérifier. Si Facebook ou LinkedIn affichent encore l’ancienne carte, ils l’ont mise en cache : relancez l’analyse dans le Sharing Debugger de Facebook ou le Post Inspector de LinkedIn.
Questions fréquentes
Pourquoi l’aperçu diffère-t-il de ce qu’affiche LinkedIn ou Facebook ?
À cause du cache. Les deux plateformes conservent la première version de la carte d’un lien qu’elles voient, parfois pendant des semaines. Cet outil récupère toujours les balises en direct. Pour rafraîchir le cache d’une plateforme, utilisez le Sharing Debugger de Facebook (qui met aussi à jour Instagram et WhatsApp) ou le Post Inspector de LinkedIn. X se met à jour tout seul en un jour environ.
Quelle taille doit faire og:image ?
1200 × 630 pixels, ratio 1.91:1, moins d’environ 5 Mo, servie en HTTPS à une URL absolue. Cela produit la grande carte partout. Les images de moins de 600 px de large se rabattent sur une petite vignette sur Facebook et LinkedIn. Les images carrées sont recadrées ; gardez le sujet au centre.
Quelles balises faut-il au minimum ?
og:title, og:description, og:image et og:url. Ajoutez og:site_name et og:type, ainsi que twitter:card réglé sur summary_large_image pour que X utilise la grande image. X lit les balises og: en solution de repli pour tout ce que twitter: ne précise pas.
L’outil indique que la page a redirigé. Est-ce un problème ?
En général non : les redirections de http vers https et de non-www vers www sont normales, et l’outil les suit. Cela devient un problème quand un lien de partage passe par un domaine de suivi qui ne sert aucune balise, ou quand une chaîne de redirections est si lente que le robot d’une plateforme abandonne. Partagez directement l’URL finale quand c’est possible.
Peut-il prévisualiser une page derrière une connexion ou sur localhost ?
Non. La récupération est faite depuis notre serveur : il ne voit que ce que voit n’importe quel visiteur anonyme, c’est-à-dire aussi ce que voient les robots des réseaux sociaux. Pour une page locale, déployez-la d’abord sur une URL de prévisualisation. Les requêtes vers des adresses de réseau privé sont refusées par conception.
Quelque chose est-il stocké ?
L’URL est récupérée à la demande, les balises sont renvoyées à votre navigateur et rien n’est conservé. Seules les balises du head de la page sont lues, jusqu’à 1 Mo.
Comment chaque plateforme construit la carte
Facebook et LinkedIn lisent og:* et affichent l’image, le titre et le domaine (LinkedIn omet la description dans les fils). X lit d’abord twitter:*, puis og:* en repli, et choisit la grande ou la petite mise en page selon twitter:card. Slack, Discord et iMessage lisent og:* et affichent le nom du site, le titre, la description et l’image, dans cet ordre. WhatsApp affiche une vignette tirée de og:image et le titre. Aucun d’eux n’exécute JavaScript : les balises injectées côté client leur sont invisibles ; générez les balises côté serveur.
Causes courantes d’un aperçu cassé
• og:image est un chemin relatif ou une URL http sur un site https.
• L’image est bloquée par robots.txt ou nécessite une connexion.
• Un CDN ou une couche de protection anti-bots sert une page de vérification aux robots.
• La page définit les balises en JavaScript après le chargement.
• og:url pointe vers une autre page, que la plateforme prévisualise à la place.
Outils gratuits similaires
- Générateur de balises meta — Renseignez le titre, la description et les informations de carte sociale d’une page ; obtenez un bloc <head> complet, correctement échappé, avec compteurs de longueur en direct.
- Aperçu du snippet SERP — Prévisualisez l’affichage de votre balise title et de votre meta description dans Google, avec vérification du nombre de caractères en direct.
- Générateur de liens UTM — Créez des liens de suivi UTM propres et cohérents pour savoir exactement quelles campagnes vous apportent des clients.