Ouvrir le studio d'aperçu graphique

Ouvrir l'outil d'aperçu du graphique

Chargement de l'espace de travail...

Comment prévisualiser les balises OG à partir de n'importe quelle URL

Collez une URL https absolue, exécutez Récupérer les métadonnées, puis examinez le titre, la description, l'image et l'URL de destination fusionnés. Développez les diagnostics pour confirmer les codes d'état, l'URL finale après les redirections et le type de contenu.

Comment sont choisis les balises méta Open Graph, Twitter Card et de secours

Pour les aperçus de style Facebook et LinkedIn, nous préférons les balises Open Graph, puis revenons à la balise de titre, à la méta description, à l'URL canonique et à la première image corporelle appropriée lorsque og: image est manquante. Pour l'aperçu de style X/Twitter, nous préférons twitter:title, twitter:description et twitter:image lorsqu'ils sont présents, sinon nous revenons à Open Graph puis aux mêmes solutions de secours génériques.

Problèmes courants de métadonnées et comment les résoudre

L'absence d'og:image est le problème de qualité de partage le plus courant : ajoutez une URL d'image carrée ou en mode paysage. Les balises en double ou en conflit, les URL d'images relatives sans base correcte et les titres longs tronqués sont également fréquents. Utilisez l'éditeur pour tester les correctifs avant de les publier.

Comment exporter des balises méta HTML ou JSON

Après une récupération réussie (ou après avoir rempli manuellement les champs obligatoires), utilisez Copier HTML ou Copier JSON, ou téléchargez les fichiers .html et .json. Les valeurs sont échappées dans l'extrait HTML et le JSON inclut l'état de la source pour chaque champ pris en charge.

Récupérez les métadonnées d'Open Graph et de Twitter Card à partir d'une URL publique, prévisualisez les cartes de style Facebook, X/Twitter et LinkedIn, remplacez les champs localement et exportez les balises méta HTML ou JSON.

Foire aux questions

Pourquoi les aperçus diffèrent-ils sur Facebook, X et LinkedIn ?

Chaque plateforme lit les balises dans un ordre légèrement différent, applique ses propres règles de recadrage et peut mettre en cache les anciennes versions de votre page. Ce studio affiche des modèles locaux cohérents à partir de vos métadonnées fusionnées afin que vous puissiez valider la structure et la copie, et non des rendus réseau au pixel près.

Cet outil change-t-il mon site Web en direct ?

Non. Le code HTML récupéré est analysé uniquement pour la requête en cours. Les modifications et les exportations restent dans votre navigateur (avec des paramètres de requête d'URL facultatifs pour les remplacements partageables). Rien n'est écrit sur votre site.

Que se passe-t-il si ma page bloque les récupérations automatiques ?

Certains sites renvoient 403/401 aux clients non-navigateurs. Ce MVP ne prend en charge que le HTML récupérable publiquement sans authentification. Essayez une URL intermédiaire ou assouplissez temporairement les règles du bot si vous contrôlez le serveur.