Prévisualiser vos liens lors du partage
Maîtrisez les aperçus de liens — Open Graph et oEmbed, quelles apps utilisent quoi, différences Slack, LinkedIn et WordPress, choix d’images et textes, débogage de cartes obsolètes — puis Page SEO et pages photo pour les contrôles à l’écran.
Qu’est-ce qu’un aperçu de lien
Un aperçu de lien est le titre, texte court et image qu’un autre produit affiche quand quelqu’un colle ou intègre une URL publique de votre site. Vous ne publiez pas vous-même dans ce produit — l’URL porte assez de métadonnées pour construire une carte ou un embed.
Open Graph vs oEmbed
| Open Graph (OG) | oEmbed | |
|---|---|---|
| Rôle | Balises meta sur votre page que les apps lisent pour une carte | Réponse API permettant à un hôte de rendre un embed plus riche |
| Consommateurs typiques | Slack, iMessage, LinkedIn, Facebook, nombreux flux coller chat/social | WordPress, Notion, Discourse, éditeurs « coller URL → embed » |
| Vous influencez | Meta titre, description, image OG / à la une | Même qualité d’URL publique ; l’hôte choisit le chrome de l’embed |
ArtInStack expose les deux pour pages, photos et articles publics éligibles. Pas de plugin à installer.
Quels services s’appuient sur quel mécanisme
| Expérience | Mécanisme ressenti |
|---|---|
| Coller style Slack / iMessage | Carte style OG |
| Partage ou debugger LinkedIn / Facebook | Carte style OG (souvent en cache) |
| « Partager ce lien » en statut social | Carte OG dans l’UI de publication du réseau |
| Coller WordPress / Notion / Discourse | Souvent oEmbed (embed interactif ou orienté image) |
Le comportement exact varie ; la règle pratique : URL publique + titre/description/image solides.
Comment les expériences diffèrent
| Contexte | À quoi ressemble le succès |
|---|---|
| Post social incluant votre URL | La carte raconte l’histoire voulue ; les gens cliquent vers votre site |
| Partage Slack / iMessage | Titre lisible + une image claire dans une carte étroite |
| Embed WordPress (ou similaire) | Embed stable de la photo ou article, pas un placeholder cassé |
Choisir une image d’aperçu efficace
- Un sujet, lisible en petite taille — évitez les planches contact denses.
- Correspond à la destination : page série portrait, pas un visuel logo seul.
- Préférez une image OG explicite (ou image à la une) plutôt qu’une couverture aléatoire.
- Pour URLs photo, la photo publique est souvent la carte — assurez-vous que ce cadre est celui que vous voulez cité ailleurs.
Stratégie titre et description
- Promettez ce que la page livre ; le clickbait qui déçoit brûle la confiance.
- Commencez par le sujet humain ou le résultat, pas les noms de fichiers internes.
- Respectez les longueurs suggérées par l’éditeur (~60 / ~160 quand applicable).
Pourquoi la page publique compte
Brouillons, liens preview, URLs vault et articles non publiés ne produisent pas de cartes fiables. Partagez l’URL live sur domaine personnalisé (ou hôte public) après publication. Liens vault client et projet (/p/…) restent texte-only volontairement.
Masquer des moteurs n’éteint pas les aperçus chat — visibilité recherche et cartes de lien sont séparées.
Déboguer aperçus obsolètes ou incorrects
- Confirmez que vous testez l’URL publiée sur l’hôte public.
- Confirmez meta / OG / image à la une enregistrés et publiés.
- Collez dans Slack pour un test rapide.
- Utilisez Facebook Sharing Debugger ou LinkedIn Post Inspector et rescrapez — les vendeurs cachent agressivement.
- Après rebrand, retestez les URLs piliers ; vieilles images peuvent rester des jours.
Photographes : image d’aperçu vs page de destination
La carte est une bande-annonce ; la photo ou page est le film. Si l’aperçu est un crop vif mais la landing une vue large sans contexte, le rebond monte. Alignez sujet, légende et prochaine étape (contact, tirage, série) pour un clic intentionnel.
Réglez meta titre, description et images sous Pages → Page Settings, Posts → Settings ou les réglages photo portfolio. Les guides ci-dessous détaillent ces écrans.