Ce sont des bonnes pratiques générales pour rédiger le balisage Open Graph à la main ou dans votre CMS. OG Preview lui-même est un visualiseur : il affiche l'apparence de vos balises et, en mode Récupérer l'URL, indique quelles balises une page expose déjà.
Utilisez des balises uniques par type de page
Des pages différentes méritent des aperçus différents. Les articles de blog fonctionnent mieux avec og:type défini sur article, les pages produit tirent parti d'un titre et d'une image descriptifs, et votre page d'accueil devrait mettre l'accent sur l'identité de marque. Réutiliser un seul aperçu générique partout réduit le taux de clic.
Optimisez l'image pour la vitesse
Évitez les PNG de plusieurs mégaoctets. Compressez à une taille raisonnable, conservez les dimensions 1200×630 px (1,91:1) qui fonctionnent sur toutes les plateformes, et assurez-vous que le fichier se charge rapidement pour les robots.
Définissez toujours og:site_name
Cela garde le nom de votre marque visible dans les aperçus même lorsque le titre est tronqué :
Testez sur toutes les plateformes — ne présumez rien
Facebook, LinkedIn et X (Twitter) gèrent chacun les balises meta un peu différemment. Prévisualisez ici d'abord, puis vérifiez sur les vraies plateformes avec leurs outils officiels :
Utilisez og:type pour un contenu plus riche
Pour les blogs, utilisez article ; pour les produits, utilisez product. Le bon type peut débloquer un rendu plus riche, comme le nom de l'auteur ou la date de publication sur certaines plateformes.
Définissez une URL d'image absolue
Les robots des réseaux sociaux ne résolvent pas les chemins relatifs. Utilisez toujours une URL complète : https://yoursite.com/img/og.jpg, et non /img/og.jpg.
Contournement du cache pour les images mises à jour
Lorsque vous remplacez une image OG, les plateformes peuvent continuer à diffuser l'ancienne. Changez le nom du fichier (par exemple og-v2.jpg) ou ajoutez un paramètre de version tel que ?v=2, puis relancez l'outil de débogage de la plateforme pour actualiser le cache.
Associez les balises OG au JSON-LD
Les données structurées via <script type="application/ld+json"> aident les moteurs de recherche, tandis que les balises OG gèrent le partage social. Elles se complètent — conservez les deux.