Mauvaise image quand on partage votre site : régler l’aperçu qui s’affiche avec le lien

Si une mauvaise image s’affiche quand on partage votre site sur Facebook, c’est que votre page n’indique pas clairement quelle image utiliser. Faute de consigne, la plateforme prend ce qu’elle trouve : votre logo recadré, une icône, une photo du pied de page. La solution consiste à définir une image d’aperçu pour chaque page, au bon format, puis à forcer les réseaux à relire la page.

Ce détail compte plus qu’on le pense. Quand un client recommande votre clinique dans un groupe Facebook, qu’un partenaire publie votre page de services sur LinkedIn ou qu’un ami envoie votre lien par messagerie, l’aperçu est la première image de votre entreprise que voient ces personnes. Un logo coupé en deux donne l’impression d’un site négligé, même si le site lui-même est impeccable.

D’où vient l’image qui s’affiche quand on partage votre site ?

Quand quelqu’un colle l’adresse d’une page dans une publication ou un message, la plateforme visite cette page et lit son code. Elle y cherche des informations prévues pour le partage : un titre, une courte description et une image. Ces informations sont inscrites dans des balises invisibles pour le visiteur, que l’on appelle les balises Open Graph. La plus importante ici est celle qui désigne l’image, nommée og:image.

Facebook, LinkedIn, la plupart des messageries et plusieurs autres applications lisent ces balises. Si elles sont présentes et bien remplies, l’aperçu affiche exactement l’image que vous avez choisie. Si elles sont absentes, chaque plateforme improvise selon ses propres règles.

Autrement dit, vous ne réglez pas l’aperçu sur Facebook. Vous le réglez dans votre site, et chaque plateforme le lit ensuite à sa façon.

Pourquoi c’est souvent votre logo coupé ou une photo au hasard

Sans balise d’image, la plateforme parcourt la page et retient une image qui lui semble convenable. Elle tombe souvent sur l’une de ces options :

• Le logo de l’en-tête : il est en haut de la page, donc trouvé en premier. Comme il est très horizontal ou presque carré, il est recadré dans le format de l’aperçu et perd une partie du nom.
• Une image de bannière : la photo d’accueil, conçue pour un grand écran, est réduite et coupée sur les côtés, souvent au milieu d’un visage ou d’un produit.
• Une petite image sans rapport : une icône de réseau social, un badge ou une photo d’équipe trouvée plus bas dans la page.

Il arrive aussi que l’image définie existe, mais qu’elle soit trop petite. La plateforme l’affiche alors en vignette minuscule à côté du titre, au lieu d’une grande image en pleine largeur. Une image trop lourde, protégée ou placée à une adresse inaccessible peut aussi être ignorée.

Définir l’image d’aperçu de chaque page de votre site

La méthode dépend de la façon dont votre site est construit, mais le principe reste le même : chaque page reçoit sa propre image de partage.

Sur un site WordPress

La plupart des extensions de référencement offrent, sous l’éditeur de chaque page, un onglet consacré aux réseaux sociaux. Vous y choisissez une image, un titre et une description pour le partage. Elles proposent aussi une image par défaut, utilisée pour toutes les pages qui n’en ont pas, ce qui évite les aperçus vides.

Sur une plateforme de création de site ou une boutique en ligne

Les plateformes hébergées offrent en général un champ « image de partage » ou « image pour les réseaux sociaux » dans les réglages de référencement de chaque page, et un réglage global pour l’ensemble du site.

Sur un site codé sur mesure

Le développeur ajoute dans l’en-tête de chaque page les balises Open Graph, dont og:image avec l’adresse complète de l’image, y compris le https.

Commencez par les pages qui sont réellement partagées : l’accueil, vos pages de services, vos promotions et vos articles de blogue. Une page d’offre ou une landing page utilisée dans une campagne mérite une image soignée, puisqu’elle sera diffusée volontairement.

Quel format et quelles proportions préparer ?

Les plateformes n’affichent pas toutes l’aperçu de la même façon, mais un format horizontal fonctionne presque partout.

• Proportions : on recommande souvent un rapport d’environ 1,91 pour 1, soit 1200 x 630 pixels. C’est le repère le plus répandu pour Facebook et LinkedIn.
• Zone de sécurité : certaines messageries recadrent l’aperçu en carré. Gardez donc le logo et le texte dans la partie centrale, en laissant les bords gauche et droit pour le fond.
• Poids du fichier : un JPEG ou un PNG bien compressé, assez léger pour se charger rapidement.
• Nom du fichier : un nom clair, sans espaces ni accents, par exemple apercu-services-renovation.jpg.

Évitez les textes très fins ou très petits. L’aperçu s’affiche souvent sur un téléphone, à une fraction de sa taille réelle, et une ligne de texte en petits caractères devient une simple tache grise.

Logo, titre ou photo : quoi mettre dans l’image d’aperçu

L’aperçu affiche déjà le titre de la page et, souvent, le nom de domaine. L’image n’a donc pas à tout répéter. Elle doit surtout rendre le lien reconnaissable et donner envie de cliquer.

Pour la page d’accueil

Un gabarit de marque fonctionne bien : votre logo, bien centré et assez grand, sur un fond de votre couleur principale, avec éventuellement une courte phrase qui dit ce que vous faites. C’est aussi une bonne image par défaut pour tout le site.

Pour une page de services

Une photo réelle de votre travail parle davantage : une cuisine rénovée, une salle de soins, un plat signature. Ajoutez au besoin un bandeau discret avec votre logo dans un coin, à l’intérieur de la zone de sécurité.

Pour un article de blogue ou une promotion

Un visuel avec le titre de l’article en gros caractères, dans un gabarit récurrent, permet de reconnaître vos contenus d’un partage à l’autre. Gardez un titre de quelques mots, plus court que le titre réel de la page.

L’ancienne image reste affichée : forcer la mise à jour

Vous avez corrigé l’image, mais Facebook montre encore l’ancienne ? C’est normal. Les plateformes gardent en mémoire l’aperçu de chaque adresse pour éviter de relire la page à chaque partage. Elles ne voient donc pas votre modification tant qu’elles ne relisent pas la page.

1. Videz le cache de votre site si vous utilisez une extension de mise en cache, pour que la nouvelle balise soit bien servie.
2. Utilisez l’outil de débogage de partage de Meta : collez l’adresse de la page et demandez une nouvelle extraction. L’outil affiche l’image retenue et signale les balises manquantes.
3. Faites de même sur LinkedIn avec son outil d’inspection des publications, qui relit la page et met l’aperçu à jour.
4. Changez le nom du fichier image si l’ancienne image persiste. Une nouvelle adresse d’image oblige les plateformes à la télécharger de nouveau.

Sachez qu’une publication déjà faite garde souvent son ancien aperçu. La correction s’applique surtout aux partages suivants.

Un aperçu soigné fait partie de votre image de marque

On pense rarement à l’aperçu de lien au moment de construire un site, et pourtant c’est l’une des images de votre entreprise qui circulent le plus, souvent sans que vous le sachiez. Un ensemble d’aperçus cohérents, aux couleurs de votre marque, donne la même impression de sérieux que des cartes d’affaires bien imprimées.

Lors d’une refonte ou de la création d’un site internet, demandez que les images de partage soient prévues pour chaque gabarit de page. C’est un petit travail qui évite des années de logos coupés.

Questions fréquentes

Pourquoi l’aperçu est-il différent sur Facebook et dans une messagerie ?

Chaque application lit les mêmes balises, mais les affiche dans son propre cadre. Facebook montre souvent une grande image horizontale, alors qu’une messagerie peut l’afficher en petit carré à côté du titre. C’est pourquoi on garde l’essentiel au centre de l’image. Si l’aperçu diffère seulement par le cadrage, votre réglage est probablement correct.

Peut-on avoir une image d’aperçu différente pour chaque article de blogue ?

Oui, et c’est recommandé. La plupart des systèmes utilisent automatiquement l’image à la une de l’article si aucune image de partage n’est précisée. Il suffit alors que cette image à la une respecte le format horizontal et la zone de sécurité. Pour vos articles importants, un visuel conçu exprès pour le partage donne un résultat plus net.

Mon aperçu n’affiche aucune image du tout, que faire ?

Vérifiez d’abord que la page possède bien une balise d’image et que l’adresse de cette image est complète et accessible publiquement. Une image trop petite, bloquée par une protection du site ou placée sur une page privée peut être ignorée. L’outil de débogage de Meta indique en général la cause exacte, ce qui permet de corriger le bon élément.

L’image d’aperçu a-t-elle un effet sur le référencement Google ?

Pas directement, car Google ne classe pas vos pages selon leur image de partage. L’effet est indirect : un lien plus attrayant est davantage cliqué et partagé, ce qui augmente les visites. Les balises Open Graph servent avant tout aux réseaux sociaux et aux messageries, en complément du titre et de la description prévus pour les moteurs de recherche.

Des aperçus de lien soignés avec Conception-Logo.com

Notre équipe prépare des images de partage à votre image, règle les balises de chaque page et vérifie le rendu sur les principales plateformes, que ce soit pour un site existant ou une refonte complète. Découvrez notre service de création de site internet et demandez une soumission sans engagement au 514 665-6715.