Aller au contenu
VIGNEDEV

Tutoriel · Réseaux sociaux

Choisir l’image qui s’affiche quand on partage son site

Par Bruno Vigné, fondateur de VIGNEDEV · Publié le

L’image affichée quand on colle un lien vient d’une balise de la page, og:image. Prévoyez 1200 par 630 pixels. Quand vous la changez, donnez-lui aussi une nouvelle adresse : Facebook indique qu’une image n’est pas mise à jour tant que son adresse ne change pas, et l’ancienne reste affichée.

Cette page fait partie du guide Création de site internet pour artisan.

Votre lien circule souvent sans que vous le sachiez : un client le colle sur LinkedIn, dans Facebook, dans un message. Ce qui s’affiche alors, c’est l’image que votre page annonce, pas votre accueil. Sans elle, le réseau choisit seul, ou n’affiche rien.

Préparer la bonne image

Une seule image peut servir partout, si elle respecte le format le plus exigeant. Facebook et LinkedIn demandent presque la même chose :

CritèreFacebookLinkedIn
Dimensionsau moins 1200 × 630 pixels conseillésau moins 1200 × 627 pixels
Proportionsenviron 1,91 pour 11,91 pour 1 conseillé
Poids maximal8 Mo5 Mo
L’image de partage de VIGNEDEV au format 1200 par 630 pixels : le logo et la phrase Un site web qui travaille pour votre entreprise.
L’image de partage de vigne.dev, en 1200 × 630 pixels.

Ce qu’il faut mettre sur l’image

  • Votre nom ou votre logo, assez gros pour rester lisible dans le fil d’un téléphone.
  • Une phrase courte qui dit ce que vous faites, sans détail qui se périme : pas de prix, pas de date.
  • Rien de collé au bord : tenez le texte vers le centre.

Dire à la page quelle image utiliser

Tout passe par des balises invisibles dans la page, dites Open Graph. Quatre sont obligatoires : og:title (le titre), og:type (le type de page), og:url (l’adresse) et og:image (l’image). Ajoutez og:image:alt pour décrire l’image, et si possible og:image:width et og:image:height : Facebook indique que ces dimensions permettent d’afficher l’image dès le premier partage.

Sur un site sur mesure, cela se règle une fois pour tout le site. Sur une plateforme de création de site, cherchez un réglage nommé « image de partage » ou « image pour les réseaux sociaux ».

Le piège : l’ancienne image reste

Remplacer le fichier en gardant le même nom ne suffit pas. Facebook l’écrit dans sa documentation : une image gardée en mémoire n’est pas mise à jour tant que son adresse ne change pas, et il conseille d’utiliser une nouvelle adresse pour une nouvelle image.

Quand notre logo a changé, le 4 novembre 2026, nous avons donc ajouté ?v=2 à la fin de l’adresse de l’image. Le fichier reste au même endroit, mais pour un réseau social, c’est une nouvelle adresse. Ce réglage vaut pour les partages à venir ; ceux déjà publiés se rafraîchissent à part.

Vérifier avant de partager

  1. Ouvrez l’adresse de l’image dans un navigateur : elle doit s’afficher sans demander de mot de passe.
  2. Si vous avez un compte Facebook, collez l’adresse de votre page dans le débogueur de partage (« Sharing Debugger ») : il montre ce que lit Facebook, ses avertissements, et relit la page.
  3. Collez enfin le lien dans un message à vous-même, sur le réseau visé, avant de le publier.

Questions fréquentes

Des réponses courtes et franches. S’il manque la vôtre, écrivez-nous.

Faut-il une image différente pour chaque page ?

Non. Une image commune suffit pour un petit site. Une image propre à une page se justifie pour celles que vous partagez souvent, comme un article.

Quel format de fichier choisir ?

Un PNG ou un JPEG restent les plus sûrs pour ce rôle, car tous les réseaux les lisent. Nous gardons un PNG pour cette image, alors que le reste du site est en WebP.

Pourquoi mon image apparaît-elle toute petite sur LinkedIn ?

LinkedIn indique qu’une image de moins de 401 pixels de large s’affiche en vignette. Reprenez une image d’au moins 1200 pixels de large.

Parlons de votre activité

Décrivez-nous votre métier en quelques lignes. Premier échange gratuit et sans engagement, par téléphone ou en visio. Nous vous dirons franchement si un site vous servira.

Demander un devis

À lire ensuite

Sources