OG Preview fonctionne entièrement dans votre navigateur. Vous saisissez les valeurs de vos balises à la main, ou vous laissez l'outil les lire depuis une URL en direct, et vous voyez immédiatement comment la page apparaîtrait sur Facebook, X (Twitter) et LinkedIn.
Étape 1 : Ouvrir l'outil
Rendez-vous sur la page d'accueil. Elle s'ouvre par défaut en mode Saisie manuelle, qui fonctionne pour n'importe quelle page — y compris les brouillons non encore publiés ou les pages protégées par une connexion.
Étape 2 : Saisir les valeurs de vos balises (Saisie manuelle)
Remplissez les champs :
- URL / Domaine — affiché comme ligne de source dans les aperçus.
- Titre (og:title) — votre titre ; visez moins de 60 caractères.
- Description (og:description) — un court résumé, d'environ 150 à 160 caractères.
- URL de l'image (og:image) — un lien absolu en
https://vers votre image d'aperçu (idéalement 1200×630 px).
Les aperçus Facebook, X (Twitter) et LinkedIn se mettent à jour en direct à mesure que vous tapez. Il n'y a pas de téléversement — l'image est référencée par son URL.
Étape 3 (optionnelle) : Récupérer les balises depuis une URL (Bêta)
Passez en mode Récupérer l'URL (Bêta), collez l'URL d'une page publique et cliquez sur Aperçu. L'outil récupère la page via un proxy CORS public, lit les balises OG/Twitter qu'elle possède déjà, et affiche les aperçus ainsi qu'un tableau des balises trouvées et manquantes. Ce mode fait de son mieux : certains sites bloquent les proxys, auquel cas la Saisie manuelle reste la solution de repli fiable.
Étape 4 : Affiner jusqu'au bon rendu
Ajustez le titre, la description et l'image jusqu'à ce que les aperçus correspondent à ce que vous souhaitez. Guettez une image manquante ou un titre tronqué.
Étape 5 : Ajouter les balises à votre page
OG Preview n'exporte pas de fichier de code — vous ajoutez les balises dans le <head> de votre propre site. À partir des valeurs que vous avez retenues, le balisage ressemble à ceci :
Si vous utilisez un CMS, la plupart des extensions SEO (par exemple Yoast SEO ou Rank Math sur WordPress) proposent des champs pour exactement ces valeurs.
Étape 6 : Tester sur les vraies plateformes
Une fois les balises en ligne, confirmez-les avec les outils de débogage officiels, qui permettent aussi de vider le cache de la plateforme :