👁️

Aperçu Open Graph

Prévisualisez l'apparence de votre contenu sur Facebook, Twitter, LinkedIn, Discord, Slack et WhatsApp.

Open Graph Tags

Aperçu Open Graph

Prévisualisez vos balises Open Graph sur 6 plateformes majeures avant de publier.

Intégrer cet outil sur votre site

× px

                        

💡 Conseil d'intégration

Copiez le code d'intégration et collez-le dans le HTML de votre site. La version responsive s'adapte automatiquement à toutes les tailles d'écran.

1 avis
✓

Outils populaires

Plus d'outils à afficher
Explorer tous les outils

À propos de Aperçu Open Graph

Saisissez og:title, og:description, og:image, og:url et og:site_name, et des cartes de lien simulées s'affichent pour Facebook, Twitter/X, LinkedIn, Discord, Slack et WhatsApp. Chaque carte applique les règles de troncature de sa propre plateforme : vous voyez donc un titre coupé à 70 caractères ou une description réduite autour de 125 sur Twitter avant de publier. Idéal pour tous ceux dont l'aperçu de partage doit être impeccable sur plusieurs applications. Les balises sont saisies à la main plutôt que récupérées, et les aperçus sont rendus localement dans votre navigateur.

Cas d'utilisation

Développeurs et ingénieurs QA qui inspectent, valident ou transforment des données avec l'aperçu Open Graph.
Spécialistes DevOps qui déboguent à la volée des fichiers de configuration, des jetons ou des réponses d'API.
Étudiants qui apprennent le développement web, les formats de données ou les schémas d'encodage avec un aperçu Open Graph concret et interactif.
Rédacteurs techniques qui préparent des exemples de code, des configurations types ou des ressources de documentation.
Chercheurs en sécurité et chasseurs de bugs qui ont besoin d'un bac à sable rapide, sans accès à la ligne de commande.

Comment utiliser

1

Saisissez vos og:title et og:description dans les champs de gauche ; les compteurs placés à côté de chaque libellé vous situent par rapport aux repères de 70 et 160 caractères.

2

Collez l'adresse d'une image dans og:image, où 1200x630px est la taille recommandée, puis renseignez og:url et og:site_name.

3

Ou chargez un exemple complet avec les boutons de préréglage Article, Produit ou Vidéo situés au-dessus du formulaire.

4

Passez d'un onglet de plateforme à l'autre — facebook, twitter, linkedin, discord, slack et whatsapp — pour voir l'aperçu du lien tel que chaque service l'affiche.

5

Repérez les coupures de texte : les titres sont tronqués à 70 caractères et les descriptions à 125 sur twitter ou 155 ailleurs, alors raccourcissez tout ce qui se termine par des points de suspension.

Astuces Pro

  • Collez votre contenu directement — l'aperçu Open Graph reconnaît les formats d'entrée courants et applique automatiquement des réglages par défaut pertinents.
  • Utilisez les raccourcis clavier (Ctrl/Cmd+A pour tout sélectionner, Ctrl/Cmd+C pour copier) afin d'aller plus vite dans l'aperçu Open Graph.
  • Pour les contenus très volumineux, découpez-les en plusieurs morceaux — la plupart des onglets de navigateur encaissent plusieurs mégaoctets de texte, mais l'analyse de très gros volumes peut figer brièvement l'interface.
  • L'aperçu Open Graph n'enregistre ni ne conserve vos données. Si vous avez besoin d'un historique, copiez les résultats importants dans un fichier local ou une application de notes.
  • Associez l'aperçu Open Graph aux autres outils du site (formateurs, convertisseurs, encodeurs) pour construire des chaînes de traitement complètes sans quitter votre navigateur.

Questions fréquemment posées

Oui, entièrement gratuit : aucune inscription, aucune clé API, aucun filigrane et aucune limite d'utilisation.

Non. L'aperçu Open Graph fonctionne entièrement côté client, dans votre navigateur. Vos données ne touchent jamais nos serveurs.

Il n'y a pas de limite stricte, mais attendez-vous à des ralentissements au-delà de quelques mégaoctets, selon la mémoire de votre appareil.

Oui. Les résultats produits avec l'aperçu Open Graph vous appartiennent : vous pouvez les utiliser librement dans n'importe quel projet personnel ou commercial.

L'essentiel de la logique s'exécute en JavaScript côté client : après le premier chargement, vous pouvez souvent continuer à travailler sans connexion réseau.

Aucune. Comme l'aperçu Open Graph s'exécute dans votre navigateur, vous pouvez traiter autant de contenus que votre matériel le permet, sans clé API ni bridage.

FreeWebTools AI
Powered by free AI models · Full chat →