À propos de cet outil
Un outil de prévisualisation des balises meta analyse le <head> d'une page et reconstitue la manière dont les moteurs de recherche et les plateformes sociales la restitueront. Il lit le titre, la meta description, le lien canonique, le favicon, le viewport, ainsi que les balises Open Graph (og:) et Twitter (twitter:), puis applique les mêmes chaînes de repli que les plateformes réelles — Open Graph se rabat sur le titre et la description de base, et Twitter se rabat sur Open Graph — afin que les aperçus reflètent ce que les utilisateurs voient réellement, et non seulement ce que vous avez saisi.
Utilisez-le pour détecter les petites erreurs qui cassent discrètement le partage de liens : un titre tronqué au-delà d'environ 60 caractères sur Google, une balise og:image manquante qui laisse une carte Facebook vide, un chemin og:image relatif qui échoue lorsqu'un scraper le récupère, ou une balise twitter:card manquante qui revient à la mauvaise mise en page par défaut. Collez le balisage de votre head, comparez côte à côte les cartes Google, Facebook/LinkedIn et X, et parcourez la liste de contrôle d'audit avant de publier ou de partager l'URL.
Tout est analysé dans votre navigateur à l'aide du DOMParser intégré — aucun balisage ni aucune URL n'est envoyé, et les images distantes se chargent directement depuis leur source pour un aperçu fidèle.
Questions fréquentes
Quelle est la longueur idéale d'un titre et d'une meta description ?
Visez un titre de 50 à 60 caractères et une meta description de 140 à 160 caractères. Au-delà de ces limites, Google tronque le texte par des points de suspension dans les résultats de recherche, de sorte que la fin de votre message peut être coupée.
Pourquoi mon og:image ne s'affiche-t-il pas lorsque je partage le lien ?
La cause la plus fréquente est un chemin relatif comme /og.png. Facebook, LinkedIn et X récupèrent l'image depuis l'extérieur de votre site, og:image doit donc être une URL absolue en https://. L'outil signale les valeurs og:image relatives ou manquantes dans son audit.
Quelle est la différence entre twitter:card summary et summary_large_image ?
summary affiche une petite vignette carrée à gauche du texte, tandis que summary_large_image affiche une grande image en haut de la carte. Si twitter:card est manquante ou non reconnue, X se rabat sur la mise en page summary, plus petite.