Pour les liens enrichis iMessage
Voyez la carte de lien enrichi que l’app Messages d’Apple construit à partir de votre og:title et de votre og:image.
Sans carte bancaire · Forfait Free sans limite de durée
L’application Messages d’Apple transforme les URL en liens enrichis : une carte qui montre l’image de la page, son titre et le domaine du site. Elle est construite à partir des balises Open Graph standard (og:title pour le titre, og:image pour le visuel), si bien que les métadonnées qui servent à Slack ou à Facebook servent aussi à iMessage.
Contrairement à la plupart des plateformes, iMessage n’affiche pas og:description. La carte se limite au titre, à l’image et au nom d’hôte, et og:title porte donc presque tout le poids. Placez-y d’abord les mots importants et gardez-le assez court pour qu’il ne soit pas tronqué dans une bulle de la largeur d’un téléphone.
L’aperçu est généré sur l’appareil de l’expéditeur au moment où le lien est tapé ou collé, puis envoyé avec le message. Les destinataires voient ce qu’a récupéré l’expéditeur : un lien collé pendant que les balises étaient encore fausses garde sa carte périmée. Le robot d’Apple lit le HTML rendu côté serveur ; les métadonnées injectées uniquement par du JavaScript côté client n’apparaîtront pas.
La taille de l’image décide de la mise en page. Une grande og:image au format paysage (1200×630 convient bien) s’affiche en carte pleine largeur avec le titre en dessous ; si og:image est absente ou très petite, Messages se rabat sur une ligne compacte avec l’icône du site. Il vaut donc la peine de fournir aussi une bonne apple-touch-icon et un favicon.
Apple ne propose pas d’outil de débogage public et les aperçus sont mis en cache sur chaque appareil. Après avoir corrigé les balises, ajoutez un paramètre de requête provisoire (par exemple ?v=2) ou renvoyez le lien une fois la modification en ligne pour voir la carte mise à jour.
Si la carte n’est pas correcte, la cause se trouve généralement dans les balises de la page ou dans une redirection placée devant elle. Corriger les aperçus de lien Open Graph passe en revue les balises que lit chaque plateforme, le vérificateur de redirections montre si un robot est renvoyé d’étape en étape avant d’atteindre votre page, et le score de confiance du lien indique si la destination elle-même est signalée. Pour le vocabulaire (og:image, canonical, unfurl), consultez le glossaire. Le vérificateur d’aperçu de lien, en langage simple, montre la carte finale sur huit plateformes à la fois.
Vérifiez que l’og:title se lit bien seul, puisqu’iMessage n’affiche jamais la description.
Assurez-vous que l’og:image est assez grande pour la carte pleine largeur, et non pour la petite ligne avec icône.
Faites en sorte que les liens de rendez-vous, de commande et de réinitialisation de mot de passe affichent une carte digne de confiance dans Messages.
Vérifiez la carte avant que le lien circule par SMS, car chaque expéditeur envoie l’aperçu que son propre appareil a récupéré.
Des variantes préconfigurées pour des plateformes et des cas d’usage précis.
Pour les partages LinkedIn
Voyez à quoi ressemble votre URL partagée sur LinkedIn, avant de publier.
Ouvrir la variantePour les aperçus dans Slack
Vérifiez l’aperçu que Slack affiche pour votre URL dans les messages et les canaux.
Ouvrir la variantePour X et les Twitter Cards
Voyez comment votre URL s’affiche en Twitter Card sur X.
Ouvrir la variantePour les partages Facebook
Voyez comment votre URL s’affichera dans une publication ou un partage Facebook.
Ouvrir la variantePour les intégrations Discord
Voyez comment Discord intègre votre URL dans un salon ou un message privé.
Ouvrir la variantePour les discussions WhatsApp
Voyez le titre, la description et la vignette que WhatsApp affiche quand un lien est collé dans une discussion.
Ouvrir la variantePour les messages Telegram
Voyez comment Telegram affiche votre URL dans les discussions, les groupes et les chaînes.
Ouvrir la variante