Général

Intégrez la preview sponsor dans vos SMS grâce au tag og:image

Pourquoi votre site partenaire doit avoir un tag og:image

Quand Wheelskeep envoie un SMS à un client avec l’URL de votre site partenaire, les applications de messagerie modernes (iMessage, WhatsApp, Samsung Messages, etc.) essaient automatiquement de générer une preview visuelle de ce lien.

Cette preview affiche :

  • Une image (le logo ou la bannière du sponsor)
  • Un titre
  • Une courte description

Pour que cette preview s’affiche correctement — et mette en avant votre image de marque — votre site doit déclarer les bonnes balises Open Graph dans son <head>.

Le tag essentiel : og:image

La balise la plus importante est celle-ci :

<meta property="og:image" content="https://monsite.com/image-preview.jpg" />

Elle indique aux messageries quelle image utiliser comme vignette lorsque votre URL est partagée ou reçue dans un SMS.

Exemple concret avec bonjour.wheelskeep.com

Voici les balises Open Graph recommandées à intégrer dans le <head> de votre site partenaire, en prenant bonjour.wheelskeep.com comme exemple :

<head>
  <!-- Open Graph - Balises essentielles pour la preview SMS -->
  <meta property="og:type"        content="website" />
  <meta property="og:url"         content="https://bonjour.wheelskeep.com" />
  <meta property="og:title"       content="Wheelskeep – Votre partenaire fidélité" />
  <meta property="og:description" content="Retrouvez toutes vos offres et avantages exclusifs sur bonjour.wheelskeep.com" />
  <meta property="og:image"       content="https://bonjour.wheelskeep.com/wp-content/uploads/preview-sponsor.jpg" />
  <meta property="og:image:width"  content="1200" />
  <meta property="og:image:height" content="630" />

  <!-- Twitter Card (pour compatibilité maximale) -->
  <meta name="twitter:card"        content="summary_large_image" />
  <meta name="twitter:image"       content="https://bonjour.wheelskeep.com/wp-content/uploads/preview-sponsor.jpg" />
</head>

Ce que verra le destinataire du SMS

Lorsque Wheelskeep envoie un SMS contenant l’URL https://bonjour.wheelskeep.com, le téléphone du client génère automatiquement une carte de prévisualisation :

┌─────────────────────────────────────────┐
│  📱 SMS Wheelskeep                       │
│                                         │
│  "Bonjour ! Retrouvez votre offre       │
│   exclusive ici 👉                      │
│   https://bonjour.wheelskeep.com"       │
│                                         │
│  ┌───────────────────────────────────┐  │
│  │  [IMAGE DU SPONSOR 1200x630px]    │  │
│  ├───────────────────────────────────┤  │
│  │  Wheelskeep – Votre partenaire    │  │
│  │  fidélité                         │  │
│  │  bonjour.wheelskeep.com           │  │
│  └───────────────────────────────────┘  │
└─────────────────────────────────────────┘

Spécifications de l’image og:image

Paramètre Valeur recommandée
Format JPG ou PNG
Dimensions 1200 × 630 px
Poids < 1 Mo
Contenu Logo + fond de marque
URL HTTPS obligatoire

⚠️ Important : l’URL de l’image doit être absolue (commencer par https://) et accessible publiquement, sans authentification.

Comment vérifier que votre og:image est bien configuré ?

Utilisez l’un de ces outils gratuits pour prévisualiser le rendu avant d’envoyer vos SMS :

En résumé

Pour que vos SMS Wheelskeep affichent une belle preview de votre site sponsor :

  1. ✅ Ajoutez les balises og:image, og:title et og:description dans le <head> de votre site
  2. ✅ Utilisez une image en 1200 × 630 px au format JPG/PNG, hébergée en HTTPS
  3. ✅ Vérifiez le rendu avec OpenGraph.xyz ou le Meta Debugger
  4. ✅ Communiquez l’URL définitive à l’équipe Wheelskeep pour configuration

Besoin d’aide pour configurer votre site ? Contactez-nous à bonjour@wheelskeep.com.