Open Graph Tester et Aperçu
Prévisualisez l'apparence d'un lien partagé sur les réseaux: Open Graph, cartes Twitter et balises meta. Gratuit et dans votre navigateur.
À 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 aperçus 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 l'aperçu cesse de paraître cassé.
| 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 en Ligne
tester des expressions régulières
Pratique pour auditer les balises meta.
- Formater et Valider du JSON
formater et valider du JSON
Pratique pour auditer les balises meta.
- SEO ScorerEn culture
Pratique pour auditer les balises meta.
- Compteur de Mots et Caractères
compter mots et caractères
Boucle votre flux de contenu SEO.
Autres outils du même champ
SEORobots.txt Checker
Vérifiez votre robots.txt dans le navigateur. Obtenez une note de 0 à 100, testez n'importe quelle URL avec Googlebot, Bingbot et plus, et voyez les corrections ligne par ligne. Sans téléversement ni inscription.
Testeur de Regex en Ligne
Testez et déboguez vos expressions régulières en ligne en temps réel, avec groupes de capture et correspondances surlignées. Gratuit et privé.
Formater et Valider du JSON
Formatez, validez et minifiez du JSON en ligne. Embellissez un JSON brouillon ou compactez-le en un clic, gratuit et dans votre navigateur.
Inspecteur et Validateur de Sitemap
Collez le XML d'un sitemap ou l'URL d'un sitemap pour l'inspecter : listez toutes les URL, distinguez un urlset d'un sitemapindex et détectez les problèmes comme trop d'URL, des dates lastmod invalides ou des liens http. Dans votre navigateur.
Questions 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 l'aperçu ?
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.