À quoi ressemblera mon lien sur Facebook et X ?
Collez une URL, cliquez sur "Vérifier", et on récupère la page depuis notre serveur (votre navigateur ne peut pas le faire - CORS bloque les requêtes cross-origin), on extrait les tags OpenGraph et Twitter Card, et on rend à quoi votre lien ressemblera sur Facebook, Slack, X (Twitter), LinkedIn, Discord et iMessage.
Vous obtenez aussi une liste de problèmes : tags manquants, mauvaise taille d'image, URL injoignable, titre trop long, type de carte Twitter mal configuré, chemins d'image relatifs (certains crawlers les rejettent).
Parfait avant de publier un article de blog, une annonce d'emploi, une campagne marketing ou une nouvelle landing page.
Mode d'emploi
- Collez l'URL complète de la page (par exemple `https://votre-site.fr/blog/article`). Vous pouvez omettre `https://`, on l'ajoute.
- Cliquez sur "Vérifier" ou appuyez sur Entrée. Le serveur a 8 secondes pour récupérer la page - en général 1 à 3 secondes.
- Vous verrez 5 aperçus côte à côte, un tableau de chaque meta tag trouvé, et une liste de problèmes.
- Si vous voyez des erreurs rouges (`og:image` manquant, image injoignable), corrigez-les dans votre CMS et revérifiez.
- Après publication, forcez un rafraîchissement de cache avec les outils des plateformes : Facebook Sharing Debugger, LinkedIn Post Inspector, X Card Validator.
Quand cet outil est utile
Six situations typiques où il est payant de prévisualiser un lien avant de l'envoyer :
- Un nouvel article de blog. Vérifiez que l'image à la une a été prise comme `og:image` et n'est pas coupée sur les bords.
- Une page d'annonce d'emploi. Les RH s'apprêtent à partager le lien sur LinkedIn - l'aperçu doit être pro. Sans `og:image` LinkedIn n'affiche que le domaine.
- Campagne réseaux sociaux. Le marketing prévoit des posts payants - chaque lien a besoin d'une image 1200×630 et d'un titre lisible sous 60 caractères.
- Nouvelle landing page produit. Vérifiez que `twitter:card` est `summary_large_image` (grande carte) et pas `summary` (petite miniature).
- Audit SEO client. Scannez les pages clés une par une, faites une liste de manques, remettez le rapport à l'équipe dev.
- Après une migration CMS. Vérifiez que `og:url` pointe vers le nouveau domaine, pas l'ancien (un bug courant après migration de WordPress vers Next.js).
Besoin de rédiger les meta tags depuis zéro ? Utilisez le générateur de meta tags. Après mise en ligne, générez le sitemap.xml et le robots.txt assortis pour que les moteurs de recherche les ramassent proprement.