Outil gratuit de prévisualisation Open Graph

Voyez exactement comment vos liens apparaîtront lors du partage sur Facebook, Twitter/X, LinkedIn, Discord, Slack et WhatsApp. Entrez vos balises meta et prévisualisez toutes les plateformes instantanément.

Entrez Vos Balises Meta

Entrez vos balises OG manuellement ci-dessous pour prévisualiser leur rendu sur chaque plateforme. La récupération depuis une URL nécessite un proxy côté serveur en raison des restrictions CORS du navigateur.

0/60 car.
0/160 car.

Recommandé : 1200x630px (rapport 1.91:1) pour de meilleurs résultats sur toutes les plateformes.

Aperçus Réseaux Sociaux

Remplissez les champs à gauche pour voir des aperçus en direct de l'apparence de votre lien sur les réseaux sociaux.

Qu'est-ce qu'un Outil de Prévisualisation Open Graph ?

Un outil de prévisualisation Open Graph vous permet de voir exactement comment votre page web apparaîtra quand quelqu'un partagera votre URL sur les réseaux sociaux. Les balises méta Open Graph (OG) contrôlent le titre, la description et l'image que des plateformes comme Facebook, Twitter/X, LinkedIn, Discord, Slack et WhatsApp affichent dans les aperçus de liens. Sans balises OG appropriées, les plateformes extraient du contenu aléatoire de votre page — souvent avec des images manquantes, des titres tronqués ou des descriptions non pertinentes qui nuisent à vos taux de clic.

Cet outil gratuit vous permet d'entrer vos méta-données OG manuellement et de prévisualiser leur rendu sur 6 principales plateformes — entièrement côté client sans aucune donnée envoyée à un serveur. Vous pouvez vérifier les limites de caractères, valider les dimensions des images et exporter des balises méta HTML prêtes à coller. Que vous soyez un développeur déboguant des aperçus de liens, un marketeur optimisant les partages sociaux ou un créateur de contenu s'assurant que ses posts sont professionnels, cet outil vous évite le cycle fastidieux de mise à jour des balises, déploiement et re-scraping sur chaque plateforme.

Conseils pour des Aperçus de Liens Parfaits

1

Utilisez des Images 1200x630px

Le rapport d'aspect 1.91:1 (1200x630px) fonctionne sur toutes les principales plateformes. Facebook, LinkedIn et Twitter recadrent selon ce rapport pour les grandes cartes d'aperçu. Évitez les images trop chargées en texte — gardez le contenu important centré.

2

Gardez les Titres sous 60 Caractères

Facebook tronque les titres vers 60 à 65 caractères. Twitter est similaire. Écrivez des titres concis et accrocheurs qui transmettent de la valeur dans cette limite. Placez les mots-clés en début de titre pour un impact maximal.

3

Descriptions : 155 Caractères Maximum

La plupart des plateformes tronquent les descriptions entre 155 et 200 caractères. Écrivez les informations les plus importantes en premier. Incluez une proposition de valeur claire ou un appel à l'action dans les 155 premiers caractères.

4

Incluez Toujours og:image

Les liens sans images obtiennent beaucoup moins de clics. Les posts avec des images d'aperçu de liens voient un engagement 2 à 3 fois plus élevé en moyenne. Utilisez des images de haute qualité et pertinentes qui complètent votre titre.

5

Testez sur Chaque Plateforme

Chaque plateforme affiche les aperçus différemment. Facebook utilise de grandes cartes horizontales, Twitter supporte à la fois les cartes résumé et grande image, Discord affiche un embed avec couleur d'accentuation. Prévisualisez toujours sur toutes les plateformes avant de lancer des campagnes.

6

Utilisez des URL Absolues pour les Images

Les robots des réseaux sociaux ne peuvent pas résoudre les chemins d'images relatifs. Utilisez toujours des URL absolues complètes (https://...) pour og:image. Assurez-vous que les images sont accessibles publiquement — les URL authentifiées ou localhost échoueront.

Kleap OG Preview vs Autres Outils

FonctionnalitéKleapMetatags.ioOpenGraph.xyzFacebook Debugger
PrixGratuitGratuit (limité)Gratuit (limité)Gratuit
Plateformes Prévisualisées6 plateformes4 plateformes3 plateformesFacebook uniquement
Saisie Manuelle des BalisesOuiOuiNon (URL uniquement)Non (URL uniquement)
Copier les Balises MetaOuiOuiNonNon
Avertissements de CaractèresOuiNonNonNon
Sans InscriptionOuiOuiOuiConnexion Facebook

Questions Fréquentes

Que sont les balises méta Open Graph ?+
Les balises méta Open Graph (OG) sont des balises HTML placées dans la section <head> de votre page web qui contrôlent comment votre URL apparaît quand elle est partagée sur les réseaux sociaux. Les principales balises sont og:title (le titre), og:description (un résumé), og:image (l'image d'aperçu), og:url (l'URL canonique) et og:type (type de contenu comme website ou article). Sans ces balises, les plateformes tentent de deviner quoi afficher — souvent avec de mauvais résultats.
Quelle est la taille recommandée pour les images OG ?+
La taille recommandée pour les images Open Graph est de 1200x630 pixels avec un rapport d'aspect 1.91:1. Cette taille fonctionne bien sur Facebook, Twitter/X, LinkedIn, Discord, Slack et WhatsApp. Pour les cartes résumé Twitter (pas grande image), utilisez 120x120px minimum. Utilisez toujours des images supérieures à 200x200px — Facebook n'affiche pas les images plus petites.
Pourquoi mon aperçu de lien montre-t-il la mauvaise image ?+
Cela arrive généralement parce que : 1) Votre URL og:image est un chemin relatif au lieu d'une URL absolue. 2) L'image est derrière une authentification ou sur localhost. 3) L'image est trop petite (sous 200x200px). 4) La plateforme a mis en cache une ancienne version — utilisez l'outil de débogage de la plateforme pour forcer un re-scraping. 5) Plusieurs balises og:image existent et la plateforme a choisi la mauvaise.
Comment forcer Facebook à mettre à jour mon aperçu de lien ?+
Utilisez l'outil Sharing Debugger de Facebook (developers.facebook.com/tools/debug). Entrez votre URL et cliquez sur 'Scrape Again'. Cela force Facebook à re-récupérer vos balises OG et mettre à jour l'aperçu mis en cache. Notez que quelques minutes peuvent être nécessaires pour que le changement se propage sur tous les serveurs de Facebook.
Quelle est la différence entre og:image et twitter:image ?+
og:image est la balise Open Graph standard utilisée par Facebook, LinkedIn, Discord, Slack, WhatsApp et la plupart des autres plateformes. twitter:image est spécifique à Twitter/X. Si twitter:image n'est pas définie, Twitter revient à og:image. Vous n'avez besoin de twitter:image que si vous voulez afficher une image différente sur Twitter. La balise twitter:card contrôle le style de mise en page.
Ai-je besoin des balises OG et Twitter ?+
Vous avez toujours besoin des balises OG (og:title, og:description, og:image) car la plupart des plateformes les utilisent. Les balises spécifiques à Twitter/X (twitter:card, twitter:title, twitter:description, twitter:image) sont optionnelles — Twitter revient aux balises OG si elles manquent. Cependant, twitter:card est recommandée car elle contrôle si Twitter affiche une petite image carrée (summary) ou une grande bannière (summary_large_image).
Pourquoi cet outil ne peut-il pas récupérer les balises OG depuis une URL ?+
Les politiques de sécurité du navigateur (CORS) empêchent le JavaScript côté client de récupérer du contenu d'autres sites web. Pour lire les balises OG depuis une URL, vous avez besoin d'un proxy ou d'une API côté serveur. Cet outil se concentre sur la saisie manuelle pour fonctionner 100% dans votre navigateur sans aucune donnée envoyée à un serveur — vos balises méta ne quittent jamais votre appareil.
Qu'est-ce que og:type et quelles valeurs utiliser ?+
og:type indique aux plateformes quel type de contenu contient votre page. Les valeurs courantes sont : 'website' (page d'accueil, landing pages), 'article' (articles de blog, actualités), 'profile' (pages personnelles) et 'product' (articles e-commerce). La valeur par défaut est 'website'. Pour la plupart des pages, 'website' convient ; utilisez 'article' pour les articles de blog.
Comment les balises OG affectent-elles le SEO et les taux de clic ?+
Les balises OG n'affectent pas directement le classement Google, mais elles impactent considérablement les taux de clic depuis les réseaux sociaux. Les posts avec des balises OG optimisées peuvent voir un engagement 2 à 3 fois plus élevé par rapport aux posts sans aperçus ou avec des aperçus auto-générés. Plus d'engagement signifie plus de trafic, ce qui bénéficie indirectement au SEO via plus de backlinks.
Puis-je utiliser des titres différents pour Google et les réseaux sociaux ?+
Oui. La balise HTML <title> est ce que Google affiche dans les résultats de recherche, tandis que og:title est ce que les plateformes sociales affichent dans les aperçus de liens. Vous pouvez optimiser chacun selon son contexte — un titre plus court et riche en mots-clés pour Google et un titre plus accrocheur pour le partage social. De même, meta description et og:description peuvent être différentes.

Besoin d'un Site Web avec des Aperçus Sociaux Parfaits ?

Le créateur de site web IA de Kleap génère automatiquement des balises Open Graph optimisées, des cartes Twitter et des données structurées pour chaque page. Créez votre site et obtenez des aperçus de liens parfaits sans écrire une seule balise méta.

Créez Votre Site Gratuitement

Related Free Tools

Image Compressor

Meta Tags Generator

Social Media Post Generator

Favicon Generator

Outil gratuit de prévisualisation Open Graph | Aperçu des liens sur les réseaux sociaux 2026