Geral

Integre a pré-visualização do patrocinador nos seus SMS graças à tag og:image

Por que razão o seu site parceiro deve ter uma tag og:image

Quando a Wheelskeep envia um SMS a um cliente com o URL do seu site parceiro, as aplicações de mensagens modernas (iMessage, WhatsApp, Samsung Messages, etc.) tentam gerar automaticamente uma pré-visualização visual dessa ligação.

Esta pré-visualização apresenta:

  • Uma imagem (o logótipo ou o banner do patrocinador)
  • Um título
  • Uma curta descrição

Para que esta pré-visualização seja apresentada corretamente — e destaque a sua imagem de marca — o seu site deve declarar as etiquetas Open Graph adequadas no seu <head>.

A tag essencial: og:image

A etiqueta mais importante é esta:

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

Ela indica às aplicações de mensagens qual a imagem a utilizar como miniatura quando o seu URL é partilhado ou recebido num SMS.

Exemplo concreto com bonjour.wheelskeep.com

Aqui estão as etiquetas Open Graph recomendadas para integrar no <head> do seu site parceiro, utilizando bonjour.wheelskeep.com como exemplo:

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

O que o destinatário do SMS verá

Quando a Wheelskeep envia um SMS contendo o URL https://bonjour.wheelskeep.com, o telemóvel do cliente gera automaticamente um cartão de pré-visualização:

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

Especificações da imagem og:image

Parâmetro Valor recomendado
Formato JPG ou PNG
Dimensões 1200 × 630 px
Peso < 1 MB
Conteúdo Logótipo + fundo de marca
URL HTTPS obrigatório

⚠️ Importante: o URL da imagem deve ser absoluto (começar por https://) e estar acessível publicamente, sem autenticação.

Como verificar se a sua og:image está bem configurada?

Utilize uma destas ferramentas gratuitas para pré-visualizar o resultado antes de enviar os seus SMS:

Em resumo

Para que os seus SMS da Wheelskeep apresentem uma excelente pré-visualização do seu site patrocinador:

  1. ✅ Adicione as etiquetas og:image, og:title e og:description no <head> do seu site
  2. ✅ Utilize uma imagem de 1200 × 630 px no formato JPG/PNG, alojada em HTTPS
  3. ✅ Verifique o resultado com o OpenGraph.xyz ou o Meta Debugger
  4. ✅ Comunique o URL definitivo à equipa da Wheelskeep para configuração

Necessita de ajuda para configurar o seu site? Contacte-nos através de bom-dia@wheelskeep.com.