À quoi ressemble votre lien
quand on le partage ?
Cinq plateformes,
un seul coup d’œil.
Le même lien ne s’affiche pas de la même façon selon l’endroit où on le colle. L’outil reconstitue les cinq rendus, puis explique ce qui bloque quand quelque chose ne s’affiche pas.
Le rendu sur WhatsApp
La bulle exacte que verra votre contact : image, titre sur deux lignes, description raccourcie. C’est le format le plus exigeant et le plus utilisé.
La carte LinkedIn
Grande image ou vignette latérale ? LinkedIn bascule automatiquement en petit format sous 401 pixels de large, et l’effet est immédiat sur les clics.
Facebook, X et Google
Le même lien s’affiche différemment partout. L’outil montre les quatre rendus côte à côte, plus l’extrait qui apparaît dans les résultats de recherche.
L’image passée au crible
Elle est réellement téléchargée : poids exact, dimensions, format, cadrage. Une image trop lourde ou trop étroite est la cause numéro un des aperçus vides.
Les balises manquantes
og:title, og:description, og:image, twitter:card, og:url. L’outil dit lesquelles manquent et ce que la plateforme affiche à la place.
Le code prêt à coller
Les balises corrigées, générées pour votre page, à copier dans votre en-tête. Rien à rédiger, rien à deviner.
Un lien nu ne se
clique pas.
Votre lien circule bien plus souvent que vous ne le pensez : dans un message à un prospect, dans une signature d’email, dans un groupe professionnel, dans une publication LinkedIn. À chaque fois, c’est cette petite carte qui décide du clic, avant même que quiconque n’ait vu votre site.
Et quand elle est cassée, personne ne vous le dit. Vous continuez à envoyer un lien gris qui ressemble à un spam, en vous demandant pourquoi les gens ne cliquent pas.
Les dimensions attendues,
plateforme par plateforme.
Ces valeurs proviennent des documentations officielles. Une seule image de 1200 × 630 pixels sous 300 Ko satisfait les quatre en même temps.
| Plateforme | Recommandé | Minimum | Poids max | Ratio |
|---|---|---|---|---|
| WhatsApp Sous 300 px de large, aucune image n’est affichée. Meta recommande de rester sous 600 Ko. | 1200 × 630 px | 300 px de large | 600 Ko | ≤ 4:1 |
| LinkedIn Sous 401 px de large, l’image passe en petite vignette latérale. | 1200 × 627 px | 401 px de large | 5 Mo | 1,91:1 |
| Facebook En dessous de 600 px de large, Facebook n’affiche pas la grande carte. | 1200 × 630 px | 200 × 200 px | 8 Mo | 1,91:1 |
| X (Twitter) Sans balise twitter:card, le lien s’affiche en petit format. | 1200 × 628 px | 300 × 157 px | 5 Mo | 2:1 |
Six erreurs qui reviennent
sur presque tous les sites.
L’adresse de l’image est relative
Écrire /images/apercu.jpg au lieu de l’adresse complète. Les robots des réseaux ne résolvent pas les chemins relatifs : ils ne trouvent rien.
L’image pèse plus de 600 Ko
Une photo sortie d’un appareil fait souvent 2 ou 3 Mo. WhatsApp renonce alors à l’afficher et votre lien apparaît nu.
Le logo sert d’image de partage
Un logo carré de 400 px sera rogné ou réduit à une vignette. Il faut une image horizontale de 1200 × 630.
Le titre SEO sert aussi au partage
Un titre pensé pour Google fait 60 caractères et se termine par le nom du site. Dans une conversation, il est coupé en plein milieu.
La balise twitter:card est absente
Sans elle, X affiche une vignette minuscule au lieu d’une grande image, même si l’image existe.
L’aperçu reste bloqué sur l’ancienne version
Les plateformes gardent l’aperçu en mémoire plusieurs jours. Après correction, il faut forcer le rafraîchissement.
Où corriger, selon
votre plateforme.
WordPress
Une extension SEO comme Yoast ou Rank Math ajoute les balises Open Graph et permet de choisir une image de partage par page. Vérifiez qu’elle est activée : elle ne l’est pas toujours par défaut.
Shopify
Le thème génère les balises automatiquement à partir de l’image principale du produit. Pour la page d’accueil et les pages libres, l’image se règle dans les paramètres de la boutique.
Wix, Squarespace, Webflow
Chaque page dispose d’un champ « image de partage social » dans ses réglages SEO. Il est souvent laissé vide, et la plateforme retombe alors sur une image au hasard.
Site sur mesure
Les balises se placent dans la section head de chaque page. C’est le cas le plus simple à corriger proprement, et le plus souvent oublié.
Après correction, l’aperçu ne change pas tout de suite. Les plateformes gardent l’ancienne version en mémoire pendant plusieurs jours. Facebook et LinkedIn proposent chacun un outil officiel pour forcer le rafraîchissement ; WhatsApp, lui, se contente d’attendre.
Un détail qui coûte
plus cher qu’il n’en a l’air.
Je m’appelle Ayoub Fattami, développeur web indépendant. Sur la quasi-totalité des sites qu’on me confie, l’aperçu de partage est cassé : image absente, trop lourde, ou logo carré qui se transforme en vignette illisible.
Personne ne s’en aperçoit, parce que personne ne voit son propre lien depuis l’extérieur. C’est exactement pour ça que j’ai fait cet outil : trente secondes pour voir ce que vos prospects voient déjà.
Ce qu’on me demande
le plus souvent.
À quoi sert cet outil, concrètement ?
Quand vous envoyez le lien de votre site par WhatsApp, LinkedIn ou email, votre interlocuteur voit une carte avec une image, un titre et une description. Cet outil reconstitue cette carte avant que vous n’envoyiez quoi que ce soit, sur cinq plateformes à la fois, et vous dit ce qui empêche l’affichage quand il y a un problème.
Pourquoi mon lien s’affiche sans image ?
Trois causes couvrent la grande majorité des cas. L’image est déclarée avec une adresse relative que les robots ne savent pas résoudre. Elle dépasse 600 Ko, la limite indiquée par Meta pour WhatsApp. Ou elle fait moins de 300 pixels de large, en dessous de quoi aucun visuel n’est affiché. L’outil identifie laquelle des trois vous concerne.
J’ai corrigé mes balises, mais l’aperçu ne change pas.
C’est normal : les plateformes conservent l’aperçu en mémoire, parfois plusieurs jours. Facebook et LinkedIn proposent chacun un outil officiel pour forcer le rafraîchissement. WhatsApp n’en a pas : il faut attendre, ou ajouter un paramètre à la fin de l’adresse pour créer un lien neuf le temps d’un test.
Quelle taille d’image faut-il vraiment ?
1200 × 630 pixels convient à toutes les plateformes en même temps, avec un rapport de 1,91:1. Gardez le fichier sous 300 Ko pour un affichage instantané sur mobile, et placez le texte important au centre : les bords sont rognés différemment selon les services.
Faut-il une image différente par page ?
Idéalement oui. Une image de partage propre à chaque article ou fiche produit obtient nettement plus de clics qu’un visuel générique répété partout. À défaut, une image par grande section du site vaut déjà mieux qu’une seule pour tout le site.
L’outil garde-t-il une trace de mes tests ?
L’adresse testée est enregistrée dans un journal technique, sans donnée personnelle, et votre adresse IP n’est jamais stockée en clair. Si vous demandez le code corrigé, votre email me sert uniquement à vous répondre. Il n’est transmis à personne.
Ça marche sur n’importe quel site ?
Oui, sur toute page accessible publiquement, quelle que soit la technologie. Certains sites protégés par un pare-feu agressif bloquent les vérifications automatiques : l’outil vous le dit clairement plutôt que d’inventer un résultat.
Combien de tests puis-je lancer ?
Quatre par jour depuis la même connexion. Retester une adresse déjà analysée dans les quinze minutes ne consomme rien. Cette limite protège le service et les sites testés, elle n’est pas là pour vous vendre quoi que ce soit.
Les termes du rapport,
expliqués.
- Open Graph
- Le standard, créé par Facebook, que toutes les plateformes utilisent aujourd’hui pour lire le titre, la description et l’image d’une page.
- og:image
- La balise qui désigne l’image affichée au partage. Elle doit contenir une adresse complète, en https.
- og:title
- Le titre affiché dans la carte de partage. Il peut, et devrait, différer du titre pensé pour Google.
- og:description
- Le texte sous le titre. Environ 80 caractères suffisent : au-delà, les messageries coupent.
- twitter:card
- La balise qui indique à X le format à utiliser. Sans elle, votre lien s’affiche en petit.
- Ratio 1,91:1
- Le rapport largeur sur hauteur attendu par la plupart des plateformes, soit 1200 × 630 pixels.
- Cache d’aperçu
- La copie que la plateforme garde en mémoire. C’est elle qui explique qu’un aperçu corrigé mette du temps à changer.
- Contenu mixte
- Une image en http appelée depuis une page en https. Elle est bloquée, et l’aperçu reste vide.
Parlons de votre projet web.
Décrivez-moi votre besoin en 2 minutes. Je vous réponds sous 24h, sans engagement.
- WhatsApp +212 613 74 07 47
- Email contact@ayoubfattami.com
- Zone d'intervention Maroc & toute la francophonie