Générateur de balises Open Graph et Twitter Card

Comment ça marche

• Des clés courtes suffisent — title, description, url, image, image:alt, site_name, type, locale — et toute propriété og:, article: ou twitter: peut être ajoutée telle qu’elle s’écrit dans les spécifications.
• og:type vaut website par défaut, le lien canonical reprend par défaut la ligne url, et les locales saisies en fr-FR ou fr-fr sont réécrites en fr_FR, la forme qu’attend Open Graph.
• Seul twitter:card est ajouté par défaut pour X, qui se rabat sur og:title, og:description et og:image ; la carte devient summary_large_image lorsqu’il y a une image.
• Pour la largeur du titre et de la description, un caractère CJK compte double, car Google tronque selon la largeur en pixels et les caractères chinois sont environ deux fois plus larges que les lettres latines.

Questions fréquentes

Quelle longueur pour le titre et la description ?

Google coupe les titres vers 600 pixels, soit environ 60 caractères latins, et les descriptions vers 155 à 160 caractères. Ce sont des repères, pas des limites : une valeur plus longue est tout de même indexée, elle se termine simplement par des points de suspension. Les réseaux sociaux ont leurs propres seuils, généralement plus généreux.

Quelle taille pour l’og:image ?

1200×630 pixels, soit un rapport de 1,91:1, est la taille que recommandent Facebook et LinkedIn, et elle convient aussi à la grande carte de X. Utilisez une URL https absolue, gardez le fichier sous quelques mégaoctets, et renseignez og:image:width et og:image:height pour que le premier partage s’affiche sans attendre le téléchargement de l’image.

J’ai modifié les balises mais l’ancien aperçu s’affiche toujours. Pourquoi ?

Chaque plateforme met en cache l’aperçu qu’elle a récupéré. Le Sharing Debugger de Facebook et le Post Inspector de LinkedIn permettent tous deux de forcer une nouvelle récupération ; pour les autres plateformes, ajouter une chaîne de requête comme ?v=2 à l’URL partagée la fait paraître nouvelle.

Ai-je encore besoin des balises twitter: ?

Seul twitter:card est indispensable, car X lit les valeurs og: pour le titre, la description et l’image en l’absence d’équivalents twitter:. Ajoutez twitter:site (le @compte du site) et twitter:creator (celui de l’auteur) si vous voulez que la carte soit attribuée ; un compte saisi sans @ en reçoit un automatiquement.

Aussi appelé

• générateur open graph
• balises meta og
• générateur twitter card
• générateur de balises meta
• balises aperçu réseaux sociaux
• taille og:image