Les métadonnées Open Graph décrivent un contenu lorsqu’un service construit son aperçu de partage. Les Twitter Cards utilisent des propriétés complémentaires pour les services qui les prennent en charge. Ces balises servent à la présentation du lien ; elles ne garantissent pas un meilleur classement Google.
Exemple minimal
<meta property="og:type" content="article">
<meta property="og:title" content="Auditer les images d’un site">
<meta property="og:description" content="Une méthode pour prioriser les corrections.">
<meta property="og:url" content="https://example.com/audit-images/">
<meta property="og:image" content="https://example.com/images/audit-images.jpg">
<meta name="twitter:card" content="summary_large_image">
Les propriétés de base sont décrites par le protocole Open Graph. L’image doit être accessible au service qui récupère la page ; une image visible uniquement après connexion ne convient pas à un aperçu public.
Diagnostiquer un mauvais aperçu
- Le titre est ancien : contrôler le HTML reçu, puis le cache du service de partage.
- L’image manque : ouvrir son URL directement, vérifier statut, type de fichier et accès.
- Le mauvais domaine apparaît : contrôler
og:url, les redirections et la canonical. - Le résultat varie selon le service : vérifier ses propriétés reconnues et son recadrage.
Une modification du code n’efface pas instantanément tous les aperçus déjà mis en cache.
Concevoir une image robuste
Gardez les informations importantes loin des bords et testez les recadrages. Une capture complète d’interface avec des libellés minuscules devient souvent illisible dans une carte de partage. Préférez une composition qui reste compréhensible à petite taille, avec une image représentative du contenu.
Conservez un test de l’URL finale et du rendu dans le service ciblé. Pour le reste du head, consultez les balises meta et la canonical ; la meta description concerne un autre usage.