Pourquoi Facebook affiche-t-il encore mon ancienne image ?

Parce qu'il affiche la copie qu'il a gardée de sa dernière lecture de votre page, et non les balises qui s'y trouvent maintenant. Facebook fournit le Sharing Debugger pour cela : saisissez l'adresse et demandez un nouveau chargement. LinkedIn fonctionne de la même façon avec le Post Inspector. Rien de ce que vous changez sur votre propre site ne les oblige à regarder à nouveau.

Quelle taille doit faire l'image ?

1200 par 630 est la taille que la plupart des gens utilisent. Le chiffre qui compte davantage est la limite basse : en dessous d'environ 600px de large, la plupart des plateformes renoncent à la grande image et affichent une petite vignette. Gardez les détails importants loin des bords, car le recadrage se fait depuis le centre.

Ai-je besoin des balises X si j'ai déjà Open Graph ?

Non. X se rabat sur les balises Open Graph quand les siennes sont absentes, une page avec seulement Open Graph obtient donc quand même une carte. Ajoutez les balises X quand vous voulez y afficher autre chose, ou quand vous voulez la grande carte avec image plutôt que la petite.

Pourquoi mon image ne s'affiche-t-elle pas du tout ?

Trois causes possibles. Il n'y a pas de balise d'image, ou l'adresse indiquée dans la balise ne se charge pas, ou l'image est assez petite pour que la plateforme l'écarte. L'aperçu ici charge l'image de la même manière : si elle est vide ici, elle le sera là-bas aussi.

Est-ce que tout cela change mon classement ?

Non. Ces balises indiquent à une plateforme comment dessiner une carte, et Google ne s'en sert pour aucun classement. Ce qu'elles changent, c'est si la personne qui voit le lien clique dessus. Pour l'apparence de la même page dans les résultats de recherche, utilisez Aperçu SERP.

L'adresse que je saisis est-elle stockée quelque part ?

Elle est envoyée à sona.to, qui charge la page et renvoie les balises trouvées. La page elle-même n'est ni renvoyée ni conservée. La même adresse saisie deux fois en cinq minutes n'est chargée qu'une seule fois. Écrire les balises à la main n'envoie rien du tout.

Où est-ce que je mets ces balises ?

Dans le head de la page, à côté de la balise title. La plupart des créateurs de sites et systèmes de contenu ont un champ pour l'image de partage et la description, et les écrivent pour vous. Pour écrire l'ensemble à la main, utilisez Générateur de balises meta.

Accueil / Outils gratuits / Social Share Preview

Voyez à quoi ressemble votre page quand le lien est partagé

Voyez la carte que six plateformes construisent quand quelqu'un partage un lien vers votre page.

Quand un lien est partagé, la plateforme n'affiche pas simplement l'adresse. Elle va chercher la page, lit quelques balises dans le head et construit une carte : une image, un titre, une ligne de texte. Les balises lues dépendent de l'endroit où le lien a été publié. X cherche d'abord ses propres balises avant de se rabattre sur celles d'Open Graph, tandis que Facebook et LinkedIn ne lisent qu'Open Graph. Si une balise manque, il n'y a pas de vide ; la plateforme prend autre chose sur la page, souvent le premier texte qu'elle trouve. Saisissez une adresse ci-dessous pour lire les balises d'une page, ou écrivez-les vous-même, et la carte est dessinée comme chacune des six plateformes la construit.

Adresse de la page facultatif

Titre principal Description Adresse de l'image

Rien n'est enregistré ici. Une adresse saisie est envoyée à sona.to, qui lit les balises de cette page et les renvoie. La page elle-même n'est pas conservée.

X Balises X en priorité

Facebook Open Graph uniquement

LinkedIn Pas de description affichée

Slack L'un ou l'autre

Discord L'un ou l'autre

Quelles balises une plateforme lit

X regarde d'abord ses propres balises et se rabat sur Open Graph quand elles sont absentes. Facebook et LinkedIn ne lisent qu'Open Graph, une balise X n'y sert donc strictement à rien. Slack et Discord acceptent les deux. Une même page peut ainsi produire six cartes qui ne se ressemblent pas, et un titre que vous êtes certain d'avoir défini peut manquer sur la moitié d'entre elles. Chaque aperçu suit ici l'ordre que la plateforme utilise réellement.

Facebook et LinkedIn retiennent ce qu'ils ont lu

Les deux gardent une copie de ce qu'ils ont trouvé la première fois qu'ils ont chargé votre page, et ils la conservent longtemps. Vous corrigez les balises et la carte ne change pas, ce qui est la raison la plus fréquente pour laquelle une correction juste semble avoir échoué. Il faut demander à la plateforme de relire la page, et chacune fournit un outil pour cela : le Sharing Debugger chez Facebook, le Post Inspector chez LinkedIn. Aucun outil ne peut vider ces caches à votre place, celui-ci compris. Ce que vous voyez ici, c'est ce que disent les balises maintenant, pas ce que Facebook affiche encore.

Une balise absente ne laisse pas un blanc

Les plateformes remplacent plutôt que de laisser un trou. Sans balise de description, elles prennent une ligne sur la page, souvent le premier texte rencontré, et sur beaucoup de sites ce premier texte est un libellé de menu ou un bandeau de cookies. Sans image, la carte se réduit à une ligne de texte à côté d'un favicon. Les aperçus reproduisent ces remplacements.

La taille, et où tombe le recadrage

En dessous d'environ 600px de large, la plupart des plateformes cessent d'afficher la grande carte avec image et basculent sur une petite vignette à côté du texte, une carte nettement plus faible. 1200 par 630 est la taille que la plupart des gens visent. Le recadrage se fait depuis le centre, donc tout ce qui se trouve près du haut, du bas ou des bords peut disparaître : un numéro de téléphone en bas d'une photo, un nom en haut d'une affiche. L'image est chargée et mesurée ici dans votre navigateur, la taille affichée est donc la vraie et non ce que prétend la balise de largeur.

Ce qu'il montre

Un seul jeu de balises, six cartes, parce que les plateformes ne les lisent pas de la même façon.

Six plateformes

Dans la mise en page de chacune
Dans l'ordre de balises que chacune utilise
Côte à côte

L'image

Mesurée dans votre navigateur
Les vrais pixels, pas la balise
Recadrée comme elle le sera

Les mots

Titre et description
Où chacun est coupé
De quelle balise chacun vient

Lu depuis une page en ligne

Les balises présentes, quelles qu'elles soient
Chaque repli suivi
Rien de conservé

Comment l'utiliser

Saisir l'adresse

Tapez ou collez l'adresse de la page. Son titre, sa description, son canonical, son favicon et chaque balise Open Graph et X sont lus et reportés ci-dessous.

Ou écrivez les balises vous-même

Laissez l'adresse vide et tapez un titre, une description et l'adresse d'une image. Pratique pour essayer un jeu de balises avant de le mettre sur la page.

Lire les six cartes

Regardez où le titre et la description sont coupés, et ce que chaque plateforme a mis à la place de ce que vous avez omis.

Changer les balises, puis demander une relecture

Les balises se placent dans le head de la page. Sur Facebook et LinkedIn, l'ancienne carte reste tant que vous ne leur demandez pas de regarder à nouveau.

Ce que ces mots veulent dire

Open Graph

Un jeu de balises meta dans le head d'une page, dont les noms commencent tous par og, qui indiquent à une plateforme quelle image, quel titre et quelle description utiliser. Facebook les a introduites et la plupart des plateformes les lisent aujourd'hui.

Carte

Ce qu'une plateforme dessine à la place d'un lien nu : une image, un titre, une ligne de texte et le nom de domaine. Sa forme et la quantité de texte qui survit varient selon la plateforme.

Cache

La copie de ce qu'une plateforme a lu sur votre page. Facebook et LinkedIn en gardent une, c'est pourquoi la carte affichée peut être plus ancienne que les balises présentes sur la page.

Questions