Aller au contenu
ToolMug

Vérificateur Open Graph et balises meta

Saisissez une URL pour lire son titre, sa description, ses balises Open Graph et Twitter Card, prévisualiser son apparence dans les résultats de recherche, les grandes cartes sociales et les aperçus de lien en messagerie, et repérer des problèmes comme une image de partage manquante, un titre trop long, aucune URL canonique ou un noindex accidentel.

Traité sur nos serveurs et supprimé sous une heure

Mode d’emploi

  1. Saisissez une URL (https est supposé si vous omettez le protocole).
  2. Cliquez sur Rechercher et examinez les trois aperçus.
  3. Corrigez les balises listées sous Vérifications, puis relancez la recherche pour confirmer.

Explication des options

Ce qui est lu
Uniquement le <head> de la page, jusqu'à 1 Mo. Les encodages comme UTF-8 et GBK sont détectés automatiquement.
Longueurs recommandées
Gardez les titres à environ 60 caractères et les descriptions à 50–160. Les moteurs de recherche tronquent selon la largeur en pixels, donc ce sont des approximations.
Limites d'accès
Seules les adresses publiques sur les ports 80, 443, 8080 et 8443 sont accessibles, en suivant jusqu'à 5 redirections.

Quelles balises les aperçus utilisent

Les trois aperçus prennent chaque élément de texte dans la première balise présente, dans cet ordre :

Partie de l’aperçu Source, la première trouvée
Titre og:title, puis twitter:title, puis le titre de la page
Description og:description, puis twitter:description, puis la meta description
Image og:image, puis twitter:image

La liste Vérifications signale l’absence de og:title, og:description, og:image ou twitter:card, une og:image qui n’est pas une URL http ou https absolue, ainsi qu’un titre ou une description hors des longueurs recommandées. Un ensemble minimal qui lève tous ces avertissements ressemble à ceci dans le head de la page :

<meta property="og:title" content="Page title">
<meta property="og:description" content="One or two sentences about the page.">
<meta property="og:image" content="https://example.com/share.png">
<meta property="og:url" content="https://example.com/page">
<meta name="twitter:card" content="summary_large_image">

Le protocole Open Graph (ogp.me) définit og:title, og:type, og:image et og:url comme les propriétés de base. Les valeurs de twitter:card sont summary (petite carte) et summary_large_image (grande image au-dessus du texte).

Questions fréquentes

J'ai changé mes balises. Pourquoi les applications sociales affichent-elles encore l'ancienne carte ?

Les plateformes mettent les aperçus de lien en cache pendant des heures ou des jours. Facebook, LinkedIn et X proposent chacun un outil de débogage officiel qui force une nouvelle récupération.

Quelle taille doit avoir og:image ?

1200×630 pixels (environ 1,91:1) est le choix courant, moins de 5 Mo, avec une URL https absolue. Les images carrées de petite taille sont recadrées ou affichées comme une petite carte.

Mon site s'affiche dans le navigateur. Pourquoi aucune balise n'est-elle trouvée ?

Comme la plupart des robots sociaux, cet outil lit le HTML renvoyé par le serveur et n'exécute pas de JavaScript. Les balises doivent être présentes dans le HTML issu du rendu serveur ou de la génération statique.

Confidentialité

Les fichiers sont envoyés en HTTPS pour être traités, puis supprimés automatiquement dans un délai d’une heure.

Outils similaires