Cet article explique d’où vient l’aperçu d’une page partagée sur un réseau social et comment le régler. Vous saurez changer son titre, sa description et son image, ou faire dessiner une carte de partage à vos couleurs.
Avant de commencer
- Un lien vers votre site collé dans Facebook, LinkedIn, WhatsApp, Slack ou X s’affiche en aperçu, avec un titre, une description et une image. Votre site écrit ces informations dans chaque page publiée.
- Sans réglage, l’aperçu reprend le titre SEO, la méta description et une image de la page. Vous réglez seulement ce que vous voulez différent pour les réseaux.
- Les réglages s’enregistrent avec le contenu et arrivent en ligne à la prochaine publication du site.
Comprendre l’aperçu par défaut
| Élément | Source, dans l’ordre |
|---|---|
| Titre | Le Titre OG, sinon le titre SEO de la page. |
| Description | La Description OG, sinon la méta description. |
| Image | La carte de partage ou l’image choisie dans Image de partage, sinon l’image mise en avant du contenu, sinon la première image de la page, sinon le logo du site. |
Hors image de partage, une image au format SVG ou AVIF est sautée, car les réseaux ne l’affichent pas. La première image de la page compte si elle fait au moins 600 pixels de large et n’est ni trop haute ni trop étirée. Le logo compte s’il est au format JPEG, PNG ou WebP. À défaut, le site prend son icône d’écran d’accueil.
Une page qui a une image s’affiche en grande image. Sans image, le réseau montre un aperçu réduit.
Ouvrir le panneau Réseaux sociaux
- Ouvrez le contenu dans l’éditeur.
- Dans la colonne de droite, cliquez sur l’onglet qui porte le nom du type, puis sur l’onglet SEO.
- Dépliez le panneau Réseaux sociaux. Il commence par l’Aperçu du partage.
| Réglage | Effet | Laissé vide |
|---|---|---|
| Titre OG | Le titre de l’aperçu sur les réseaux. | Le titre SEO. |
| Description OG | Le texte de l’aperçu sur les réseaux. | La méta description. |
| Image de partage | L’image de l’aperçu : une image de votre médiathèque ou une carte de partage. | L’image mise en avant, la première image de la page, puis le logo. |
Choisir une image de partage
- Sous Image de partage, cliquez sur Choisir une image. La médiathèque s’ouvre.
- Choisissez une image au format JPEG, PNG ou WebP, puis validez. Elle s’affiche sous Image de partage et dans l’aperçu.
Changer l’image en choisit une autre. Retirer l’image revient à l’image par défaut.
Générer une carte de partage
Une carte de partage est une image de 1 200 sur 630 pixels que le site dessine avec votre titre, vos couleurs et votre logo. Elle sert quand la page n’a pas de visuel adapté.
- Sous Image de partage, cliquez sur Générer une carte de partage. La fenêtre Carte de partage s’ouvre, les réglages à gauche et l’Aperçu du partage à droite.
- Réglez la carte. L’aperçu suit chaque changement.
- Cliquez sur Utiliser cette carte. La fenêtre se ferme.
Sous Image de partage, les boutons deviennent Modifier la carte de partage et Retirer la carte. Un contenu porte une image ou une carte, jamais les deux.
| Réglage | Effet | Valeur par défaut |
|---|---|---|
| Titre | Le texte principal de la carte, sur quatre lignes au plus. | Le titre du contenu. |
| Seconde ligne | Une ligne plus petite sous le titre : Nom du site, Auteur ou Personnalisée, avec son Texte de la seconde ligne. | Aucune. |
| Fond | La couleur du fond. | La première couleur de votre design system. |
| Image de fond | Une image posée sur le fond, choisie dans la médiathèque. | Aucune. |
| Couleur du texte | La couleur du titre et de la seconde ligne. | La couleur la plus lisible sur le fond. |
| Police de la carte | La police du texte, parmi celles de votre site. | Police par défaut du thème. |
| Taille du texte | La taille du titre, prise sur votre échelle de tailles. | Auto : le titre rapetisse pour tenir. |
| Alignement du texte | À gauche, au centre ou à droite. | À gauche. |
| Position du texte | En haut, Au centre ou En bas. | Au centre. |
| Logo | La place de votre logo dans un coin, ou Sans logo. | En bas à gauche. |
Quatre réglages n’apparaissent qu’avec une image de fond.
| Réglage | Effet | Valeur par défaut |
|---|---|---|
| Voile | Une couleur posée sur l’image pour que le texte se lise. | Noir à 50 %. |
| Marge de l’image | Un espace autour de l’image, pris sur votre échelle d’espacement. | Aucune. |
| Arrondi de l’image | L’arrondi des coins de l’image, pris sur votre échelle des rayons. | Aucune. |
| Ombre de l’image | Une ombre portée, prise dans votre bibliothèque d’ombres. | Aucune. |
Une carte dont le titre est vide n’est pas dessinée : l’aperçu reprend alors l’image par défaut.
Vérifier l’aperçu sur un réseau
Le réseau lit votre page en ligne. Publiez le site avant de tester un partage. Un réseau garde en mémoire l’aperçu d’une adresse déjà partagée : un changement peut mettre du temps à s’y voir.