Aperçu de carte de partage (Open Graph)
Saisissez les mêmes valeurs que vos balises Open Graph (titre, description, image, URL) pour visualiser à quoi ressemblerait la carte de partage sur Twitter/X, Facebook et Discord — sans avoir à publier réellement le lien pour tester.
Aperçu sur Twitter / X
Aperçu sur Facebook
Aperçu sur Discord
Comment ça marche
Quand un lien est partagé sur Twitter/X, Facebook ou Discord, chaque plateforme lit les balises meta Open Graph (og:title, og:description, og:image, og:url) présentes dans le <head> de la page pour construire sa propre carte de prévisualisation — et chaque plateforme l'affiche avec un style légèrement différent. Plutôt que de publier réellement le lien pour voir le résultat (ce qui expose aussi la page publiquement et cache le lien dans le cache de la plateforme), saisissez ici les valeurs prévues pour vos balises et visualisez immédiatement les trois rendus côte à côte.
Pourquoi l'outil ne récupère-t-il pas automatiquement les balises de mon URL ?
Parce que cela nécessiterait de faire une requête réseau vers un site externe depuis votre navigateur, ce qui est bloqué par la politique de sécurité CORS des navigateurs pour la grande majorité des sites, et parce qu'un aperçu récupéré ainsi pourrait de toute façon ne pas refléter fidèlement la façon dont chaque plateforme interprète réellement vos balises. Saisir les valeurs manuellement est plus simple, plus fiable, et fonctionne pour n'importe quelle URL, y compris une page qui n'est pas encore en ligne.
L'image ne s'affiche pas dans l'aperçu, pourquoi ?
Si l'URL de l'image saisie n'est pas accessible publiquement (page en développement local, URL invalide, ou serveur qui bloque l'affichage depuis un autre domaine), votre navigateur ne pourra pas la charger ici non plus. Vérifiez que l'URL est bien celle d'une image accessible publiquement.
Confidentialité : aucun aperçu réel n'est récupéré depuis Internet — seules les valeurs que vous saisissez sont utilisées, entièrement dans votre navigateur.