Open Graph Tester
Prévisualisez l'apparence d'un lien partagé sur les réseaux sociaux.
À quoi sert cet outil
Open Graph tester qui récupère n'importe quelle URL publique et montre exactement comment elle s'affichera au partage. Il lit les balises Open Graph, Twitter Card et meta standards, puis les présente en cartes côte à côte pour repérer ce qui manque avant la publication.
Pour creuser les balises, passez la source par testeur de regex, ou transformez le résultat avec formatteur JSON pour le voir structuré.
À quoi ça vous sert
- Vérifier qu'un nouvel article affiche bien son image lorsqu'il est partagé sur Facebook ou LinkedIn.
- Contrôler que la page produit utilise le bon type de Twitter Card avant de planifier un tweet.
- Auditer un site client pour repérer les titres, descriptions ou images manquants.
- Comparer les previews entre staging et production après une édition SEO.
Comment l'utiliser
- Collez l'URL que vous voulez analyser.
- On va chercher la page depuis notre serveur et on parse les balises meta.
- Examinez les cartes Facebook et Twitter, ainsi que la liste complète des balises.
- Copiez le contenu brut si vous voulez le partager avec votre équipe.
Tout le travail se passe dans votre navigateur. Aucun fichier n'est envoyé à un serveur. Voir plus d'outils dans le même champ.
Balises Open Graph qui méritent vraiment d'être posées
Toutes les balises meta ne pèsent pas pareil. Voici celles que les réseaux sociaux lisent réellement quand ils affichent une carte de partage. Renseignez-les et la preview cesse de paraître cassée.
| Balise | À quoi ça sert | Exemple de valeur |
|---|---|---|
| og:title | Titre affiché dans la carte partagée. Si absent, le <title> sert de fallback. | ToolFarm. Outils gratuits pour le quotidien. |
| og:description | Résumé d'une ligne sous le titre. | Convertissez, formatez et nettoyez vos fichiers depuis le navigateur. |
| og:image | Image de prévisualisation. 1200 sur 630 px est la taille sûre pour toutes les plateformes. | https://toolfarm.io/og/fr/home.png |
| og:url | URL canonique vers laquelle pointe la carte. | https://toolfarm.io/fr |
| og:type | Type de contenu. 'article' pour un post de blog, 'website' pour une landing. | website |
| og:site_name | Nom du site. Certaines cartes l'affichent au-dessus du titre. | ToolFarm |
| twitter:card | Mise en page propre à Twitter. 'summary_large_image' remplit la carte avec l'image. | summary_large_image |
Va bien avec
D'autres outils qu'on utilise souvent dans le même flux.
- Meta Tag AnalyzerEn culture
S'utilise souvent dans le même flux.
- Testeur de regex
tester des expressions régulières
Pratique pour auditer les balises meta.
- Formateur JSON
formater et valider du JSON
Pratique pour auditer les balises meta.
- SEO ScorerEn culture
Pratique pour auditer les balises meta.
Autres outils du même champ
SEOQuestions fréquentes
Pourquoi récupérer la page côté serveur ?
La plupart des sites bloquent les requêtes cross-origin depuis le navigateur. La requête côté serveur passe outre ce blocage, et nous ne stockons ni l'URL ni la réponse.
Quelles balises sont lues ?
Le title et la description standards, l'ensemble Open Graph (og:title, og:image, og:type, og:site_name et compagnie), les tags Twitter Card et le lien canonical. Tout le reste apparaît dans le tableau des balises.
Et si l'image n'apparaît pas dans la preview ?
Souvent la og:image est en chemin relatif, derrière une authentification ou bloque le hotlinking. Ouvrez l'URL résolue dans un nouvel onglet pour vérifier, et assurez-vous que l'image est bien publique.
Ça fonctionne avec une appli SPA ?
Seulement si les balises meta sont rendues côté serveur. Beaucoup de frameworks SPA les injectent en JavaScript après le chargement, et les crawlers ne les voient pas. Dans ce cas, basculez en rendu serveur sur les routes SEO importantes.