General

Integre la vista previa del patrocinador en sus SMS gracias a la etiqueta og:image

Por qué su sitio colaborador debe tener una etiqueta og:image

Cuando Wheelskeep envía un SMS a un cliente con la URL de su sitio colaborador, las aplicaciones de mensajería modernas (iMessage, WhatsApp, Samsung Messages, etc.) intentan generar automáticamente una vista previa visual de dicho enlace.

Esta vista previa muestra:

  • Una imagen (el logotipo o el banner del patrocinador)
  • Un título
  • Una breve descripción

Para que esta vista previa se muestre correctamente —y resalte su imagen de marca—, su sitio debe declarar las etiquetas Open Graph adecuadas en su <head>.

La etiqueta esencial: og:image

La etiqueta más importante es esta:

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

Indica a los servicios de mensajería qué imagen utilizar como miniatura cuando su URL se comparte o se recibe en un SMS.

Ejemplo concreto con bonjour.wheelskeep.com

Estas son las etiquetas Open Graph recomendadas para integrar en el <head> de su sitio colaborador, tomando bonjour.wheelskeep.com como ejemplo:

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

Lo que verá el destinatario del SMS

Cuando Wheelskeep envía un SMS que contiene la URL https://bonjour.wheelskeep.com, el teléfono del cliente genera automáticamente una tarjeta de previsualización:

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

Especificaciones de la imagen og:image

Parámetro Valor recomendado
Formato JPG o PNG
Dimensiones 1200 × 630 px
Peso < 1 MB
Contenido Logotipo + fondo de marca
URL HTTPS obligatorio

⚠️ Importante: la URL de la imagen debe ser absoluta (empezar por https://) y ser accesible públicamente, sin autenticación.

¿Cómo verificar que su og:image está bien configurada?

Utilice una de estas herramientas gratuitas para previsualizar el resultado antes de enviar sus SMS:

En resumen

Para que sus SMS de Wheelskeep muestren una vista previa atractiva de su sitio patrocinado:

  1. ✅ Añada las etiquetas og:image, og:title y og:description en el <head> de su sitio
  2. ✅ Utilice una imagen de 1200 × 630 px en formato JPG/PNG, alojada en HTTPS
  3. ✅ Verifique el resultado con OpenGraph.xyz o el Meta Debugger
  4. ✅ Comunique la URL definitiva al equipo de Wheelskeep para su configuración

¿Necesita ayuda para configurar su sitio? Contáctenos en hola@wheelskeep.com.