Allgemein

Integrieren Sie die Sponsor-Preview in Ihre SMS mithilfe des Tags og:image

Warum Ihre Partner-Website ein Tag haben muss og:image

Wenn Wheelskeep einem Kunden eine SMS mit der URL Ihrer Partner-Website sendet, versuchen moderne Messaging-Apps (iMessage, WhatsApp, Samsung Messages usw.) automatisch, eine visuelle Preview dieses Links zu erzeugen.

Diese Preview zeigt:

  • Ein Bild (das Logo oder Banner des Sponsors)
  • Einen Titel
  • Eine kurze Beschreibung

Damit diese Preview korrekt angezeigt wird – und Ihre Marke hervorhebt – muss Ihre Website die richtigen Open-Graph-Tags in ihrem <head> deklarieren.

Der wichtigste Tag: og:image

Die wichtigste Meta-Angabe ist diese:

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

Sie teilt den Messaging-Apps mit, welches Bild als Vorschaubild verwendet werden soll, wenn Ihre URL geteilt oder in einer SMS empfangen wird.

Konkretes Beispiel mit bonjour.wheelskeep.com

Hier sind die empfohlenen Open-Graph-Tags, die Sie im <head> Ihrer Partner-Website integrieren sollten – am Beispiel von bonjour.wheelskeep.com:

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

Was der Empfänger der SMS sieht

Wenn Wheelskeep eine SMS mit der URL https://bonjour.wheelskeep.com sendet, erzeugt das Smartphone des Kunden automatisch eine Vorschaukarte:

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

Bild-Spezifikationen og:image

Parameter Empfohlener Wert
Format JPG oder PNG
Abmessungen 1200 × 630 px
Dateigröße < 1 MB
Inhalt Logo + Marken-Hintergrund
URL HTTPS erforderlich

⚠️ Wichtig: Die Bild-URL muss absolut sein (mit https:// beginnen) und öffentlich zugänglich sein, ohne Authentifizierung.

Wie prüfen Sie, ob Ihr og:image korrekt konfiguriert ist?

Nutzen Sie eines dieser kostenlosen Tools, um die Darstellung vor dem Versand Ihrer SMS zu prüfen:

Zusammenfassung

Damit Ihre Wheelskeep-SMS eine ansprechende Preview Ihrer Sponsor-Website anzeigen:

  1. ✅ Fügen Sie die Tags og:image, og:title und og:description im <head> Ihrer Website hinzu
  2. ✅ Verwenden Sie ein Bild in 1200 × 630 px im JPG/PNG-Format, gehostet über HTTPS
  3. ✅ Prüfen Sie die Darstellung mit OpenGraph.xyz oder dem Meta Debugger
  4. ✅ Teilen Sie dem Wheelskeep-Team die endgültige URL zur Konfiguration mit

Benötigen Sie Hilfe bei der Konfiguration Ihrer Website? Kontaktieren Sie uns unter hallo@wheelskeep.com.