Aperçu Open Graph

Générez vos balises Open Graph et prévisualisez le rendu avant de partager vos liens.

Entrée

Utilisez cet outil gratuit Aperçu Open Graph pour prévisualisez l'apparence de votre contenu sur les réseaux sociaux.

À propos de l'Aperçu Open Graph

Affiche un mockup de carte sociale et fournit les balises OG/Twitter indispensables.

Comment fonctionne l'aperçu Open Graph

Vous soumettez une URL : le HTML de la page est récupéré une seule fois (délai de 8 secondes, plafond de 1 Mo, types de contenu HTML uniquement) puis analysé pour extraire chaque paire property/name des balises meta, le <title> et rel="canonical". Les valeurs suivent des chaînes de repli : og:title → twitter:title → <title> ; og:description → twitter:description → description ; og:image → og:image:url → og:image:secure_url → twitter:image. Les URL relatives sont résolues à partir d'og:url, du lien canonique ou de l'URL finale après redirections. Les titres sont coupés à 70 caractères et les descriptions à 200, avec des points de suspension. Les balises manquantes alimentent une liste d'anomalies, et l'extrait généré ne met twitter:card sur summary_large_image que si une image existe.

Points forts

Preview fidèle + code en un clic.
Signale les champs manquants.
La page est récupérée via notre proxy, ce qui permet de vérifier n'importe quelle URL publique.

Mode d'emploi

1

Collez l'URL publique de la page à inspecter (sans page de connexion).

2

Cliquez sur Exécuter pour que nous récupérions et analysions les métadonnées en direct automatiquement.

3

Examinez la carte d'aperçu et les avertissements sur les balises manquantes.

4

Copiez le bloc de balises meta recommandées et mettez à jour votre CMS ou le `<head>`.

Erreurs fréquentes

Utiliser des images verticales.
Oublier de mettre à jour `og:url`.
Descriptions trop longues.

Voir aussi

  • Vérificateur de balise title — Une fois og:title en place, vérifiez que la balise <title> sous-jacente respecte la longueur affichée par Google.
  • Aperçu de la meta description — Les cartes sociales retombent sur la balise description : voyez comment ce même texte s'affiche dans un extrait Google.

FAQ

Quel format d'image privilégier ?

1200×630 px.

Le résultat convient-il à Twitter ?

Oui, les balises `twitter:*` sont incluses.

Le rendu est-il garanti ?

C'est une approximation fidèle, mais chaque réseau peut modifier l'affichage.

Les données quittent-elles mon appareil ?

Nous récupérons la page via un proxy uniquement pour lire ses balises meta ; le résultat analysé reste dans votre session et n'est pas conservé.