Les informations sont ajoutées trop tard
Certains services lisent la page avant que le navigateur ait fini de la construire. Si le titre, la description ou l’image apparaissent plus tard, ils peuvent générer une carte vide ou générique.
Outil gratuit · Open Graph
Vérifiez l’aperçu social de n’importe quel lien.
Analysez les informations publiques d’une URL, examinez ses données Open Graph et repérez ce qui manque avant de la partager.
Ce que l’outil vérifie
Un aperçu utile nécessite des données claires et accessibles.
Le checker recherche le titre, la description, l’image, l’adresse déclarée, le nom du site et le type de contenu inclus dans la première réponse du site.
L’image n’est pas accessible
Un chemin relatif incorrect, des autorisations, des redirections ou un fichier supprimé peuvent empêcher le crawler de télécharger og:image.
La plateforme conserve une ancienne version
Même après correction du site, WhatsApp, LinkedIn et d’autres plateformes peuvent continuer à utiliser des données en cache.
Plusieurs balises se concurrencent
Si une page publie plusieurs versions des mêmes informations ou désigne différentes adresses comme canoniques, chaque service peut choisir un résultat différent.
Lorsque toutes les adresses partagent le même aperçu
Ce qui se passe avec une SPA et pourquoi cela peut affecter vos liens.
Si vous avez demandé à une IA de créer un site sans préciser son fonctionnement, elle a peut-être choisi un framework frontend populaire qui assemble le contenu dans le navigateur.
CSR
Le navigateur construit la page.
Une SPA (Single Page Application) utilisant le CSR (Client-Side Rendering) reçoit généralement le même document de base pour chaque adresse. Ce document s’appelle HTML et contient la structure initiale. Le navigateur exécute ensuite JavaScript — le code qui fait fonctionner la page — et affiche le contenu correspondant.
C’est pourquoi, sur un site entièrement en CSR, demander /, /pricing ou /article peut initialement renvoyer les mêmes informations Open Graph. Si le service qui génère l’aperçu n’attend pas le navigateur, toutes ces adresses finissent par partager le même titre, la même description et la même image.
SSR
Le serveur prépare chaque page.
Avec le SSR (Server-Side Rendering), chaque adresse peut fournir dès le départ son propre contenu et ses propres données Open Graph. Le navigateur reçoit une page déjà identifiable avant d’exécuter du code supplémentaire.
Une personne comme un service d’aperçu peut ainsi trouver le titre, la description et l’image adaptés à cette URL précise.
Deux façons de résoudre le problème
Faites en sorte que chaque adresse fournisse ses propres informations.
Passez le site en SSR.
Demandez à l’IA ou à la personne qui maintient le site de convertir la partie institutionnelle du CSR vers le SSR, si la stack le permet. Vous pourrez ensuite configurer vous-même le titre, la description et les images de chaque adresse sans payer un autre service.
Apprendre à configurer Open GraphGérez les aperçus avec External OG.
Visualink vous permet de gérer les aperçus des adresses d’origine indépendamment du code et des déploiements du site. Modifiez l’image, le titre ou la description depuis un tableau de bord séparé.
Questions fréquentes
Ce qu’un social preview checker peut vous apprendre.
Qu’est-ce qu’un aperçu social ?
Il s’agit de la carte, généralement composée d’une image, d’un titre, d’une description et d’un domaine, qui apparaît lorsqu’une URL est partagée sur un réseau social ou une application de messagerie.
Le checker affiche-t-il exactement la même chose que WhatsApp ou LinkedIn ?
Non. Il affiche une approximation construite à partir des métadonnées publiques trouvées. Chaque plateforme applique son propre design, ses propres règles et son propre cache.
Le checker ouvre-t-il la page comme un navigateur ?
Non. Il lit la première réponse fournie par le serveur, avant que le navigateur exécute JavaScript et construise du contenu supplémentaire. Cela permet aussi de détecter les sites qui ajoutent les informations Open Graph trop tard.
Pourquoi vois-je encore une ancienne image après l’avoir corrigée ?
La plateforme sur laquelle vous partagez le lien peut conserver sa propre copie. Vérifiez d’abord que l’URL fournit désormais la bonne image, puis utilisez l’inspecteur ou la procédure d’actualisation de cette plateforme.
Pourquoi plusieurs adresses de mon site affichent-elles le même aperçu ?
Cela peut arriver lorsqu’une SPA utilise le rendu côté client et que le serveur fournit le même document initial pour chaque adresse. Le contenu change ensuite dans le navigateur, mais le service qui génère l’aperçu peut conserver le même titre, la même description et la même image.
Puis-je modifier un aperçu sans changer le site de destination ?
Vous pouvez publier un lien court avec son propre aperçu. Si vous devez modifier les métadonnées des URL d’origine d’un site ou d’une SPA, External OG agit sur cette couche de métadonnées via son intégration.