Pourquoi l'image de partage compte#
Quand quelqu'un colle votre lien sur Facebook, LinkedIn, dans Messenger ou dans une conversation, le service récupère un aperçu : image, titre et texte court. Il est déterminé par les balises Open Graph dans le code de la page. Si elles manquent, le service devine, et le résultat est souvent un logo recadré ou pas d'image du tout. Ces balises sont un type de balises meta (voir Balises meta).
Les balises nécessaires#
La norme Open Graph exige quatre balises : og:title, og:type, og:image et og:url, où og:url est l'adresse permanente de la page [1]. Facultatives mais importantes : og:description, og:site_name et og:locale (pour le français de France, fr_FR), et pour l'image og:image:width, og:image:height et og:image:alt [1]. LinkedIn exige aussi og:description [2].
L'image : taille et format#
- Meta recommande au moins 1200 × 630 pixels, un rapport proche de 1,91:1 et au plus 8 Mo. Si vous indiquez la largeur et la hauteur dans les balises, l'image peut s'afficher tout de suite [3].
- LinkedIn exige au moins 1200 × 627 pixels et au plus 5 Mo ; les images de moins de 401 pixels de large s'affichent en petite miniature [2].
- L'adresse de l'image doit être complète (commencer par https://), sinon les services ne peuvent pas la récupérer.
- X (Twitter) utilise les balises Open Graph quand ses propres balises X manquent.
Voici ce que nous faisons#
- Chaque page que nous construisons reçoit toutes les balises Open Graph, une image de partage en 1200 × 630 avec largeur, hauteur et texte alternatif, et le même titre et la même description que dans le résultat de recherche.
- Dans l'analyse de votre site web actuel, vous voyez quelles balises manquent et si l'image est trop petite.
- Si vous voulez mesurer ce que rapportent les partages et les publicités, lisez ce qui concerne Pixels et mesure.
À quoi ressemble votre lien quand il est partagé ?
L'analyse gratuite montre quelles balises de partage manquent et si l'image est suffisamment bonne.
0 SEK · sans inscription · une réponse en une minute environ
Sources de cette page
- The Open Graph protocol ogp.me · Norme ouverte
- Make your website shareable on LinkedIn LinkedIn Help · Documentation officielle
- Images in Link Shares Meta for Developers · Documentation officielle