Generale

Integra l’anteprima dello sponsor nei tuoi SMS grazie al tag og:image

Perché il tuo sito partner deve avere un tag og:image

Quando Wheelskeep invia un SMS a un cliente con l’URL del tuo sito partner, le app di messaggistica moderne (iMessage, WhatsApp, Samsung Messages, ecc.) provano automaticamente a generare un’anteprima visiva di questo link.

Questa anteprima mostra:

  • Un’immagine (il logo o il banner dello sponsor)
  • Un titolo
  • Una breve descrizione

Perché questa anteprima venga visualizzata correttamente — e metta in risalto la tua immagine di marca — il tuo sito deve dichiarare i tag Open Graph corretti nel suo <head>.

Il tag essenziale: og:image

Il tag più importante è questo:

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

Indica alle app di messaggistica quale immagine usare come miniatura quando il tuo URL viene condiviso o ricevuto in un SMS.

Esempio concreto con bonjour.wheelskeep.com

Ecco i tag Open Graph consigliati da inserire nel <head> del tuo sito partner, prendendo bonjour.wheelskeep.com come esempio:

<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>

Cosa vedrà il destinatario dell’SMS

Quando Wheelskeep invia un SMS contenente l’URL https://bonjour.wheelskeep.com, il telefono del cliente genera automaticamente una scheda di anteprima:

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

Specifiche dell’immagine og:image

Parametro Valore consigliato
Formato JPG o PNG
Dimensioni 1200 × 630 px
Peso < 1 MB
Contenuto Logo + sfondo del brand
URL HTTPS obbligatorio

⚠️ Importante : l’URL dell’immagine deve essere assoluto (iniziare con https://) e accessibile pubblicamente, senza autenticazione.

Come verificare che il tuo og:image sia configurato correttamente?

Usa uno di questi strumenti gratuiti per visualizzare l’anteprima del risultato prima di inviare i tuoi SMS:

In sintesi

Perché i tuoi SMS Wheelskeep mostrino una bella anteprima del tuo sito sponsor:

  1. ✅ Aggiungi i tag og:image, og:title e og:description nel <head> del tuo sito
  2. ✅ Usa un’immagine 1200 × 630 px in formato JPG/PNG, ospitata in HTTPS
  3. ✅ Verifica il risultato con OpenGraph.xyz o il Meta Debugger
  4. ✅ Comunica l’URL definitivo al team Wheelskeep per la configurazione

Hai bisogno di aiuto per configurare il tuo sito? Contattaci a ciao@wheelskeep.com.