Catégorie: Développement
Aperçu Open Graph
Prévisualisez l'apparence de la carte de partage d'une page
Collez les balises <head> d'une page et voyez comment le lien s'affichera sous forme de carte partagée, accompagné d'une liste de vérification des champs Open Graph et Twitter Card manquants. Analysé entièrement dans votre navigateur — rien n'est récupéré ni téléversé.
Aperçu du lien
Liste de vérification
Tout sur cette page est traité dans votre navigateur. Rien n'est envoyé.
À quoi sert cet outil
Lorsqu'un lien est partagé sur les réseaux sociaux ou dans une application de messagerie, la carte d'aperçu est construite à partir des balises meta Open Graph et Twitter Card présentes dans le <head> de la page — et non à partir du contenu de la page lui-même. Des balises manquantes ou mal formées se traduisent par un titre vide, une image absente, voire aucune carte du tout. Cet outil lit les balises que vous collez et affiche la carte comme le ferait une plateforme de partage, accompagnée d'une liste de vérification de ce qui est présent.
Mode d'emploi
- Copiez la section <head> de votre page, ou simplement ses balises meta.
- Collez-la dans le champ de saisie.
- Consultez la carte d'aperçu générée et la liste de vérification en dessous.
Confidentialité
Cet outil fonctionne entièrement dans votre navigateur. Ce que vous saisissez n'est jamais envoyé, stocké ni partagé : fermer l'onglet suffit à tout effacer.
Questions fréquentes
- Cet outil récupère-t-il ma page en direct ?
- Non — collez vous-même le code HTML. Rien de ce que vous saisissez n'est envoyé où que ce soit ; les balises sont analysées dans votre navigateur.
- Pourquoi mon image ne s'affiche-t-elle pas ?
- L'aperçu charge l'URL de votre balise og:image directement depuis votre navigateur, elle ne s'affichera donc que si cette URL est publique et accessible. Une balise image absente laisse aussi la carte vide.
- Ai-je besoin à la fois des balises Open Graph et Twitter Card ?
- Open Graph (og:*) couvre Facebook, LinkedIn, Slack et la plupart des plateformes. Twitter/X lit d'abord les balises twitter:*, puis se rabat sur Open Graph, donc définir les deux donne le résultat le plus cohérent.