Comment utiliser Aperçu Open Graph et balises meta
- 1
Collez un lien
Saisissez l’adresse d’une page publique et cliquez sur Prévisualiser le lien pour lire son titre, sa description et ses balises Open Graph et Carte X.
- 2
Examinez les aperçus
Comparez le résultat Google et les aperçus Facebook, X, LinkedIn, Slack, Discord et Style iMessage, puis consultez la liste des balises manquantes ou faibles.
- 3
Modifiez les balises
Cliquez sur Modifier ces balises, ou ouvrez Écrire des balises, pour changer le titre, la description et l’image, et voir chaque aperçu se mettre à jour pendant que vous tapez.
- 4
Copiez dans votre page
Copiez les balises meta générées dans le head de votre page, publiez-la, puis vérifiez de nouveau l’URL en ligne.
Limites et Pro
Gratuit : 20 aperçus d’URL par minute, pages jusqu’à 3 Mo de HTML avec un délai maximal de 12 secondes, 7 aperçus de plateformes par lien et modification des balises illimitée.
À propos de Aperçu Open Graph et balises meta
Cet outil d’aperçu des balises meta montre à quoi ressemblera un lien avant que vous ne le partagiez. Il lit les balises à partir desquelles les aperçus de liens sont construits : le titre HTML et la meta description, les balises Open Graph comme og:title, og:description, og:image et og:site_name, les balises de carte X comme twitter:card, ainsi que la couleur du thème que Discord utilise pour la bande de son embed. Il affiche ensuite sept aperçus : un résultat de recherche Google, des publications de lien Facebook et LinkedIn, une carte X au format grande image ou résumé, un aperçu Slack, un embed Discord et une bulle de style iMessage.
Lorsqu’un champ est absent, les aperçus se rabattent sur une autre valeur, comme le font la plupart des plateformes, par exemple de og:title vers le titre de la page, et la source est indiquée dans les avertissements. L’image est aussi vérifiée : sa taille en pixels et son type sont lus dans l’en-tête du fichier, ce qui vous permet de savoir si elle est inférieure au minimum de 200 × 200 de Facebook, trop lourde pour la limite de 5 Mo de X, un SVG non pris en charge, ou d’un format inadapté à une grande carte 2:1.
L’onglet Écrire des balises fonctionne sans rien récupérer et produit un bloc de balises meta prêt à l’emploi. Les aperçus restent des approximations : les plateformes changent leur design, gardent les cartes en cache pendant plusieurs jours, et certaines affichent un texte différent aux personnes connectées. Pour actualiser une carte déjà partagée, utilisez le débogueur de la plateforme après publication.
Confidentialité
Dans Vérifier une URL, l’adresse est envoyée à notre serveur, qui télécharge cette page une seule fois, ainsi que les premiers octets de son og:image, pour lire les balises et la taille de l’image ; rien n’est conservé ni journalisé. Les images d’aperçu se chargent ensuite dans votre navigateur, directement depuis le site qui les héberge. Écrire des balises fonctionne uniquement dans votre navigateur.
Fonctionnalités
Sept aperçus
Google, Facebook, X, LinkedIn, Slack, Discord et Style iMessage côte à côte.
Contrôle de l’og:image
Dimensions en pixels, type et poids du fichier lus dans l’image elle-même, avec les minimums de chaque plateforme.
Générateur de balises
Saisissez un titre, une description et une image, puis copiez un bloc complet de balises Open Graph et Carte X.