Testeur d'Aperçu Graphique Ouvert
Avez-vous déjà partagé un lien sur Facebook ou LinkedIn et l'aperçu semblait complètement faux? Peut-être que l'image manquait, que le titre a été coupé ou que la description montrait quelque chose d'embarrassant. Notre testeur d'aperçu OG vous permet de voir exactement à quoi ressemblera votre page Web lorsqu'elle sera partagée sur les réseaux sociaux avant de cliquer sur Envoyer. Collez simplement votre URL et obtenez un aperçu instantané montrant le titre, la description et l'image qui apparaîtront. Plus de mauvaises surprises dans votre flux. Testez votre page sur plusieurs plates-formes et assurez-vous que vos balises Open Graph font leur travail.
Ce Qui Est
Un testeur d'aperçu OG est un outil qui vous montre exactement comment une page Web apparaîtra lorsqu'elle sera partagée sur des plateformes de médias sociaux telles que Facebook, LinkedIn, WhatsApp et X. Lorsque quelqu'un colle une URL dans une publication sociale, la plate-forme récupère les balises méta Open Graph de la page pour créer une riche carte d'aperçu avec un titre, une description et une image. Si ces balises sont manquantes, incorrectes ou mal formatées, l'aperçu peut sembler cassé — mauvaise image, titre tronqué, description manquante ou simplement un lien en texte brut. Le testeur de prévisualisation OG simule ce processus afin que vous puissiez voir ce que les autres verront avant de partager. Il extrait les balises Open Graph de votre page et les affiche dans un aperçu visuel qui imite la façon dont les différentes plates-formes affichent les liens partagés. Ceci est incroyablement utile car chaque plate-forme a des règles d'affichage différentes. Facebook peut afficher une grande image avec le titre ci-dessous, tandis que LinkedIn utilise un rapport hauteur / largeur différent et WhatsApp affiche un aperçu plus petit. Une étiquette qui a l'air parfaite sur une plate-forme peut être recadrée maladroitement sur une autre. Des tests préalables vous permettent de détecter ces problèmes et de corriger vos balises afin que vos liens aient toujours l'air professionnels et cliquables.
Comment utiliser
- Copiez l'URL de la page Web que vous souhaitez tester — assurez-vous qu'il s'agit d'une page accessible au public, et non derrière un identifiant ou sur un serveur local.
- Collez l'URL dans le champ de saisie du testeur d'aperçu OG et cliquez sur le bouton Aperçu ou test pour récupérer les données Open Graph de votre page.
- Examinez la carte d'aperçu générée indiquant le titre, la description et l'image qui apparaîtront lorsque votre lien sera partagé sur les réseaux sociaux.
- Vérifiez l'apparence de l'aperçu sur différents styles de plate — forme-certains testeurs affichent côte à côte les variantes Facebook, LinkedIn et WhatsApp.
- Si quelque chose ne vous convient pas, revenez en arrière et mettez à jour vos balises Open Graph, puis testez à nouveau jusqu'à ce que l'aperçu ressemble exactement à ce que vous souhaitez qu'il apparaisse.
Exemples
Entrée: Adresse URL: https://example.com/blog
Processus: Récupérer les balises OG puis afficher la carte d'aperçu
Résultat: Aperçu de style Facebook avec titre, description, vignette
Entrée: Og manquant: balise d'image
Processus: Détecter l'avertissement puis afficher l'image d'espace réservé
Résultat: Aperçu avec avertissement d'image cassée, suggère d'ajouter og: image
Recherches Connexes
Les gens recherchent aussi : testeur de prévisualisation og, aperçu du graphique ouvert, aperçu des médias sociaux, aperçu du lien, balises méta og, aperçu facebook.
testeur de prévisualisation ogaperçu du graphique ouvertaperçu des médias sociauxaperçu du lienbalises méta ogaperçu facebookcarte twittertesteur de balises ogaperçu du partage sur les réseaux sociauxdébogueur open graphvignette de lienbalises méta socialestesteur d'images ogaperçu de l'urldébogueur de médias sociauxvalidateur de graphe ouvertaperçu du partageoutils de développement web
Questions Fréquemment Posées
Pourquoi mon lien partagé affiche-t-il la mauvaise image?
Cela se produit généralement lorsque votre page n'a pas de balise og:image, que l'URL de l'image dans la balise est cassée ou que les dimensions de l'image ne sont pas idéales. Facebook préfère les images à 1200x630 pixels. Si votre image est trop petite, Facebook peut l'ignorer et extraire une image différente de votre page à la place. Spécifiez toujours une balise og:image avec une image de haute qualité à la taille recommandée pour garder le contrôle sur ce qui apparaît.
Ma page a des balises Open Graph mais l'aperçu semble toujours erroné. Pourquoi?
Les plateformes sociales mettent en cache les données Open Graph, donc si vous avez récemment mis à jour vos balises, l'ancienne version peut toujours s'afficher. Le cache de Facebook peut durer des jours. Utilisez l'outil de débogage de partage de Facebook pour gratter votre page et vider le cache. Vérifiez également que votre URL og: image est absolue (commençant par https://) plutôt que relative, car certaines plates-formes ne résolvent pas correctement les URL relatives.
Puis-je tester une page qui n'est pas encore en ligne?
La plupart des testeurs d'aperçu OG exigent que la page soit accessible au public sur Internet. Si votre page est encore en développement, vous pouvez utiliser une URL intermédiaire si elle est accessible au public ou la déployer temporairement pour la tester. Certains outils avancés vous permettent également de coller du code HTML brut ou du code de balise Open Graph directement pour les tests sans URL en direct.
Ai - je besoin de balises Open Graph différentes pour différentes plates-formes?
Le protocole Open Graph standard fonctionne sur Facebook, LinkedIn, WhatsApp et la plupart des autres plateformes. Cependant, X (Twitter) utilise ses propres balises de carte Twitter en plus des balises OG. Pour de meilleurs résultats partout, incluez à la fois des balises OG standard et des balises de carte Twitter. Les principaux og: title, og: description et og: image couvriront la plupart des plateformes, tandis que twitter: card et twitter: image gèrent spécifiquement X.
Combien de temps faut-il pour que les balises Open Graph mises à jour s'affichent lorsque je partage?
Une fois que vous avez mis à jour les balises sur votre page en ligne, elles sont techniquement disponibles immédiatement. Cependant, les plateformes sociales mettent en cache les données, donc si vous avez déjà partagé le lien auparavant, l'ancien aperçu peut toujours apparaître. Vous devrez utiliser l'outil de débogage de chaque plate-forme pour forcer une nouvelle extraction. Le débogueur de partage de Facebook, l'Inspecteur de publication de LinkedIn et le validateur de cartes de Twitter vous permettent tous de vider le cache et de voir l'aperçu mis à jour.