Générateur de balises Open Graph

Comment utiliser le générateur Open Graph

1. Saisissez le Titre et la Description que les gens verront quand votre lien sera partagé. Ils peuvent différer de votre titre SEO : écrivez-les pour un fil d’actualité.
2. Indiquez l’URL de la page (son adresse canonique) et l’URL de l’image. Les deux doivent être absolues et commencer par https://.
3. Décrivez l’image dans Description de l’image (texte alternatif) pour les personnes qui utilisent un lecteur d’écran.
4. Choisissez ou déposez la même image dans Image d’aperçu. Elle reste sur votre appareil : l’outil s’en sert uniquement pour dessiner les aperçus et remplir Largeur de l’image (px) et Hauteur de l’image (px).
5. Renseignez le Nom du site, le Type de contenu et la Langue et région (locale), puis choisissez le style de Carte X (Twitter) et, le cas échéant, les comptes X du site et de l’auteur.
6. Vérifiez les aperçus et la liste Vérifications, puis cliquez sur Copier ou Télécharger et collez les balises dans le <head> de la page.

À quoi servent les balises Open Graph ?

Quand on colle un lien dans Facebook, LinkedIn, X, Slack, Discord, WhatsApp, iMessage et bien d’autres applications, un robot récupère la page et lit ses balises meta Open Graph (og:) pour composer une carte : une image, un titre, une courte description et le domaine. Sans ces balises, l’application devine, et choisit souvent un logo, le bandeau des témoins (cookies) ou la première phrase du menu.

Les quatre propriétés de base sont og:title, og:type, og:image et og:url. Cet outil ajoute aussi og:description, og:site_name, og:locale et les détails de l’image (og:image:width, og:image:height, og:image:alt). Déclarer les dimensions permet à certaines plateformes d’afficher la carte dès le premier partage, sans attendre le téléchargement de l’image.

X lit ses propres balises twitter:, mais se rabat sur le titre, la description et l’image Open Graph lorsqu’elles sont absentes. L’outil n’ajoute donc que ce dont X a vraiment besoin : twitter:card, les comptes facultatifs et la description de l’image. Inutile de tout dupliquer.

Dimensions d’image qui fonctionnent partout

Privilégiez le JPEG ou le PNG, gardez un fichier raisonnable (bien moins de 5 Mo) et évitez de placer du texte important près des bords : chaque plateforme recadre un peu différemment. Les aperçus de cet outil reproduisent ces mises en page de façon approximative ; ce ne sont pas des captures d’écran.

Après la mise en ligne

Les réseaux sociaux gardent les aperçus en cache, parfois plusieurs jours. Après une modification, demandez-leur de relire la page avec l’outil de débogage de partage de Facebook ou le Post Inspector de LinkedIn. La page doit être publique : les robots ne voient ni les pages protégées par un mot de passe ni localhost.