Open Graph Preview
NouveauVoyez à quoi ressemble votre lien lorsqu'il est partagé sur Facebook, LinkedIn, WhatsApp, Slack et Discord.
Pas de titre
Pas de description
Outils associés
Intégrer cet outil
Ajoutez cet outil à votre site avec un extrait iframe.
<iframe src="https://dukotools.com/tools/open-graph-preview?embed=1" width="100%" height="600" frameborder="0" allow="clipboard-write" loading="lazy" title="open-graph-preview tool"></iframe>
About Open Graph Preview
Open Graph Preview montre comment votre lien apparaîtra lorsqu'il sera partagé sur Facebook, LinkedIn, WhatsApp, Slack et Discord. Chaque plateforme restitue les données Open Graph différemment. Facebook utilise une carte rectangulaire avec une image en haut. LinkedIn applique sa propre typographie et son propre espacement. WhatsApp affiche un aperçu miniature compact sur une seule ligne. Slack affiche une intégration bordée avec une barre d'accent de couleur sur la gauche. Discord affiche un style de carte intégré avec une bordure gauche dans la couleur d'accent. Voir les cinq simultanément révèle des discordances avant la publication. Le panneau de validation vous avertit si votre image OG ne correspond pas au ratio 1200x630 recommandé. La section de sortie HTML affiche les balises méta og: exactes pour une compatibilité maximale.
Principales fonctionnalités
Cinq aperçus de la plateforme
Affiche des maquettes précises pour Facebook, LinkedIn, WhatsApp, Slack et Discord dans des onglets.
Dispositions spécifiques à la plate-forme
Chaque maquette correspond aux dimensions réelles de la carte, au style typographique et à la disposition de sa plate-forme.
Validation du rapport d'image
Avertit si l'image OG ne correspond pas au rapport hauteur/largeur recommandé de 1 200 x 630 1,91 : 1.
Sortie de balise HTML OG
Génère les balises og:title, og:description, og:image, og:url, og:site_name, og:type et og:locale.
URL partageable
Encode toutes les valeurs OG dans l’URL pour la mise en signet ou le partage.
Comment utiliser
- 1
Entrez les détails de la page
Remplissez le titre, la description, l'URL de l'image, l'URL de la page, le nom du site, le type de contenu et les paramètres régionaux.
- 2
Examinez chaque onglet de la plateforme
Cliquez sur les onglets Facebook, LinkedIn, WhatsApp, Slack et Discord pour voir le rendu de la carte.
- 3
Corriger le rapport d'image si averti
Si le panneau de validation affiche un avertissement de ratio, mettez à jour votre image à 1 200 x 630 pixels.
- 4
Copier les balises HTML
Cliquez sur le bouton Copier pour récupérer toutes les balises méta og: et collez-les dans l'en-tête de votre page.
Cas d'utilisation réels
Distribution de contenu multiplateforme
Un gestionnaire de médias sociaux vérifie que la carte a un aspect professionnel sur les cinq plateformes avant de planifier une publication de contenu.
Tests des développeurs
Un développeur qui ajoute des balises OG à une nouvelle page utilise l'outil pour voir tous les rendus de la plate-forme sans attendre la mise à jour du cache de chaque plate-forme.
Examen de la campagne marketing
Une équipe marketing examine les images OG pour le lancement d'un produit sur toutes les plateformes afin de garantir la cohérence de la marque avant la mise en ligne.
Foire aux questions
Related Free Tools
Explore these tools that work great alongside Open Graph Preview: